{"id":2839,"date":"2018-06-08T10:04:35","date_gmt":"2018-06-08T10:04:35","guid":{"rendered":"https:\/\/demo.yolotheme.com\/motor\/?page_id=2839"},"modified":"2018-06-08T10:16:05","modified_gmt":"2018-06-08T10:16:05","slug":"masonry-layout","status":"publish","type":"page","link":"https:\/\/demo.yolotheme.com\/motor\/masonry-layout\/","title":{"rendered":"Masonry Layout"},"content":{"rendered":"<p>[vc_row][vc_column]<div class=\"portfolio-container\">\r\n  <div class=\"portfolio overflow-hidden   paging\"  id=\"portfolio-69d54ee511653\">\r\n      <!-- Portfolio Filter -->\r\n            <div class=\"portfolio-tabs clearfix tag\">\r\n            <div class=\"tab-wrapper line-height-1 left\">\r\n      <ul>\r\n        <li class=\"active\">\r\n          <a  class=\"isotope-portfolio ladda-button style2 button-dark button-2x active\"\r\n              data-section-id    =\"69d54ee511653\"\r\n              data-category      =\"\"\r\n              data-overlay-style =\"icon\"\r\n              data-source        =\"\"\r\n              data-portfolio-ids =\"\"\r\n              data-group         =\"all\" \r\n              data-filter        =\"*\"\r\n              data-thumbnail     =\"default\"\r\n              data-tag           =\"motor-style,racer\"\r\n              data-current-page  =\"1\"\r\n              data-offset        =\"0\"\r\n              data-post-per-page =\"8\"\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 style2 button-dark button-2x \"\r\n              href               =\"javascript:;\" \r\n              data-section-id    =\"69d54ee511653\"\r\n              data-category      =\"motor-style\"\r\n              data-overlay-style =\"icon\"\r\n              data-source        =\"\"\r\n              data-portfolio-ids =\"\"\r\n              data-group         =\"motor-style\"\r\n              data-filter        =\".motor-style\"\r\n              data-thumbnail     =\"default\"\r\n              data-tag           =\"motor-style,racer\"\r\n              data-current-page  =\"1\"\r\n              data-offset        =\"0\"\r\n              data-post-per-page =\"8\"\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              Motor Style          <\/a>\r\n        <\/li>\r\n                <li class=\"\">\r\n          <a  class=\"isotope-portfolio ladda-button style2 button-dark button-2x \"\r\n              href               =\"javascript:;\" \r\n              data-section-id    =\"69d54ee511653\"\r\n              data-category      =\"racer\"\r\n              data-overlay-style =\"icon\"\r\n              data-source        =\"\"\r\n              data-portfolio-ids =\"\"\r\n              data-group         =\"racer\"\r\n              data-filter        =\".racer\"\r\n              data-thumbnail     =\"default\"\r\n              data-tag           =\"motor-style,racer\"\r\n              data-current-page  =\"1\"\r\n              data-offset        =\"0\"\r\n              data-post-per-page =\"8\"\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              Racer          <\/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 motor-col-md-4 col-padding-15 default hover-dir-on\"\r\n          data-section-id=\"69d54ee511653\"\r\n          id=\"portfolio-container-69d54ee511653\"\r\n          data-columns=\"4\">\r\n          \r\n          \r\n<div class=\"portfolio-item hover-dir motor-style  hover-align-center\">\r\n    <!-- Title top -->\r\n    \r\n    <div class=\"entry-thumbnail icon-only effect_1\">\r\n    <img width=\"600\" height=\"600\" src=\"https:\/\/demo.yolotheme.com\/motor\/wp-content\/uploads\/2018\/06\/19-600x600.jpg\" alt=\"Motor Style 6\"\/>\r\n    <div class=\"entry-thumbnail-hover p-bg-rgba-color\">\r\n        <div class=\"entry-hover-wrapper\">\r\n            <div class=\"entry-hover-inner\">\r\n                    <a href=\"https:\/\/demo.yolotheme.com\/motor\/wp-content\/uploads\/2018\/06\/19.jpg\" data-rel=\"prettyPhoto[pp_gal_2838]\" title=\"Motor Style 6\">                        <i class=\"fa fa-expand fc-white\"><\/i>            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n    <!-- Title bottom -->\r\n        \r\n    <!-- @TODO: process media type -->\r\n    <div style=\"display: none\">\r\n                <div>\r\n                <a href=\"https:\/\/demo.yolotheme.com\/motor\/wp-content\/uploads\/2018\/06\/16.jpg\"\r\n                   data-rel=\"prettyPhoto[pp_gal_2838]\"\r\n                   title=\"<a href='https:\/\/demo.yolotheme.com\/motor\/portfolio\/motor-style-6\/'>Motor Style 6<\/a>\"><\/a>\r\n            <\/div>\r\n                    <div>\r\n                <a href=\"https:\/\/demo.yolotheme.com\/motor\/wp-content\/uploads\/2018\/06\/17.jpg\"\r\n                   data-rel=\"prettyPhoto[pp_gal_2838]\"\r\n                   title=\"<a href='https:\/\/demo.yolotheme.com\/motor\/portfolio\/motor-style-6\/'>Motor Style 6<\/a>\"><\/a>\r\n            <\/div>\r\n                    <div>\r\n                <a href=\"https:\/\/demo.yolotheme.com\/motor\/wp-content\/uploads\/2018\/06\/14.jpg\"\r\n                   data-rel=\"prettyPhoto[pp_gal_2838]\"\r\n                   title=\"<a href='https:\/\/demo.yolotheme.com\/motor\/portfolio\/motor-style-6\/'>Motor Style 6<\/a>\"><\/a>\r\n            <\/div>\r\n                    <div>\r\n                <a href=\"https:\/\/demo.yolotheme.com\/motor\/wp-content\/uploads\/2018\/06\/9.jpg\"\r\n                   data-rel=\"prettyPhoto[pp_gal_2838]\"\r\n                   title=\"<a href='https:\/\/demo.yolotheme.com\/motor\/portfolio\/motor-style-6\/'>Motor Style 6<\/a>\"><\/a>\r\n            <\/div>\r\n        <\/div>\r\n<\/div>\r\n          \r\n          \r\n<div class=\"portfolio-item hover-dir motor-style  hover-align-center\">\r\n    <!-- Title top -->\r\n    \r\n    <div class=\"entry-thumbnail icon-only effect_1\">\r\n    <img width=\"600\" height=\"600\" src=\"https:\/\/demo.yolotheme.com\/motor\/wp-content\/uploads\/2018\/06\/18-600x600.jpg\" alt=\"Motor Style 5\"\/>\r\n    <div class=\"entry-thumbnail-hover p-bg-rgba-color\">\r\n        <div class=\"entry-hover-wrapper\">\r\n            <div class=\"entry-hover-inner\">\r\n                    <a href=\"https:\/\/demo.yolotheme.com\/motor\/wp-content\/uploads\/2018\/06\/18.jpg\" data-rel=\"prettyPhoto[pp_gal_2837]\" title=\"Motor Style 5\">                        <i class=\"fa fa-search fc-white\"><\/i>            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n    <!-- Title bottom -->\r\n        \r\n    <!-- @TODO: process media type -->\r\n    <div style=\"display: none\">\r\n    <\/div>\r\n<\/div>\r\n          \r\n          \r\n<div class=\"portfolio-item hover-dir motor-style  hover-align-center\">\r\n    <!-- Title top -->\r\n    \r\n    <div class=\"entry-thumbnail icon-only effect_1\">\r\n    <img width=\"600\" height=\"600\" src=\"https:\/\/demo.yolotheme.com\/motor\/wp-content\/uploads\/2018\/06\/17-600x600.jpg\" alt=\"Motor Style 4\"\/>\r\n    <div class=\"entry-thumbnail-hover p-bg-rgba-color\">\r\n        <div class=\"entry-hover-wrapper\">\r\n            <div class=\"entry-hover-inner\">\r\n                    <a href=\"https:\/\/demo.yolotheme.com\/motor\/wp-content\/uploads\/2018\/06\/17.jpg\" data-rel=\"prettyPhoto[pp_gal_2836]\" title=\"Motor Style 4\">                        <i class=\"fa fa-search fc-white\"><\/i>            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n    <!-- Title bottom -->\r\n        \r\n    <!-- @TODO: process media type -->\r\n    <div style=\"display: none\">\r\n    <\/div>\r\n<\/div>\r\n          \r\n          \r\n<div class=\"portfolio-item hover-dir motor-style  hover-align-center\">\r\n    <!-- Title top -->\r\n    \r\n    <div class=\"entry-thumbnail icon-only effect_1\">\r\n    <img width=\"600\" height=\"600\" src=\"https:\/\/demo.yolotheme.com\/motor\/wp-content\/uploads\/2018\/06\/14-600x600.jpg\" alt=\"Motor Style 2\"\/>\r\n    <div class=\"entry-thumbnail-hover p-bg-rgba-color\">\r\n        <div class=\"entry-hover-wrapper\">\r\n            <div class=\"entry-hover-inner\">\r\n                    <a href=\"https:\/\/demo.yolotheme.com\/motor\/wp-content\/uploads\/2018\/06\/14.jpg\" data-rel=\"prettyPhoto[pp_gal_2835]\" title=\"Motor Style 2\">                        <i class=\"fa fa-search fc-white\"><\/i>            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n    <!-- Title bottom -->\r\n        \r\n    <!-- @TODO: process media type -->\r\n    <div style=\"display: none\">\r\n    <\/div>\r\n<\/div>\r\n          \r\n          \r\n<div class=\"portfolio-item hover-dir motor-style  hover-align-center\">\r\n    <!-- Title top -->\r\n    \r\n    <div class=\"entry-thumbnail icon-only effect_1\">\r\n    <img width=\"600\" height=\"600\" src=\"https:\/\/demo.yolotheme.com\/motor\/wp-content\/uploads\/2018\/06\/9-600x600.jpg\" alt=\"Motor Style 1\"\/>\r\n    <div class=\"entry-thumbnail-hover p-bg-rgba-color\">\r\n        <div class=\"entry-hover-wrapper\">\r\n            <div class=\"entry-hover-inner\">\r\n                    <a href=\"https:\/\/demo.yolotheme.com\/motor\/wp-content\/uploads\/2018\/06\/9.jpg\" data-rel=\"prettyPhoto[pp_gal_2834]\" title=\"Motor Style 1\">                        <i class=\"fa fa-search fc-white\"><\/i>            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n    <!-- Title bottom -->\r\n        \r\n    <!-- @TODO: process media type -->\r\n    <div style=\"display: none\">\r\n    <\/div>\r\n<\/div>\r\n          \r\n          \r\n<div class=\"portfolio-item hover-dir racer  hover-align-center\">\r\n    <!-- Title top -->\r\n    \r\n    <div class=\"entry-thumbnail icon-only effect_1\">\r\n    <img width=\"600\" height=\"600\" src=\"https:\/\/demo.yolotheme.com\/motor\/wp-content\/uploads\/2018\/06\/12-600x600.jpg\" alt=\"Racer 5\"\/>\r\n    <div class=\"entry-thumbnail-hover p-bg-rgba-color\">\r\n        <div class=\"entry-hover-wrapper\">\r\n            <div class=\"entry-hover-inner\">\r\n                    <a href=\"https:\/\/demo.yolotheme.com\/motor\/wp-content\/uploads\/2018\/06\/12.jpg\" data-rel=\"prettyPhoto[pp_gal_2833]\" title=\"Racer 5\">                        <i class=\"fa fa-search fc-white\"><\/i>            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n    <!-- Title bottom -->\r\n        \r\n    <!-- @TODO: process media type -->\r\n    <div style=\"display: none\">\r\n    <\/div>\r\n<\/div>\r\n          \r\n          \r\n<div class=\"portfolio-item hover-dir racer  hover-align-center\">\r\n    <!-- Title top -->\r\n    \r\n    <div class=\"entry-thumbnail icon-only effect_1\">\r\n    <img width=\"600\" height=\"600\" src=\"https:\/\/demo.yolotheme.com\/motor\/wp-content\/uploads\/2018\/06\/11-600x600.jpg\" alt=\"Racer 4\"\/>\r\n    <div class=\"entry-thumbnail-hover p-bg-rgba-color\">\r\n        <div class=\"entry-hover-wrapper\">\r\n            <div class=\"entry-hover-inner\">\r\n                    <a href=\"https:\/\/demo.yolotheme.com\/motor\/wp-content\/uploads\/2018\/06\/11.jpg\" data-rel=\"prettyPhoto[pp_gal_2832]\" title=\"Racer 4\">                        <i class=\"fa fa-search fc-white\"><\/i>            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n    <!-- Title bottom -->\r\n        \r\n    <!-- @TODO: process media type -->\r\n    <div style=\"display: none\">\r\n    <\/div>\r\n<\/div>\r\n          \r\n          \r\n<div class=\"portfolio-item hover-dir racer  hover-align-center\">\r\n    <!-- Title top -->\r\n    \r\n    <div class=\"entry-thumbnail icon-only effect_1\">\r\n    <img width=\"600\" height=\"600\" src=\"https:\/\/demo.yolotheme.com\/motor\/wp-content\/uploads\/2018\/06\/13-600x600.jpg\" alt=\"Racer 3\"\/>\r\n    <div class=\"entry-thumbnail-hover p-bg-rgba-color\">\r\n        <div class=\"entry-hover-wrapper\">\r\n            <div class=\"entry-hover-inner\">\r\n                    <a href=\"https:\/\/demo.yolotheme.com\/motor\/wp-content\/uploads\/2018\/06\/13.jpg\" data-rel=\"prettyPhoto[pp_gal_2831]\" title=\"Racer 3\">                        <i class=\"fa fa-search fc-white\"><\/i>            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n    <!-- Title bottom -->\r\n        \r\n    <!-- @TODO: process media type -->\r\n    <div style=\"display: none\">\r\n    <\/div>\r\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-69d54ee511653\">\r\n              <a href=\"javascript:;\" class=\"motor-button load-more ladda-button \"\r\n                 data-source          =\"\"\r\n                 data-overlay-style   =\"icon\"\r\n                 data-overlay-effect  =\"effect_1\"\r\n                 data-category        =\"motor-style,racer\"\r\n                 data-portfolio-ids   =\"\"\r\n                 data-section-id      =\"69d54ee511653\"\r\n                 data-current-page    =\"2\"\r\n                 data-column          =\"4\"\r\n                 data-offset          =\"0\"\r\n                 data-post-per-page   =\"8\"\r\n                 data-show-paging     =\"1\"\r\n                 data-padding         =\"col-padding-15\"\r\n                 data-thumbnail       =\"default\"\r\n                 data-tag             =\"motor-style,racer\"\r\n                 data-filter-by       =\"tag\"\r\n                 data-hover-dir       =\"on\"\r\n                 data-portfolio-title =\"\"\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-69d54ee511653');\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=\"69d54ee511653\"]');\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:\/\/demo.yolotheme.com\/motor\/wp-admin\/admin-ajax.php', '69d54ee511653');\r\n    })\r\n\r\n  })(jQuery);\r\n<\/script>[\/vc_column][\/vc_row]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[vc_row][vc_column][\/vc_column][\/vc_row]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/demo.yolotheme.com\/motor\/wp-json\/wp\/v2\/pages\/2839"}],"collection":[{"href":"https:\/\/demo.yolotheme.com\/motor\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.yolotheme.com\/motor\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.yolotheme.com\/motor\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.yolotheme.com\/motor\/wp-json\/wp\/v2\/comments?post=2839"}],"version-history":[{"count":0,"href":"https:\/\/demo.yolotheme.com\/motor\/wp-json\/wp\/v2\/pages\/2839\/revisions"}],"wp:attachment":[{"href":"https:\/\/demo.yolotheme.com\/motor\/wp-json\/wp\/v2\/media?parent=2839"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}