{"id":1050,"date":"2016-05-06T09:33:00","date_gmt":"2016-05-06T09:33:00","guid":{"rendered":"http:\/\/demo.yolotheme.com\/dummy\/sofani\/?page_id=1050"},"modified":"2025-06-12T08:10:03","modified_gmt":"2025-06-12T08:10:03","slug":"portfolio-demo","status":"publish","type":"page","link":"https:\/\/lululiving.floppydemo.us\/index.php\/portfolio-demo\/","title":{"rendered":"Portfolio"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row][vc_column]<div class=\"portfolio-container\">\r\n  <div class=\"portfolio overflow-hidden   paging\" id=\"portfolio-6a22f2e24dff8\" >\r\n      <!-- Portfolio Filter -->\r\n            <div class=\"portfolio-tabs clearfix category\">\r\n            <div class=\"tab-wrapper line-height-1 center\">\r\n      <ul>\r\n        <li class=\"active\">\r\n          <a  class=\"isotope-portfolio ladda-button sofani-button style2 button-dark button-2x active\"\r\n              data-section-id    =\"6a22f2e24dff8\"\r\n              data-category      =\"\"\r\n              data-overlay-style =\"icon-title-category\"\r\n              data-source        =\"\"\r\n              data-portfolio-ids =\"\"\r\n              data-group         =\"all\" \r\n              data-filter        =\"*\"\r\n              data-thumbnail     =\"squared\"\r\n              data-tag           =\"\"\r\n              data-current-page  =\"1\"\r\n              data-offset        =\"0\"\r\n              data-post-per-page =\"4\"\r\n              data-order         =\"DESC\"\r\n              data-column        =\"4\"\r\n              data-show-paging   =\"1\"\r\n              data-style         =\"zoom-out\" \r\n              data-spinner-color =\"#fff\"\r\n              href               =\"javascript:;\">\r\n              All          <\/a>\r\n        <\/li>\r\n                <li class=\"\">\r\n          <a  class=\"isotope-portfolio ladda-button sofani-button style2 button-dark button-2x \"\r\n              href               =\"javascript:;\" \r\n              data-section-id    =\"6a22f2e24dff8\"\r\n              data-category      =\"rectangle\"\r\n              data-overlay-style =\"icon-title-category\"\r\n              data-source        =\"\"\r\n              data-portfolio-ids =\"\"\r\n              data-group         =\"rectangle\"\r\n              data-filter        =\".rectangle\"\r\n              data-thumbnail     =\"squared\"\r\n              data-tag           =\"\"\r\n              data-current-page  =\"1\"\r\n              data-offset        =\"0\"\r\n              data-post-per-page =\"4\"\r\n              data-order         =\"DESC\"\r\n              data-column        =\"4\"\r\n              data-show-paging   =\"1\"\r\n              data-style         =\"zoom-out\"\r\n              data-spinner-color =\"#fff\">\r\n              Rectangle          <\/a>\r\n        <\/li>\r\n                <li class=\"\">\r\n          <a  class=\"isotope-portfolio ladda-button sofani-button style2 button-dark button-2x \"\r\n              href               =\"javascript:;\" \r\n              data-section-id    =\"6a22f2e24dff8\"\r\n              data-category      =\"square\"\r\n              data-overlay-style =\"icon-title-category\"\r\n              data-source        =\"\"\r\n              data-portfolio-ids =\"\"\r\n              data-group         =\"square\"\r\n              data-filter        =\".square\"\r\n              data-thumbnail     =\"squared\"\r\n              data-tag           =\"\"\r\n              data-current-page  =\"1\"\r\n              data-offset        =\"0\"\r\n              data-post-per-page =\"4\"\r\n              data-order         =\"DESC\"\r\n              data-column        =\"4\"\r\n              data-show-paging   =\"1\"\r\n              data-style         =\"zoom-out\"\r\n              data-spinner-color =\"#fff\">\r\n              Square          <\/a>\r\n        <\/li>\r\n              <\/ul>\r\n    <\/div>\r\n        <\/div>\r\n            <!-- End Portfolio Filter -->\r\n\r\n      <!-- Portfolio Wrapper -->\r\n      <div class=\"portfolio-wrapper sofani-col-md-4  squared $s\"\r\n          data-section-id=\"6a22f2e24dff8\"\r\n          id=\"portfolio-container-6a22f2e24dff8\"\r\n          data-columns=\"4\">\r\n          \r\n          \n<div class=\"portfolio-item hover-dir rectangle  hover-align-center\">\n    <!-- Title top -->\n    \n    <div class=\"entry-thumbnail icon-title-category effect_1\">\n    <img loading=\"lazy\" decoding=\"async\" width=\"500\" height=\"500\" src=\"https:\/\/lululiving.floppydemo.us\/wp-content\/uploads\/2016\/07\/sofani-placeholder-500x500.jpg\" alt=\"Tempor docendi vix eu\"\/>\n    <div class=\"entry-thumbnail-hover p-bg-rgba-color\">\n        <div class=\"entry-hover-wrapper\">\n            <div class=\"entry-hover-inner\">\n                                    <a href=\"https:\/\/lululiving.floppydemo.us\/wp-content\/uploads\/2016\/07\/sofani-placeholder.jpg\" data-rel=\"prettyPhoto[pp_gal_2398]\" title=\"Tempor docendi vix eu\">                        <i class=\"fa fa-expand fc-white\"><\/i>                    <\/a>\n                    <a href=\"https:\/\/lululiving.floppydemo.us\/index.php\/portfolio\/tempor-docendi-vix-eu\/\" class=\"overlay-title\"><div class=\"title\">Tempor docendi vix eu<\/div><\/a>\n                    <span class=\"category\">Rectangle<\/span>\n                            <\/div>\n        <\/div>\n    <\/div>\n\n<\/div>\n\n    <!-- Title bottom -->\n        <div class=\"portfolio-title-wrap bottom\">\n        <a href=\"https:\/\/lululiving.floppydemo.us\/index.php\/portfolio\/tempor-docendi-vix-eu\/\" class=\"portfolio-title\">Tempor docendi vix eu<\/a>\n        <div class=\"portfolio-tag\"><span>PhotoGraph<\/span><\/div>\n    <\/div>\n    \n    <!-- @TODO: process media type -->\n    <div style=\"display: none\">\n    <\/div>\n<\/div>\r\n          \r\n          \n<div class=\"portfolio-item hover-dir rectangle  hover-align-center\">\n    <!-- Title top -->\n    \n    <div class=\"entry-thumbnail icon-title-category effect_1\">\n    <img loading=\"lazy\" decoding=\"async\" width=\"500\" height=\"500\" src=\"https:\/\/lululiving.floppydemo.us\/wp-content\/uploads\/2016\/07\/sofani-placeholder-500x500.jpg\" alt=\"Prompta vocibus sit id\"\/>\n    <div class=\"entry-thumbnail-hover p-bg-rgba-color\">\n        <div class=\"entry-hover-wrapper\">\n            <div class=\"entry-hover-inner\">\n                                    <a href=\"https:\/\/lululiving.floppydemo.us\/wp-content\/uploads\/2016\/07\/sofani-placeholder.jpg\" data-rel=\"prettyPhoto[pp_gal_2397]\" title=\"Prompta vocibus sit id\">                        <i class=\"fa fa-expand fc-white\"><\/i>                    <\/a>\n                    <a href=\"https:\/\/lululiving.floppydemo.us\/index.php\/portfolio\/prompta-vocibus-sit-id\/\" class=\"overlay-title\"><div class=\"title\">Prompta vocibus sit id<\/div><\/a>\n                    <span class=\"category\">Rectangle<\/span>\n                            <\/div>\n        <\/div>\n    <\/div>\n\n<\/div>\n\n    <!-- Title bottom -->\n        <div class=\"portfolio-title-wrap bottom\">\n        <a href=\"https:\/\/lululiving.floppydemo.us\/index.php\/portfolio\/prompta-vocibus-sit-id\/\" class=\"portfolio-title\">Prompta vocibus sit id<\/a>\n        <div class=\"portfolio-tag\"><span>PhotoGraph<\/span>, <span>Typography<\/span><\/div>\n    <\/div>\n    \n    <!-- @TODO: process media type -->\n    <div style=\"display: none\">\n    <\/div>\n<\/div>\r\n          \r\n          \n<div class=\"portfolio-item hover-dir square  hover-align-center\">\n    <!-- Title top -->\n    \n    <div class=\"entry-thumbnail icon-title-category effect_1\">\n    <img loading=\"lazy\" decoding=\"async\" width=\"500\" height=\"500\" src=\"https:\/\/lululiving.floppydemo.us\/wp-content\/uploads\/2016\/07\/sofani-placeholder-500x500.jpg\" alt=\"Sumo singulis ne eam\"\/>\n    <div class=\"entry-thumbnail-hover p-bg-rgba-color\">\n        <div class=\"entry-hover-wrapper\">\n            <div class=\"entry-hover-inner\">\n                                    <a href=\"https:\/\/vimeo.com\/52742614\" data-rel=\"prettyPhoto\" title=\"Sumo singulis ne eam\">                        <i class=\"fa fa-play-circle fc-white\"><\/i>                    <\/a>\n                    <a href=\"https:\/\/lululiving.floppydemo.us\/index.php\/portfolio\/sumo-singulis-ne-eam\/\" class=\"overlay-title\"><div class=\"title\">Sumo singulis ne eam<\/div><\/a>\n                    <span class=\"category\">Square<\/span>\n                            <\/div>\n        <\/div>\n    <\/div>\n\n<\/div>\n\n    <!-- Title bottom -->\n        <div class=\"portfolio-title-wrap bottom\">\n        <a href=\"https:\/\/lululiving.floppydemo.us\/index.php\/portfolio\/sumo-singulis-ne-eam\/\" class=\"portfolio-title\">Sumo singulis ne eam<\/a>\n        <div class=\"portfolio-tag\"><span>Creative<\/span>, <span>Typography<\/span><\/div>\n    <\/div>\n    \n    <!-- @TODO: process media type -->\n    <div style=\"display: none\">\n    <\/div>\n<\/div>\r\n          \r\n          \n<div class=\"portfolio-item hover-dir rectangle  hover-align-center\">\n    <!-- Title top -->\n    \n    <div class=\"entry-thumbnail icon-title-category effect_1\">\n    <img loading=\"lazy\" decoding=\"async\" width=\"500\" height=\"500\" src=\"https:\/\/lululiving.floppydemo.us\/wp-content\/uploads\/2016\/07\/sofani-placeholder-500x500.jpg\" alt=\"At laboramus cotidieque mel\"\/>\n    <div class=\"entry-thumbnail-hover p-bg-rgba-color\">\n        <div class=\"entry-hover-wrapper\">\n            <div class=\"entry-hover-inner\">\n                                    <a href=\"https:\/\/lululiving.floppydemo.us\/wp-content\/uploads\/2016\/07\/sofani-placeholder.jpg\" data-rel=\"prettyPhoto[pp_gal_2395]\" title=\"At laboramus cotidieque mel\">                        <i class=\"fa fa-expand fc-white\"><\/i>                    <\/a>\n                    <a href=\"https:\/\/lululiving.floppydemo.us\/index.php\/portfolio\/at-laboramus-cotidieque-mel\/\" class=\"overlay-title\"><div class=\"title\">At laboramus cotidieque mel<\/div><\/a>\n                    <span class=\"category\">Rectangle<\/span>\n                            <\/div>\n        <\/div>\n    <\/div>\n\n<\/div>\n\n    <!-- Title bottom -->\n        <div class=\"portfolio-title-wrap bottom\">\n        <a href=\"https:\/\/lululiving.floppydemo.us\/index.php\/portfolio\/at-laboramus-cotidieque-mel\/\" class=\"portfolio-title\">At laboramus cotidieque mel<\/a>\n        <div class=\"portfolio-tag\"><span>Creative<\/span>, <span>PhotoGraph<\/span><\/div>\n    <\/div>\n    \n    <!-- @TODO: process media type -->\n    <div style=\"display: none\">\n    <\/div>\n<\/div>\r\n                <\/div>\r\n      <!-- End Portfolio Wrap -->\r\n\r\n      <!-- Portfolio Paging -->\r\n                <div style=\"clear: both\"><\/div>\r\n          <div class=\"paging\" id=\"load-more-6a22f2e24dff8\">\r\n              <a href=\"javascript:;\" class=\"sofani-button load-more ladda-button \"\r\n                 data-source          =\"\"\r\n                 data-overlay-style   =\"icon-title-category\"\r\n                 data-overlay-effect  =\"effect_1\"\r\n                 data-category        =\"rectangle,square\"\r\n                 data-portfolio-ids   =\"\"\r\n                 data-section-id      =\"6a22f2e24dff8\"\r\n                 data-current-page    =\"2\"\r\n                 data-column          =\"4\"\r\n                 data-offset          =\"0\"\r\n                 data-post-per-page   =\"4\"\r\n                 data-show-paging     =\"1\"\r\n                 data-padding         =\"\"\r\n                 data-thumbnail       =\"squared\"\r\n                 data-tag             =\"\"\r\n                 data-filter-by       =\"category\"\r\n                 data-hover-dir       =\"on\"\r\n                 data-portfolio-title =\"bottom\"\r\n                 data-order           =\"DESC\"\r\n                 data-style           =\"zoom-out\" \r\n                 data-spinner-color   =\"#fff\"\r\n              >\r\n                Load more              <\/a>\r\n          <\/div>\r\n        <\/div>\r\n<\/div>\r\n\r\n<script type=\"text\/javascript\">\r\n  (function ($) {\r\n    \"use strict\";\r\n    $(document).ready(function () {\r\n      var $tab_container = jQuery('#portfolio-6a22f2e24dff8');\r\n      $('.portfolio-tabs .isotope-portfolio', $tab_container).off();\r\n      $('.portfolio-tabs .isotope-portfolio', $tab_container).click(function () {\r\n        $('.portfolio-tabs .isotope-portfolio', $tab_container).removeClass('active');\r\n        $('.portfolio-tabs li', $tab_container).removeClass('active');\r\n        $(this).addClass('active');\r\n        $(this).parent().addClass('active');\r\n        var dataSectionId = $(this).attr('data-section-id');\r\n        var filter        = $(this).attr('data-filter');\r\n        var $container    = jQuery('div[data-section-id=\"' + dataSectionId + '\"]').isotope({ filter: filter});\r\n        $container.imagesLoaded(function () {\r\n          $container.isotope('layout');\r\n        });\r\n      });\r\n      var $container = jQuery('div[data-section-id=\"6a22f2e24dff8\"]');\r\n      $container.imagesLoaded(function () {\r\n        $container.isotope({\r\n          itemSelector: '.portfolio-item',\r\n          layoutMode: 'fitRows' \/\/ grid layout\r\n        }).isotope('layout');\r\n      });\r\n    });\r\n\r\n    $(document).ready(function () {\r\n            $('.portfolio-item.hover-dir > div.entry-thumbnail').hoverdir();\r\n            \r\n      PortfolioAjaxAction.init('https:\/\/lululiving.floppydemo.us\/wp-admin\/admin-ajax.php', '6a22f2e24dff8');\r\n    })\r\n\r\n  })(jQuery);\r\n<\/script>[\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_row][vc_column][\/vc_column][\/vc_row]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","footnotes":""},"class_list":["post-1050","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"woocommerce_thumbnail":false,"woocommerce_single":false,"woocommerce_gallery_thumbnail":false,"yith-woocompare-image":false},"uagb_author_info":{"display_name":"admin","author_link":"https:\/\/lululiving.floppydemo.us\/index.php\/author\/admin-2\/"},"uagb_comment_info":0,"uagb_excerpt":"[vc_row][vc_column][\/vc_column][\/vc_row]","_links":{"self":[{"href":"https:\/\/lululiving.floppydemo.us\/index.php\/wp-json\/wp\/v2\/pages\/1050","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lululiving.floppydemo.us\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lululiving.floppydemo.us\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lululiving.floppydemo.us\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/lululiving.floppydemo.us\/index.php\/wp-json\/wp\/v2\/comments?post=1050"}],"version-history":[{"count":1,"href":"https:\/\/lululiving.floppydemo.us\/index.php\/wp-json\/wp\/v2\/pages\/1050\/revisions"}],"predecessor-version":[{"id":3188,"href":"https:\/\/lululiving.floppydemo.us\/index.php\/wp-json\/wp\/v2\/pages\/1050\/revisions\/3188"}],"wp:attachment":[{"href":"https:\/\/lululiving.floppydemo.us\/index.php\/wp-json\/wp\/v2\/media?parent=1050"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}