{"id":4807,"date":"2016-10-20T04:57:34","date_gmt":"2016-10-20T04:57:34","guid":{"rendered":"https:\/\/demo.yolotheme.com\/behealth\/?page_id=4807"},"modified":"2016-10-24T03:31:35","modified_gmt":"2016-10-24T03:31:35","slug":"porfolio-packery","status":"publish","type":"page","link":"https:\/\/demo.yolotheme.com\/behealth\/porfolio-packery\/","title":{"rendered":"Porfolio packery"},"content":{"rendered":"<p>[vc_row layout=&#8221;wide&#8221; css=&#8221;.vc_custom_1476945269948{margin-top: 5% !important;margin-bottom: 4% !important;}&#8221;][vc_column]            <div class = \" \" >\r\n                <div class=\"portfolio-container\">\r\n  <div class=\"portfolio overflow-hidden    paging\" id=\"portfolio-69e1a86d35498\">\r\n      <!-- Portfolio Filter -->\r\n            <div class=\"portfolio-tabs clearfix tag filter_style1 container\">\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 behealth-button style2 button-dark button-2x active\"\r\n              data-section-id    =\"69e1a86d35498\"\r\n              data-category      =\"\"\r\n              data-overlay-style =\"icon-title\"\r\n              data-source        =\"\"\r\n              data-portfolio-ids =\"\"\r\n              data-group         =\"all\" \r\n              data-filter        =\"*\"\r\n              data-thumbnail     =\"packery\"\r\n              data-tag           =\"aerobic,health,refresh,training\"\r\n              data-current-page  =\"1\"\r\n              data-offset        =\"0\"\r\n              data-post-per-page =\"8\"\r\n              data-order         =\"ASC\"\r\n              data-column        =\"4\"\r\n              data-show-paging   =\"\"\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 behealth-button style2 button-dark button-2x \"\r\n              href               =\"javascript:;\" \r\n              data-section-id    =\"69e1a86d35498\"\r\n              data-category      =\"aerobic\"\r\n              data-overlay-style =\"icon-title\"\r\n              data-source        =\"\"\r\n              data-portfolio-ids =\"\"\r\n              data-group         =\"aerobic\"\r\n              data-filter        =\".aerobic\"\r\n              data-thumbnail     =\"packery\"\r\n              data-tag           =\"aerobic,health,refresh,training\"\r\n              data-current-page  =\"1\"\r\n              data-offset        =\"0\"\r\n              data-post-per-page =\"8\"\r\n              data-order         =\"ASC\"\r\n              data-column        =\"4\"\r\n              data-show-paging   =\"\"\r\n              data-style         =\"zoom-out\"\r\n              data-spinner-color =\"#fff\">\r\n              aerobic          <\/a>\r\n        <\/li>\r\n                <li class=\"\">\r\n          <a  class=\"isotope-portfolio ladda-button behealth-button style2 button-dark button-2x \"\r\n              href               =\"javascript:;\" \r\n              data-section-id    =\"69e1a86d35498\"\r\n              data-category      =\"health\"\r\n              data-overlay-style =\"icon-title\"\r\n              data-source        =\"\"\r\n              data-portfolio-ids =\"\"\r\n              data-group         =\"health\"\r\n              data-filter        =\".health\"\r\n              data-thumbnail     =\"packery\"\r\n              data-tag           =\"aerobic,health,refresh,training\"\r\n              data-current-page  =\"1\"\r\n              data-offset        =\"0\"\r\n              data-post-per-page =\"8\"\r\n              data-order         =\"ASC\"\r\n              data-column        =\"4\"\r\n              data-show-paging   =\"\"\r\n              data-style         =\"zoom-out\"\r\n              data-spinner-color =\"#fff\">\r\n              health          <\/a>\r\n        <\/li>\r\n                <li class=\"\">\r\n          <a  class=\"isotope-portfolio ladda-button behealth-button style2 button-dark button-2x \"\r\n              href               =\"javascript:;\" \r\n              data-section-id    =\"69e1a86d35498\"\r\n              data-category      =\"refresh\"\r\n              data-overlay-style =\"icon-title\"\r\n              data-source        =\"\"\r\n              data-portfolio-ids =\"\"\r\n              data-group         =\"refresh\"\r\n              data-filter        =\".refresh\"\r\n              data-thumbnail     =\"packery\"\r\n              data-tag           =\"aerobic,health,refresh,training\"\r\n              data-current-page  =\"1\"\r\n              data-offset        =\"0\"\r\n              data-post-per-page =\"8\"\r\n              data-order         =\"ASC\"\r\n              data-column        =\"4\"\r\n              data-show-paging   =\"\"\r\n              data-style         =\"zoom-out\"\r\n              data-spinner-color =\"#fff\">\r\n              refresh          <\/a>\r\n        <\/li>\r\n                <li class=\"\">\r\n          <a  class=\"isotope-portfolio ladda-button behealth-button style2 button-dark button-2x \"\r\n              href               =\"javascript:;\" \r\n              data-section-id    =\"69e1a86d35498\"\r\n              data-category      =\"training\"\r\n              data-overlay-style =\"icon-title\"\r\n              data-source        =\"\"\r\n              data-portfolio-ids =\"\"\r\n              data-group         =\"training\"\r\n              data-filter        =\".training\"\r\n              data-thumbnail     =\"packery\"\r\n              data-tag           =\"aerobic,health,refresh,training\"\r\n              data-current-page  =\"1\"\r\n              data-offset        =\"0\"\r\n              data-post-per-page =\"8\"\r\n              data-order         =\"ASC\"\r\n              data-column        =\"4\"\r\n              data-show-paging   =\"\"\r\n              data-style         =\"zoom-out\"\r\n              data-spinner-color =\"#fff\">\r\n              training          <\/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 behealth-col-md-4 col-padding-15 packery hover-dir-on\"\r\n          data-section-id=\"69e1a86d35498\"\r\n          id=\"portfolio-container-69e1a86d35498\"\r\n          data-columns=\"4\">\r\n          \r\n          \n<div class=\"portfolio-item hover-dir aerobic health  hover-align-center portrait\">\n    <!-- Title top -->\n    \n    <div class=\"entry-thumbnail icon-title effect_5\">\n    <img width=\"400\" height=\"800\" src=\"https:\/\/demo.yolotheme.com\/behealth\/wp-content\/uploads\/2016\/08\/port-1-400x800.jpg\" alt=\"Core Strength Yoga Class\"\/>\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:\/\/demo.yolotheme.com\/behealth\/wp-content\/uploads\/2016\/08\/port-1.jpg\" data-rel=\"prettyPhoto[pp_gal_2998]\" title=\"Core Strength Yoga Class\">                        <i class=\"fa fa-expand fc-white\"><\/i>                    <\/a>\n                    <a href=\"https:\/\/demo.yolotheme.com\/behealth\/portfolio\/core-strength-yoga-class\/\" class=\"overlay-title\"><div class=\"title fc-white\">Core Strength Yoga Class<\/div><\/a>\n                            <\/div>\n        <\/div>\n    <\/div>\n\n<\/div>\n\n    <!-- Title bottom -->\n    \n    <!-- @TODO: process media type -->\n    <div style=\"display: none\">\n                <div>\n                <a href=\"https:\/\/demo.yolotheme.com\/behealth\/wp-content\/uploads\/2016\/08\/port-1.jpg\"\n                   data-rel=\"prettyPhoto[pp_gal_2998]\"\n                   title=\"<a href='https:\/\/demo.yolotheme.com\/behealth\/portfolio\/core-strength-yoga-class\/'>Core Strength Yoga Class<\/a>\"><\/a>\n            <\/div>\n                    <div>\n                <a href=\"https:\/\/demo.yolotheme.com\/behealth\/wp-content\/uploads\/2016\/08\/port-7.jpg\"\n                   data-rel=\"prettyPhoto[pp_gal_2998]\"\n                   title=\"<a href='https:\/\/demo.yolotheme.com\/behealth\/portfolio\/core-strength-yoga-class\/'>Core Strength Yoga Class<\/a>\"><\/a>\n            <\/div>\n                    <div>\n                <a href=\"https:\/\/demo.yolotheme.com\/behealth\/wp-content\/uploads\/2016\/08\/port-2.jpg\"\n                   data-rel=\"prettyPhoto[pp_gal_2998]\"\n                   title=\"<a href='https:\/\/demo.yolotheme.com\/behealth\/portfolio\/core-strength-yoga-class\/'>Core Strength Yoga Class<\/a>\"><\/a>\n            <\/div>\n                    <div>\n                <a href=\"https:\/\/demo.yolotheme.com\/behealth\/wp-content\/uploads\/2016\/08\/port-4.jpg\"\n                   data-rel=\"prettyPhoto[pp_gal_2998]\"\n                   title=\"<a href='https:\/\/demo.yolotheme.com\/behealth\/portfolio\/core-strength-yoga-class\/'>Core Strength Yoga Class<\/a>\"><\/a>\n            <\/div>\n        <\/div>\n<\/div>\n\r\n          \r\n          \n<div class=\"portfolio-item hover-dir health refresh  hover-align-center \">\n    <!-- Title top -->\n    \n    <div class=\"entry-thumbnail icon-title effect_5\">\n    <img width=\"500\" height=\"500\" src=\"https:\/\/demo.yolotheme.com\/behealth\/wp-content\/uploads\/2016\/08\/port-2-500x500.jpg\" alt=\"Student in Community Class\"\/>\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:\/\/demo.yolotheme.com\/behealth\/wp-content\/uploads\/2016\/08\/port-2.jpg\" data-rel=\"prettyPhoto[pp_gal_3004]\" title=\"Student in Community Class\">                        <i class=\"fa fa-search fc-white\"><\/i>                    <\/a>\n                    <a href=\"https:\/\/demo.yolotheme.com\/behealth\/portfolio\/student-in-community-class\/\" class=\"overlay-title\"><div class=\"title fc-white\">Student in Community Class<\/div><\/a>\n                            <\/div>\n        <\/div>\n    <\/div>\n\n<\/div>\n\n    <!-- Title bottom -->\n    \n    <!-- @TODO: process media type -->\n    <div style=\"display: none\">\n    <\/div>\n<\/div>\n\r\n          \r\n          \n<div class=\"portfolio-item hover-dir refresh training  hover-align-center landscape\">\n    <!-- Title top -->\n    \n    <div class=\"entry-thumbnail icon-title effect_5\">\n    <img width=\"800\" height=\"400\" src=\"https:\/\/demo.yolotheme.com\/behealth\/wp-content\/uploads\/2016\/08\/port-7-800x400.jpg\" alt=\"Vinsaya Flow Class Teacher\"\/>\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:\/\/demo.yolotheme.com\/behealth\/wp-content\/uploads\/2016\/08\/port-7.jpg\" data-rel=\"prettyPhoto[pp_gal_3005]\" title=\"Vinsaya Flow Class Teacher\">                        <i class=\"fa fa-expand fc-white\"><\/i>                    <\/a>\n                    <a href=\"https:\/\/demo.yolotheme.com\/behealth\/portfolio\/vinsaya-flow-class-teacher\/\" class=\"overlay-title\"><div class=\"title fc-white\">Vinsaya Flow Class Teacher<\/div><\/a>\n                            <\/div>\n        <\/div>\n    <\/div>\n\n<\/div>\n\n    <!-- Title bottom -->\n    \n    <!-- @TODO: process media type -->\n    <div style=\"display: none\">\n                <div>\n                <a href=\"https:\/\/demo.yolotheme.com\/behealth\/wp-content\/uploads\/2016\/09\/port-xx.jpg\"\n                   data-rel=\"prettyPhoto[pp_gal_3005]\"\n                   title=\"<a href='https:\/\/demo.yolotheme.com\/behealth\/portfolio\/vinsaya-flow-class-teacher\/'>Vinsaya Flow Class Teacher<\/a>\"><\/a>\n            <\/div>\n                    <div>\n                <a href=\"https:\/\/demo.yolotheme.com\/behealth\/wp-content\/uploads\/2016\/08\/portfolio-6.jpg\"\n                   data-rel=\"prettyPhoto[pp_gal_3005]\"\n                   title=\"<a href='https:\/\/demo.yolotheme.com\/behealth\/portfolio\/vinsaya-flow-class-teacher\/'>Vinsaya Flow Class Teacher<\/a>\"><\/a>\n            <\/div>\n                    <div>\n                <a href=\"https:\/\/demo.yolotheme.com\/behealth\/wp-content\/uploads\/2016\/08\/port-5.jpg\"\n                   data-rel=\"prettyPhoto[pp_gal_3005]\"\n                   title=\"<a href='https:\/\/demo.yolotheme.com\/behealth\/portfolio\/vinsaya-flow-class-teacher\/'>Vinsaya Flow Class Teacher<\/a>\"><\/a>\n            <\/div>\n                    <div>\n                <a href=\"https:\/\/demo.yolotheme.com\/behealth\/wp-content\/uploads\/2016\/08\/port-4.jpg\"\n                   data-rel=\"prettyPhoto[pp_gal_3005]\"\n                   title=\"<a href='https:\/\/demo.yolotheme.com\/behealth\/portfolio\/vinsaya-flow-class-teacher\/'>Vinsaya Flow Class Teacher<\/a>\"><\/a>\n            <\/div>\n        <\/div>\n<\/div>\n\r\n          \r\n          \n<div class=\"portfolio-item hover-dir refresh training  hover-align-center \">\n    <!-- Title top -->\n    \n    <div class=\"entry-thumbnail icon-title effect_5\">\n    <img width=\"500\" height=\"500\" src=\"https:\/\/demo.yolotheme.com\/behealth\/wp-content\/uploads\/2016\/08\/port-4-500x500.jpg\" alt=\"Yoga Foundation Advanced Class\"\/>\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:\/\/demo.yolotheme.com\/behealth\/wp-content\/uploads\/2016\/08\/port-4.jpg\" data-rel=\"prettyPhoto[pp_gal_3006]\" title=\"Yoga Foundation Advanced Class\">                        <i class=\"fa fa-search fc-white\"><\/i>                    <\/a>\n                    <a href=\"https:\/\/demo.yolotheme.com\/behealth\/portfolio\/yoga-foundation-advanced-class\/\" class=\"overlay-title\"><div class=\"title fc-white\">Yoga Foundation Advanced Class<\/div><\/a>\n                            <\/div>\n        <\/div>\n    <\/div>\n\n<\/div>\n\n    <!-- Title bottom -->\n    \n    <!-- @TODO: process media type -->\n    <div style=\"display: none\">\n    <\/div>\n<\/div>\n\r\n          \r\n          \n<div class=\"portfolio-item hover-dir refresh  hover-align-center \">\n    <!-- Title top -->\n    \n    <div class=\"entry-thumbnail icon-title effect_5\">\n    <img width=\"500\" height=\"500\" src=\"https:\/\/demo.yolotheme.com\/behealth\/wp-content\/uploads\/2016\/08\/port-5-500x500.jpg\" alt=\"Highly-recommended Students\"\/>\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:\/\/demo.yolotheme.com\/behealth\/wp-content\/uploads\/2016\/08\/port-5.jpg\" data-rel=\"prettyPhoto[pp_gal_3007]\" title=\"Highly-recommended Students\">                        <i class=\"fa fa-search fc-white\"><\/i>                    <\/a>\n                    <a href=\"https:\/\/demo.yolotheme.com\/behealth\/portfolio\/highly-recommended-students\/\" class=\"overlay-title\"><div class=\"title fc-white\">Highly-recommended Students<\/div><\/a>\n                            <\/div>\n        <\/div>\n    <\/div>\n\n<\/div>\n\n    <!-- Title bottom -->\n    \n    <!-- @TODO: process media type -->\n    <div style=\"display: none\">\n    <\/div>\n<\/div>\n\r\n          \r\n          \n<div class=\"portfolio-item hover-dir health  hover-align-center \">\n    <!-- Title top -->\n    \n    <div class=\"entry-thumbnail icon-title effect_5\">\n    <img width=\"500\" height=\"500\" src=\"https:\/\/demo.yolotheme.com\/behealth\/wp-content\/uploads\/2016\/08\/port-6-500x500.jpg\" alt=\"Class Yin Yoga Intermediate\"\/>\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\/9358141\" data-rel=\"prettyPhoto\" title=\"Class Yin Yoga Intermediate\">                        <i class=\"fa fa-play-circle fc-white\"><\/i>                    <\/a>\n                    <a href=\"https:\/\/demo.yolotheme.com\/behealth\/portfolio\/class-yin-yoga-intermediate\/\" class=\"overlay-title\"><div class=\"title fc-white\">Class Yin Yoga Intermediate<\/div><\/a>\n                            <\/div>\n        <\/div>\n    <\/div>\n\n<\/div>\n\n    <!-- Title bottom -->\n    \n    <!-- @TODO: process media type -->\n    <div style=\"display: none\">\n    <\/div>\n<\/div>\n\r\n                <\/div>\r\n      <!-- End Portfolio Wrap -->\r\n\r\n      <!-- Portfolio Paging -->\r\n        <\/div>\r\n<\/div>\r\n\r\n<script type=\"text\/javascript\">\r\n  var padding_width = 15;\r\n  var column = 4;\r\n\r\n  (function ($) {\r\n    \"use strict\";\r\n    $(document).ready(function () {\r\n      var $tab_container = jQuery('#portfolio-69e1a86d35498');\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\r\n      var $container = jQuery('div[data-section-id=\"69e1a86d35498\"]');\r\n      $container.imagesLoaded(function () {\r\n        $container.isotope({\r\n          itemSelector: '.portfolio-item',\r\n          layoutMode: 'packery', \/\/ packery mode\r\n          \/\/ packery: {\r\n          \/\/   horizontal: true\r\n          \/\/ }\r\n        }).isotope('layout');\r\n      });\r\n\r\n      $(window).resize( function() {\r\n        PortfolioAjaxAction.fixPackeryPadding();\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\/behealth\/wp-admin\/admin-ajax.php', '69e1a86d35498');\r\n    })\r\n\r\n  })(jQuery);\r\n<\/script>            <\/div>\r\n            [\/vc_column][\/vc_row]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[vc_row layout=&#8221;wide&#8221; css=&#8221;.vc_custom_1476945269948{margin-top: 5% !important;margin-bottom: 4% !important;}&#8221;][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\/behealth\/wp-json\/wp\/v2\/pages\/4807"}],"collection":[{"href":"https:\/\/demo.yolotheme.com\/behealth\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.yolotheme.com\/behealth\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.yolotheme.com\/behealth\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.yolotheme.com\/behealth\/wp-json\/wp\/v2\/comments?post=4807"}],"version-history":[{"count":0,"href":"https:\/\/demo.yolotheme.com\/behealth\/wp-json\/wp\/v2\/pages\/4807\/revisions"}],"wp:attachment":[{"href":"https:\/\/demo.yolotheme.com\/behealth\/wp-json\/wp\/v2\/media?parent=4807"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}