{"id":1343,"date":"2017-02-13T15:00:10","date_gmt":"2017-02-13T15:00:10","guid":{"rendered":"http:\/\/test.kriesi.at\/enfold-2017\/?page_id=1343"},"modified":"2017-02-13T15:00:10","modified_gmt":"2017-02-13T15:00:10","slug":"masonry","status":"publish","type":"page","link":"http:\/\/dpk-ppni.ump.ac.id\/index.php\/elements\/masonry\/","title":{"rendered":"Masonry"},"content":{"rendered":"<div class=\"flex_column av_one_full  flex_column_div av-zero-column-padding first  avia-builder-el-0  avia-builder-el-no-sibling  \" style='border-radius:0px; '><p><div  style='padding-bottom:15px; color:#000000;font-size:40px;' class='av-special-heading av-special-heading-h1 custom-color-heading blockquote modern-quote  avia-builder-el-1  el_before_av_textblock  avia-builder-el-first  av-inherit-size '><h1 class='av-special-heading-tag '  itemprop=\"headline\"  >Masonry Element<\/h1><div class='special-heading-border'><div class='special-heading-inner-border' style='border-color:#000000'><\/div><\/div><\/div><br \/>\n<section class=\"av_textblock_section \"  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/CreativeWork\" ><div class='avia_textblock  '   itemprop=\"text\" ><ul>\n<li>You can either display entries of various post types (blog posts, portfolio entries, products) or a list of images<\/li>\n<li>You can sort the displayed entries based on categories\/tags or disable sorting alltogether<\/li>\n<li>You can chose between no gap, 1px gap and 15px gap between each element<\/li>\n<li>You can either use the natural image ratio (no cropping, great for photos) or use a predefined ratio that will display beautiful grids (great for portfolios and blogs)<\/li>\n<li>You can chose to always display title + excerpt\/caption, show them on mouse hover or hide them<\/li>\n<li>You can display a default pagination, an ajax load more button or no option for additional items whatsoever<\/li>\n<\/ul>\n<\/div><\/section><br \/>\n<div  class='avia-button-wrap avia-button-left  avia-builder-el-3  el_after_av_textblock  el_before_av_hr ' ><a href='http:\/\/dpk-ppni.ump.ac.id\/index.php\/portfolio\/masonry-portfolio-example-4-column-masonry-grid\/'  class='avia-button  avia-color-dark   avia-icon_select-no avia-size-x-large avia-position-left '   ><span class='avia_iconbox_title' >More masonry examples at the Portfolio<\/span><\/a><\/div><br \/>\n<div  style='height:50px' class='hr hr-invisible   avia-builder-el-4  el_after_av_button  el_before_av_masonry_entries  avia-builder-el-last '><span class='hr-inner ' ><span class='hr-inner-style'><\/span><\/span><\/div><br \/>\n<div id='av-masonry-1' class='av-masonry  noHover av-fixed-size av-large-gap av-hover-overlay-active av-masonry-animation-active av-masonry-col-2 av-caption-always av-caption-style-    '  ><div class='av-masonry-sort main_color av-sort-yes-tax' data-masonry-id='1' ><div class='av-current-sort-title'><span class=\"inner_sort_button\"><span>All<\/span><small class=\"avia-term-count\"> 6 <\/small><\/span><\/div><div class='av-sort-by-term  ' data-av-allowed-sort='[\"classes_sort\",\"profil_sort\"]' ><a href=\"#\" data-filter=\"all_sort\" class=\"all_sort_button active_sort\"><span class=\"inner_sort_button\"><span>All<\/span><small class=\"avia-term-count\"> 6 <\/small><\/span><\/a><span class='text-sep classes_sort_sep avia_show_sort'>\/<\/span><a href=\"#\" data-filter=\"classes_sort\" class=\"classes_sort_button avia_show_sort\" ><span class=\"inner_sort_button\"><span>classes<\/span><small class='avia-term-count'> 4 <\/small><\/span><\/a><span class='text-sep profil_sort_sep avia_show_sort'>\/<\/span><a href=\"#\" data-filter=\"profil_sort\" class=\"profil_sort_button avia_show_sort\" ><span class=\"inner_sort_button\"><span>profil<\/span><small class='avia-term-count'> 2 <\/small><\/span><\/a><\/div><\/div><div class='av-masonry-container isotope av-js-disabled ' ><div class='av-masonry-entry isotope-item av-masonry-item-no-image all_sort profil_sort  classes_sort '><\/div><a href=\"http:\/\/dpk-ppni.ump.ac.id\/index.php\/portfolio-item\/tujuan\/\"  id='av-masonry-1-item-3971' data-av-masonry-item='3971' class='av-masonry-entry isotope-item post-3971 portfolio type-portfolio status-publish hentry portfolio_entries-profil all_sort profil_sort  av-masonry-item-no-image' title=\"Tujuan\"  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/CreativeWork\" ><div class='av-inner-masonry-sizer'><\/div><figure class='av-inner-masonry main_color'><figcaption class='av-inner-masonry-content site-background'><div class='av-inner-masonry-content-pos'><div class='av-inner-masonry-content-pos-content'><div class='avia-arrow'><\/div><h3 class='av-masonry-entry-title entry-title '  itemprop=\"headline\" >Tujuan<\/h3><\/div><\/div><\/figcaption><\/figure><\/a><!--end av-masonry entry--><a href=\"http:\/\/dpk-ppni.ump.ac.id\/index.php\/portfolio-item\/visi-misi\/\"  id='av-masonry-1-item-3968' data-av-masonry-item='3968' class='av-masonry-entry isotope-item post-3968 portfolio type-portfolio status-publish hentry portfolio_entries-profil all_sort profil_sort  av-masonry-item-no-image' title=\"VISI MISI\"  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/CreativeWork\" ><div class='av-inner-masonry-sizer'><\/div><figure class='av-inner-masonry main_color'><figcaption class='av-inner-masonry-content site-background'><div class='av-inner-masonry-content-pos'><div class='av-inner-masonry-content-pos-content'><div class='avia-arrow'><\/div><h3 class='av-masonry-entry-title entry-title '  itemprop=\"headline\" >VISI MISI<\/h3><\/div><\/div><\/figcaption><\/figure><\/a><!--end av-masonry entry--><a href=\"http:\/\/dpk-ppni.ump.ac.id\/index.php\/portfolio-item\/conversation-class\/\"  id='av-masonry-1-item-580' data-av-masonry-item='580' class='av-masonry-entry isotope-item post-580 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-classes all_sort classes_sort  av-masonry-item-with-image' title=\"slide1\"  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/CreativeWork\" ><div class='av-inner-masonry-sizer'><\/div><figure class='av-inner-masonry main_color'><div class=\"av-masonry-outerimage-container\"><div class=\"av-masonry-image-container\" style=\"background-image: url(http:\/\/dpk-ppni.ump.ac.id\/wp-content\/uploads\/2020\/11\/slide1-1-705x338.jpg);\" title=\"slide1\" ><\/div><\/div><figcaption class='av-inner-masonry-content site-background'><div class='av-inner-masonry-content-pos'><div class='av-inner-masonry-content-pos-content'><div class='avia-arrow'><\/div><h3 class='av-masonry-entry-title entry-title '  itemprop=\"headline\" >Conversation Class (CC)<\/h3><div class='av-masonry-entry-content entry-content'  itemprop=\"text\" >Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam loapi.<\/div><\/div><\/div><\/figcaption><\/figure><\/a><!--end av-masonry entry--><a href=\"http:\/\/dpk-ppni.ump.ac.id\/index.php\/portfolio-item\/toeic-preparation\/\"  id='av-masonry-1-item-579' data-av-masonry-item='579' class='av-masonry-entry isotope-item post-579 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-classes all_sort classes_sort  av-masonry-item-with-image' title=\"slide2\"  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/CreativeWork\" ><div class='av-inner-masonry-sizer'><\/div><figure class='av-inner-masonry main_color'><div class=\"av-masonry-outerimage-container\"><div class=\"av-masonry-image-container\" style=\"background-image: url(http:\/\/dpk-ppni.ump.ac.id\/wp-content\/uploads\/2020\/11\/slide2-705x338.jpg);\" title=\"slide2\" ><\/div><\/div><figcaption class='av-inner-masonry-content site-background'><div class='av-inner-masonry-content-pos'><div class='av-inner-masonry-content-pos-content'><div class='avia-arrow'><\/div><h3 class='av-masonry-entry-title entry-title '  itemprop=\"headline\" >TOEIC Preparation<\/h3><div class='av-masonry-entry-content entry-content'  itemprop=\"text\" >Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus.<\/div><\/div><\/div><\/figcaption><\/figure><\/a><!--end av-masonry entry--><a href=\"http:\/\/dpk-ppni.ump.ac.id\/index.php\/portfolio-item\/ielts-preparation\/\"  id='av-masonry-1-item-578' data-av-masonry-item='578' class='av-masonry-entry isotope-item post-578 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-classes all_sort classes_sort  av-masonry-item-with-image' title=\"13230127_1120363577984633_8806833624412030049_n\"  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/CreativeWork\" ><div class='av-inner-masonry-sizer'><\/div><figure class='av-inner-masonry main_color'><div class=\"av-masonry-outerimage-container\"><div class=\"av-masonry-image-container\" style=\"background-image: url(http:\/\/dpk-ppni.ump.ac.id\/wp-content\/uploads\/2016\/05\/13230127_1120363577984633_8806833624412030049_n-705x397.jpg);\" title=\"13230127_1120363577984633_8806833624412030049_n\" ><\/div><\/div><figcaption class='av-inner-masonry-content site-background'><div class='av-inner-masonry-content-pos'><div class='av-inner-masonry-content-pos-content'><div class='avia-arrow'><\/div><h3 class='av-masonry-entry-title entry-title '  itemprop=\"headline\" >IELTS Preparation (IP)<\/h3><div class='av-masonry-entry-content entry-content'  itemprop=\"text\" >Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus.<\/div><\/div><\/div><\/figcaption><\/figure><\/a><!--end av-masonry entry--><a href=\"http:\/\/dpk-ppni.ump.ac.id\/index.php\/portfolio-item\/toefl-test-of-english-as-foreign-language\/\"  id='av-masonry-1-item-577' data-av-masonry-item='577' class='av-masonry-entry isotope-item post-577 portfolio type-portfolio status-publish has-post-thumbnail hentry portfolio_entries-classes all_sort classes_sort  av-masonry-item-with-image' title=\"slide3\"  itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/CreativeWork\" ><div class='av-inner-masonry-sizer'><\/div><figure class='av-inner-masonry main_color'><div class=\"av-masonry-outerimage-container\"><div class=\"av-masonry-image-container\" style=\"background-image: url(http:\/\/dpk-ppni.ump.ac.id\/wp-content\/uploads\/2020\/11\/slide3-705x338.jpg);\" title=\"slide3\" ><\/div><\/div><figcaption class='av-inner-masonry-content site-background'><div class='av-inner-masonry-content-pos'><div class='av-inner-masonry-content-pos-content'><div class='avia-arrow'><\/div><h3 class='av-masonry-entry-title entry-title '  itemprop=\"headline\" >TOEFL (TEST OF ENGLISH AS FOREIGN LANGUAGE)<\/h3><div class='av-masonry-entry-content entry-content'  itemprop=\"text\" >Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridi.<\/div><\/div><\/div><\/figcaption><\/figure><\/a><!--end av-masonry entry--><\/div><a class='av-masonry-pagination av-masonry-load-more' href='#load-more'  data-ids=''  data-action=''  data-link='portfolio_entries'  data-post_type='post, page, attachment, revision, nav_menu_item, custom_css, customize_changeset, oembed_cache, user_request, wp_block, portfolio, avia_framework_post'  data-items='6'  data-size='fixed'  data-gap='large'  data-overlay_fx='active'  data-animation='active'  data-offset='0'  data-container_links='active'  data-link_dest=''  data-lightbox_text=''  data-lazy_loading='disabled'  data-container_class=''  data-paginate='load_more'  data-caption_elements='title excerpt'  data-caption_display='always'  data-caption_styling=''  data-wc_prod_visible=''  data-wc_prod_hidden=''  data-wc_prod_featured=''  data-prod_order_by=''  data-prod_order=''  data-sort='yes-tax'  data-columns='2'  data-auto_ratio='1.7'  data-set_breadcrumb='1'  data-custom_markup=''  data-query_orderby='date'  data-query_order='DESC'  data-color=''  data-custom_bg=''  data-custom_class=''  data-orientation=''  data-date_filter=''  data-date_filter_start=''  data-date_filter_end=''  data-date_filter_format='yy\/mm\/dd'  data-id=''  data-taxonomy='portfolio_entries'  data-categories='47,52'  data-avno='1879193489'>Load more<\/a><\/div><\/p><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":606,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"http:\/\/dpk-ppni.ump.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/1343"}],"collection":[{"href":"http:\/\/dpk-ppni.ump.ac.id\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/dpk-ppni.ump.ac.id\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/dpk-ppni.ump.ac.id\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/dpk-ppni.ump.ac.id\/index.php\/wp-json\/wp\/v2\/comments?post=1343"}],"version-history":[{"count":0,"href":"http:\/\/dpk-ppni.ump.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/1343\/revisions"}],"up":[{"embeddable":true,"href":"http:\/\/dpk-ppni.ump.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/606"}],"wp:attachment":[{"href":"http:\/\/dpk-ppni.ump.ac.id\/index.php\/wp-json\/wp\/v2\/media?parent=1343"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}