{"id":2831,"date":"2018-06-09T02:37:11","date_gmt":"2018-06-09T02:37:11","guid":{"rendered":"http:\/\/demo.yolotheme.com\/dummy\/motor\/?page_id=2831"},"modified":"2018-06-09T02:37:11","modified_gmt":"2018-06-09T02:37:11","slug":"masonry-layout","status":"publish","type":"page","link":"https:\/\/galaxy-models.com\/index.php\/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-69f1a9609edb5\">\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    =\"69f1a9609edb5\"\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     =\"masonry\"\r\n              data-tag           =\"motor-style,racer\"\r\n              data-current-page  =\"1\"\r\n              data-offset        =\"0\"\r\n              data-post-per-page =\"6\"\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    =\"69f1a9609edb5\"\r\n              data-category      =\"motor-style\"\r\n              data-overlay-style =\"icon-title-category\"\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     =\"masonry\"\r\n              data-tag           =\"motor-style,racer\"\r\n              data-current-page  =\"1\"\r\n              data-offset        =\"0\"\r\n              data-post-per-page =\"6\"\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    =\"69f1a9609edb5\"\r\n              data-category      =\"racer\"\r\n              data-overlay-style =\"icon-title-category\"\r\n              data-source        =\"\"\r\n              data-portfolio-ids =\"\"\r\n              data-group         =\"racer\"\r\n              data-filter        =\".racer\"\r\n              data-thumbnail     =\"masonry\"\r\n              data-tag           =\"motor-style,racer\"\r\n              data-current-page  =\"1\"\r\n              data-offset        =\"0\"\r\n              data-post-per-page =\"6\"\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 masonry hover-dir-on\"\r\n          data-section-id=\"69f1a9609edb5\"\r\n          id=\"portfolio-container-69f1a9609edb5\"\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-title-category effect_1\">\r\n    <img width=\"600\" height=\"600\" src=\"\" 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                <span class=\"category\">Motor Style<\/span>\r\n                <a href=\"https:\/\/galaxy-models.com\/index.php\/portfolio\/motor-style-4\/\" class=\"overlay-title\"><div class=\"title fc-white\">Motor Style 4<\/div><\/a>\r\n                                    <a href=\"\" data-rel=\"prettyPhoto[pp_gal_2811]\" title=\"Motor Style 4\">                        <i class=\"fa fa-search fc-white\"><\/i>                    <\/a>\r\n                    \r\n                            <\/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          \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-title-category effect_1\">\r\n    <img width=\"600\" height=\"600\" src=\"\" alt=\"Motor Style 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                <span class=\"category\">Motor Style<\/span>\r\n                <a href=\"https:\/\/galaxy-models.com\/index.php\/portfolio\/motor-style-3\/\" class=\"overlay-title\"><div class=\"title fc-white\">Motor Style 3<\/div><\/a>\r\n                                    <a href=\"\" data-rel=\"prettyPhoto[pp_gal_2810]\" title=\"Motor Style 3\">                        <i class=\"fa fa-search fc-white\"><\/i>                    <\/a>\r\n                    \r\n                            <\/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          \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-title-category effect_1\">\r\n    <img width=\"600\" height=\"600\" src=\"\" 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                <span class=\"category\">Motor Style<\/span>\r\n                <a href=\"https:\/\/galaxy-models.com\/index.php\/portfolio\/motor-style-2\/\" class=\"overlay-title\"><div class=\"title fc-white\">Motor Style 2<\/div><\/a>\r\n                                    <a href=\"\" data-rel=\"prettyPhoto[pp_gal_2809]\" title=\"Motor Style 2\">                        <i class=\"fa fa-search fc-white\"><\/i>                    <\/a>\r\n                    \r\n                            <\/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          \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-title-category effect_1\">\r\n    <img width=\"600\" height=\"600\" src=\"\" 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                <span class=\"category\">Motor Style<\/span>\r\n                <a href=\"https:\/\/galaxy-models.com\/index.php\/portfolio\/motor-style-1\/\" class=\"overlay-title\"><div class=\"title fc-white\">Motor Style 1<\/div><\/a>\r\n                                    <a href=\"\" data-rel=\"prettyPhoto[pp_gal_2808]\" title=\"Motor Style 1\">                        <i class=\"fa fa-search fc-white\"><\/i>                    <\/a>\r\n                    \r\n                            <\/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          \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-title-category effect_1\">\r\n    <img width=\"600\" height=\"600\" src=\"\" 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                <span class=\"category\">Racer<\/span>\r\n                <a href=\"https:\/\/galaxy-models.com\/index.php\/portfolio\/racer-4\/\" class=\"overlay-title\"><div class=\"title fc-white\">Racer 4<\/div><\/a>\r\n                                    <a href=\"\" data-rel=\"prettyPhoto[pp_gal_2807]\" title=\"Racer 4\">                        <i class=\"fa fa-search fc-white\"><\/i>                    <\/a>\r\n                    \r\n                            <\/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          \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-title-category effect_1\">\r\n    <img width=\"600\" height=\"600\" src=\"\" 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                <span class=\"category\">Racer<\/span>\r\n                <a href=\"https:\/\/galaxy-models.com\/index.php\/portfolio\/racer-3\/\" class=\"overlay-title\"><div class=\"title fc-white\">Racer 3<\/div><\/a>\r\n                                    <a href=\"\" data-rel=\"prettyPhoto[pp_gal_2806]\" title=\"Racer 3\">                        <i class=\"fa fa-search fc-white\"><\/i>                    <\/a>\r\n                    \r\n                            <\/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                <\/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-69f1a9609edb5\">\r\n              <a href=\"javascript:;\" class=\"motor-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        =\"motor-style,racer\"\r\n                 data-portfolio-ids   =\"\"\r\n                 data-section-id      =\"69f1a9609edb5\"\r\n                 data-current-page    =\"2\"\r\n                 data-column          =\"4\"\r\n                 data-offset          =\"0\"\r\n                 data-post-per-page   =\"6\"\r\n                 data-show-paging     =\"1\"\r\n                 data-padding         =\"col-padding-15\"\r\n                 data-thumbnail       =\"masonry\"\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-69f1a9609edb5');\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=\"69f1a9609edb5\"]');\r\n      $container.imagesLoaded(function () {\r\n        $container.isotope({\r\n          itemSelector: '.portfolio-item'\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:\/\/galaxy-models.com\/wp-admin\/admin-ajax.php', '69f1a9609edb5');\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":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"ngg_post_thumbnail":0},"_links":{"self":[{"href":"https:\/\/galaxy-models.com\/index.php\/wp-json\/wp\/v2\/pages\/2831"}],"collection":[{"href":"https:\/\/galaxy-models.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/galaxy-models.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/galaxy-models.com\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/galaxy-models.com\/index.php\/wp-json\/wp\/v2\/comments?post=2831"}],"version-history":[{"count":0,"href":"https:\/\/galaxy-models.com\/index.php\/wp-json\/wp\/v2\/pages\/2831\/revisions"}],"wp:attachment":[{"href":"https:\/\/galaxy-models.com\/index.php\/wp-json\/wp\/v2\/media?parent=2831"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}