{"id":343,"date":"2015-07-22T01:39:44","date_gmt":"2015-07-22T01:39:44","guid":{"rendered":"https:\/\/demo3.webapps.vn\/?page_id=343"},"modified":"2015-07-22T01:39:44","modified_gmt":"2015-07-22T01:39:44","slug":"projects-4-column-padding","status":"publish","type":"page","link":"https:\/\/demo3.webapps.vn\/?page_id=343","title":{"rendered":"Projects 4 column padding"},"content":{"rendered":"<section class=\"wpb-content-wrapper\"><p>[vc_row layout=&#8221;wide&#8221; parallax_style=&#8221;none&#8221; video_link=&#8221;&#8221; parallax_scroll_effect=&#8221;fixed&#8221; parallax_speed=&#8221;0&#8243; overlay_set=&#8221;hide_overlay&#8221; overlay_image=&#8221;&#8221; overlay_color=&#8221;&#8221; overlay_opacity=&#8221;50&#8243; css_animation=&#8221;&#8221; duration=&#8221;&#8221; delay=&#8221;&#8221;][vc_column width=&#8221;1\/1&#8243;]<div class=\"portfolio     paging\" id=\"portfolio-69d5ae830a636\">\n        <div class=\"portfolio-tabs\">\n            <\/div>\n            <div  class=\"portfolio-wrapper darna-col-md-4 col-padding-15 grid \"   data-section-id=\"69d5ae830a636\" id=\"portfolio-container-69d5ae830a636\" data-columns=\"4\">\n                    <div class=\"portfolio-item Architecture Construction \">\n\n    <div class=\"entry-thumbnail title\">\n    <img loading=\"lazy\" decoding=\"async\" width=\"480\" height=\"480\" src=\"https:\/\/demo3.webapps.vn\/wp-content\/uploads\/2015\/07\/port_thum_6-480x480.jpg\" alt=\"Miami house\"\/>\n    <div class=\"entry-thumbnail-hover\">\n        <div class=\"entry-hover-wrapper\">\n            <div class=\"entry-hover-inner\">\n                <a class=\"view-gallery prettyPhoto\" href=\"https:\/\/demo3.webapps.vn\/wp-content\/uploads\/2015\/07\/port_thum_6.jpg\" data-rel=\"prettyPhoto[pp_gal_189]\"  title=\"Miami house\">\n                    <i class=\"fa fa-arrows-alt\"><\/i>\n                <\/a>\n                                    <a href=\"https:\/\/demo3.webapps.vn\/?portfolio=miami-house\"><div class=\"title secondary-font\">Miami house<\/div> <\/a>\n                \n                <span class=\"category menu-font\">Architecture, Construction<\/span>\n            <\/div>\n        <\/div>\n    <\/div>\n\n<\/div>\n    <div style=\"display: none\">\n                        <div>\n                    <a href=\"https:\/\/demo3.webapps.vn\/wp-content\/uploads\/2015\/07\/bigstock-Construction.jpg\"  data-rel=\"prettyPhoto[pp_gal_189]\" title=\"<a href='https:\/\/demo3.webapps.vn\/?portfolio=miami-house'>Miami house<\/a>\"><\/a>\n                <\/div>\n                            <div>\n                    <a href=\"https:\/\/demo3.webapps.vn\/wp-content\/uploads\/2015\/07\/construction_2.jpg\"  data-rel=\"prettyPhoto[pp_gal_189]\" title=\"<a href='https:\/\/demo3.webapps.vn\/?portfolio=miami-house'>Miami house<\/a>\"><\/a>\n                <\/div>\n                            <div>\n                    <a href=\"https:\/\/demo3.webapps.vn\/wp-content\/uploads\/2015\/07\/construction_3.jpg\"  data-rel=\"prettyPhoto[pp_gal_189]\" title=\"<a href='https:\/\/demo3.webapps.vn\/?portfolio=miami-house'>Miami house<\/a>\"><\/a>\n                <\/div>\n                <\/div>\n\n<\/div>\n                    <div class=\"portfolio-item Architecture Construction \">\n\n    <div class=\"entry-thumbnail title\">\n    <img loading=\"lazy\" decoding=\"async\" width=\"480\" height=\"480\" src=\"https:\/\/demo3.webapps.vn\/wp-content\/uploads\/2015\/07\/modern-interior-design-los-angeles-480x480.jpg\" alt=\"Morden house\"\/>\n    <div class=\"entry-thumbnail-hover\">\n        <div class=\"entry-hover-wrapper\">\n            <div class=\"entry-hover-inner\">\n                <a class=\"view-gallery prettyPhoto\" href=\"https:\/\/demo3.webapps.vn\/wp-content\/uploads\/2015\/07\/modern-interior-design-los-angeles.jpg\" data-rel=\"prettyPhoto[pp_gal_188]\"  title=\"Morden house\">\n                    <i class=\"fa fa-arrows-alt\"><\/i>\n                <\/a>\n                                    <a href=\"https:\/\/demo3.webapps.vn\/?portfolio=morden-house\"><div class=\"title secondary-font\">Morden house<\/div> <\/a>\n                \n                <span class=\"category menu-font\">Architecture, Construction<\/span>\n            <\/div>\n        <\/div>\n    <\/div>\n\n<\/div>\n    <div style=\"display: none\">\n                        <div>\n                    <a href=\"https:\/\/demo3.webapps.vn\/wp-content\/uploads\/2015\/07\/bigstock-Construction.jpg\"  data-rel=\"prettyPhoto[pp_gal_188]\" title=\"<a href='https:\/\/demo3.webapps.vn\/?portfolio=morden-house'>Morden house<\/a>\"><\/a>\n                <\/div>\n                            <div>\n                    <a href=\"https:\/\/demo3.webapps.vn\/wp-content\/uploads\/2015\/07\/construction_3.jpg\"  data-rel=\"prettyPhoto[pp_gal_188]\" title=\"<a href='https:\/\/demo3.webapps.vn\/?portfolio=morden-house'>Morden house<\/a>\"><\/a>\n                <\/div>\n                <\/div>\n\n<\/div>\n                    <div class=\"portfolio-item Construction \">\n\n    <div class=\"entry-thumbnail title\">\n    <img loading=\"lazy\" decoding=\"async\" width=\"480\" height=\"480\" src=\"https:\/\/demo3.webapps.vn\/wp-content\/uploads\/2015\/07\/port_thum_8-480x480.jpg\" alt=\"Lexham Gardens\"\/>\n    <div class=\"entry-thumbnail-hover\">\n        <div class=\"entry-hover-wrapper\">\n            <div class=\"entry-hover-inner\">\n                <a class=\"view-gallery prettyPhoto\" href=\"https:\/\/demo3.webapps.vn\/wp-content\/uploads\/2015\/07\/port_thum_8.jpg\" data-rel=\"prettyPhoto[pp_gal_187]\"  title=\"Lexham Gardens\">\n                    <i class=\"fa fa-arrows-alt\"><\/i>\n                <\/a>\n                                    <a href=\"https:\/\/demo3.webapps.vn\/?portfolio=lexham-gardens\"><div class=\"title secondary-font\">Lexham Gardens<\/div> <\/a>\n                \n                <span class=\"category menu-font\">Construction<\/span>\n            <\/div>\n        <\/div>\n    <\/div>\n\n<\/div>\n    <div style=\"display: none\">\n                        <div>\n                    <a href=\"https:\/\/demo3.webapps.vn\/wp-content\/uploads\/2015\/07\/construction_3.jpg\"  data-rel=\"prettyPhoto[pp_gal_187]\" title=\"<a href='https:\/\/demo3.webapps.vn\/?portfolio=lexham-gardens'>Lexham Gardens<\/a>\"><\/a>\n                <\/div>\n                            <div>\n                    <a href=\"https:\/\/demo3.webapps.vn\/wp-content\/uploads\/2015\/07\/bigstock-Construction.jpg\"  data-rel=\"prettyPhoto[pp_gal_187]\" title=\"<a href='https:\/\/demo3.webapps.vn\/?portfolio=lexham-gardens'>Lexham Gardens<\/a>\"><\/a>\n                <\/div>\n                <\/div>\n\n<\/div>\n                    <div class=\"portfolio-item Architecture Construction \">\n\n    <div class=\"entry-thumbnail title\">\n    <img loading=\"lazy\" decoding=\"async\" width=\"480\" height=\"480\" src=\"https:\/\/demo3.webapps.vn\/wp-content\/uploads\/2015\/07\/port_thum_5-480x480.jpg\" alt=\"Lonsdale Road\"\/>\n    <div class=\"entry-thumbnail-hover\">\n        <div class=\"entry-hover-wrapper\">\n            <div class=\"entry-hover-inner\">\n                <a class=\"view-gallery prettyPhoto\" href=\"https:\/\/demo3.webapps.vn\/wp-content\/uploads\/2015\/07\/port_thum_5.jpg\" data-rel=\"prettyPhoto[pp_gal_186]\"  title=\"Lonsdale Road\">\n                    <i class=\"fa fa-arrows-alt\"><\/i>\n                <\/a>\n                                    <a href=\"https:\/\/demo3.webapps.vn\/?portfolio=lonsdale-road\"><div class=\"title secondary-font\">Lonsdale Road<\/div> <\/a>\n                \n                <span class=\"category menu-font\">Architecture, Construction<\/span>\n            <\/div>\n        <\/div>\n    <\/div>\n\n<\/div>\n    <div style=\"display: none\">\n                        <div>\n                    <a href=\"https:\/\/demo3.webapps.vn\/wp-content\/uploads\/2015\/07\/bigstock-Construction.jpg\"  data-rel=\"prettyPhoto[pp_gal_186]\" title=\"<a href='https:\/\/demo3.webapps.vn\/?portfolio=lonsdale-road'>Lonsdale Road<\/a>\"><\/a>\n                <\/div>\n                            <div>\n                    <a href=\"https:\/\/demo3.webapps.vn\/wp-content\/uploads\/2015\/07\/construction_3.jpg\"  data-rel=\"prettyPhoto[pp_gal_186]\" title=\"<a href='https:\/\/demo3.webapps.vn\/?portfolio=lonsdale-road'>Lonsdale Road<\/a>\"><\/a>\n                <\/div>\n                            <div>\n                    <a href=\"https:\/\/demo3.webapps.vn\/wp-content\/uploads\/2015\/07\/construction_2.jpg\"  data-rel=\"prettyPhoto[pp_gal_186]\" title=\"<a href='https:\/\/demo3.webapps.vn\/?portfolio=lonsdale-road'>Lonsdale Road<\/a>\"><\/a>\n                <\/div>\n                <\/div>\n\n<\/div>\n                    <div class=\"portfolio-item Architecture InteriorDesign \">\n\n    <div class=\"entry-thumbnail title\">\n    <img loading=\"lazy\" decoding=\"async\" width=\"480\" height=\"480\" src=\"https:\/\/demo3.webapps.vn\/wp-content\/uploads\/2015\/07\/port_thum_7-480x480.jpg\" alt=\"Dublin House\"\/>\n    <div class=\"entry-thumbnail-hover\">\n        <div class=\"entry-hover-wrapper\">\n            <div class=\"entry-hover-inner\">\n                <a class=\"view-gallery prettyPhoto\" href=\"https:\/\/demo3.webapps.vn\/wp-content\/uploads\/2015\/07\/port_thum_7.jpg\" data-rel=\"prettyPhoto[pp_gal_185]\"  title=\"Dublin House\">\n                    <i class=\"fa fa-arrows-alt\"><\/i>\n                <\/a>\n                                    <a href=\"https:\/\/demo3.webapps.vn\/?portfolio=dublin-house\"><div class=\"title secondary-font\">Dublin House<\/div> <\/a>\n                \n                <span class=\"category menu-font\">Architecture, Interior Design<\/span>\n            <\/div>\n        <\/div>\n    <\/div>\n\n<\/div>\n    <div style=\"display: none\">\n                        <div>\n                    <a href=\"https:\/\/demo3.webapps.vn\/wp-content\/uploads\/2015\/07\/bigstock-Construction.jpg\"  data-rel=\"prettyPhoto[pp_gal_185]\" title=\"<a href='https:\/\/demo3.webapps.vn\/?portfolio=dublin-house'>Dublin House<\/a>\"><\/a>\n                <\/div>\n                            <div>\n                    <a href=\"https:\/\/demo3.webapps.vn\/wp-content\/uploads\/2015\/07\/construction_3.jpg\"  data-rel=\"prettyPhoto[pp_gal_185]\" title=\"<a href='https:\/\/demo3.webapps.vn\/?portfolio=dublin-house'>Dublin House<\/a>\"><\/a>\n                <\/div>\n                <\/div>\n\n<\/div>\n                    <div class=\"portfolio-item Architecture \">\n\n    <div class=\"entry-thumbnail title\">\n    <img loading=\"lazy\" decoding=\"async\" width=\"480\" height=\"480\" src=\"https:\/\/demo3.webapps.vn\/wp-content\/uploads\/2015\/07\/port_thum_4-480x480.jpg\" alt=\"Penhouse\"\/>\n    <div class=\"entry-thumbnail-hover\">\n        <div class=\"entry-hover-wrapper\">\n            <div class=\"entry-hover-inner\">\n                <a class=\"view-gallery prettyPhoto\" href=\"https:\/\/demo3.webapps.vn\/wp-content\/uploads\/2015\/07\/port_thum_4.jpg\" data-rel=\"prettyPhoto[pp_gal_184]\"  title=\"Penhouse\">\n                    <i class=\"fa fa-arrows-alt\"><\/i>\n                <\/a>\n                                    <a href=\"https:\/\/demo3.webapps.vn\/?portfolio=penhouse\"><div class=\"title secondary-font\">Penhouse<\/div> <\/a>\n                \n                <span class=\"category menu-font\">Architecture<\/span>\n            <\/div>\n        <\/div>\n    <\/div>\n\n<\/div>\n    <div style=\"display: none\">\n                        <div>\n                    <a href=\"https:\/\/demo3.webapps.vn\/wp-content\/uploads\/2015\/07\/bigstock-Construction.jpg\"  data-rel=\"prettyPhoto[pp_gal_184]\" title=\"<a href='https:\/\/demo3.webapps.vn\/?portfolio=penhouse'>Penhouse<\/a>\"><\/a>\n                <\/div>\n                            <div>\n                    <a href=\"https:\/\/demo3.webapps.vn\/wp-content\/uploads\/2015\/07\/construction_3.jpg\"  data-rel=\"prettyPhoto[pp_gal_184]\" title=\"<a href='https:\/\/demo3.webapps.vn\/?portfolio=penhouse'>Penhouse<\/a>\"><\/a>\n                <\/div>\n                <\/div>\n\n<\/div>\n                    <div class=\"portfolio-item InteriorDesign \">\n\n    <div class=\"entry-thumbnail title\">\n    <img loading=\"lazy\" decoding=\"async\" width=\"480\" height=\"480\" src=\"https:\/\/demo3.webapps.vn\/wp-content\/uploads\/2015\/07\/port_thum_3-480x480.jpg\" alt=\"Emirate Tower\"\/>\n    <div class=\"entry-thumbnail-hover\">\n        <div class=\"entry-hover-wrapper\">\n            <div class=\"entry-hover-inner\">\n                <a class=\"view-gallery prettyPhoto\" href=\"https:\/\/demo3.webapps.vn\/wp-content\/uploads\/2015\/07\/port_thum_3.jpg\" data-rel=\"prettyPhoto[pp_gal_183]\"  title=\"Emirate Tower\">\n                    <i class=\"fa fa-arrows-alt\"><\/i>\n                <\/a>\n                                    <a href=\"https:\/\/demo3.webapps.vn\/?portfolio=emirate-tower\"><div class=\"title secondary-font\">Emirate Tower<\/div> <\/a>\n                \n                <span class=\"category menu-font\">Interior Design<\/span>\n            <\/div>\n        <\/div>\n    <\/div>\n\n<\/div>\n    <div style=\"display: none\">\n                        <div>\n                    <a href=\"https:\/\/demo3.webapps.vn\/wp-content\/uploads\/2015\/07\/bigstock-Construction.jpg\"  data-rel=\"prettyPhoto[pp_gal_183]\" title=\"<a href='https:\/\/demo3.webapps.vn\/?portfolio=emirate-tower'>Emirate Tower<\/a>\"><\/a>\n                <\/div>\n                            <div>\n                    <a href=\"https:\/\/demo3.webapps.vn\/wp-content\/uploads\/2015\/07\/construction_3.jpg\"  data-rel=\"prettyPhoto[pp_gal_183]\" title=\"<a href='https:\/\/demo3.webapps.vn\/?portfolio=emirate-tower'>Emirate Tower<\/a>\"><\/a>\n                <\/div>\n                            <div>\n                    <a href=\"https:\/\/demo3.webapps.vn\/wp-content\/uploads\/2015\/07\/math.jpg\"  data-rel=\"prettyPhoto[pp_gal_183]\" title=\"<a href='https:\/\/demo3.webapps.vn\/?portfolio=emirate-tower'>Emirate Tower<\/a>\"><\/a>\n                <\/div>\n                <\/div>\n\n<\/div>\n                    <div class=\"portfolio-item Construction \">\n\n    <div class=\"entry-thumbnail title\">\n    <img loading=\"lazy\" decoding=\"async\" width=\"480\" height=\"480\" src=\"https:\/\/demo3.webapps.vn\/wp-content\/uploads\/2015\/07\/port_thum_1-480x480.jpg\" alt=\"Dubai Tower\"\/>\n    <div class=\"entry-thumbnail-hover\">\n        <div class=\"entry-hover-wrapper\">\n            <div class=\"entry-hover-inner\">\n                <a class=\"view-gallery prettyPhoto\" href=\"https:\/\/demo3.webapps.vn\/wp-content\/uploads\/2015\/07\/port_thum_1.jpg\" data-rel=\"prettyPhoto[pp_gal_182]\"  title=\"Dubai Tower\">\n                    <i class=\"fa fa-arrows-alt\"><\/i>\n                <\/a>\n                                    <a href=\"https:\/\/demo3.webapps.vn\/?portfolio=dubai-tower\"><div class=\"title secondary-font\">Dubai Tower<\/div> <\/a>\n                \n                <span class=\"category menu-font\">Construction<\/span>\n            <\/div>\n        <\/div>\n    <\/div>\n\n<\/div>\n    <div style=\"display: none\">\n                        <div>\n                    <a href=\"https:\/\/demo3.webapps.vn\/wp-content\/uploads\/2015\/07\/math.jpg\"  data-rel=\"prettyPhoto[pp_gal_182]\" title=\"<a href='https:\/\/demo3.webapps.vn\/?portfolio=dubai-tower'>Dubai Tower<\/a>\"><\/a>\n                <\/div>\n                            <div>\n                    <a href=\"https:\/\/demo3.webapps.vn\/wp-content\/uploads\/2015\/07\/construction_3.jpg\"  data-rel=\"prettyPhoto[pp_gal_182]\" title=\"<a href='https:\/\/demo3.webapps.vn\/?portfolio=dubai-tower'>Dubai Tower<\/a>\"><\/a>\n                <\/div>\n                            <div>\n                    <a href=\"https:\/\/demo3.webapps.vn\/wp-content\/uploads\/2015\/07\/bigstock-Construction.jpg\"  data-rel=\"prettyPhoto[pp_gal_182]\" title=\"<a href='https:\/\/demo3.webapps.vn\/?portfolio=dubai-tower'>Dubai Tower<\/a>\"><\/a>\n                <\/div>\n                <\/div>\n\n<\/div>\n        \n    <\/div>\n        <div id=\"view_all_button_wrap_69d5ae830a636\" class=\"container view-button-wrap\">\n            <\/div>\n                <div style=\"clear: both\"><\/div>\n        <div class=\"paging\" id=\"load-more-69d5ae830a636\">\n            <a href=\"javascript:;\" class=\"darna-button style1 button-sm load-more\" data-loading-text=\"<i class='fa fa-refresh fa-spin'><\/i> Loading...\"\n                data-section-id=\"69d5ae830a636\"\n                data-current-page=\"2\"\n                data-offset=\"0\"\n                data-post-per-page = \"8\"\n                data-overlay-style = \"title\"\n                data-column = \"4\"\n                data-padding = \"col-padding-15\"\n                data-layout-type = \"grid\"\n                data-order=\"DESC\"\n            >LOAD MORE<\/a>\n        <\/div>\n    \n<\/div>\n\n<script type=\"text\/javascript\">\n    (function($) {\n        \"use strict\";\n        \n            var $container = jQuery('div[data-section-id=\"69d5ae830a636\"]');\n            $($container).css('opacity',0);\n            $(window).load(function(){\n                $('.isotope-portfolio','.portfolio-tabs').off();\n                $('.isotope-portfolio','.portfolio-tabs').click(function(){\n                    $('.isotope-portfolio','.portfolio-tabs').removeClass('active');\n                    $('li','.portfolio-tabs').removeClass('active');\n                    $(this).addClass('active');\n                    $(this).parent().addClass('active');\n                    var dataSectionId = $(this).attr('data-section-id');\n                    var filter = $(this).attr('data-filter');\n                    var $container = jQuery('div[data-section-id=\"' + dataSectionId + '\"]').isotope({ filter: filter});\n                    $container.imagesLoaded( function() {\n                        $container.isotope('layout');\n                    });\n                });\n                var $container = jQuery('div[data-section-id=\"69d5ae830a636\"]');\n                $container.imagesLoaded( function() {\n                    $container.isotope({\n                        itemSelector: '.portfolio-item'\n                    }).isotope('layout');\n                });\n                $($container).css('opacity',1);\n\n                $container.closest('.portfolio').find('.isotope-portfolio-cat.active').trigger('click');\n\n            });\n\n        \n        $(document).ready(function(){\n            $('.portfolio-item > div.entry-thumbnail').hoverdir();\n            PortfolioAjaxAction.init('https:\/\/demo3.webapps.vn\/wp-admin\/admin-ajax.php');\n            var $container = $('div[data-section-id=\"69d5ae830a636\"]');\n            $($container).bind('afterOwlInit', function(){\n                $('.owl-controls','.portfolio-wrapper').addClass('container');\n            });\n        })\n    })(jQuery);\n<\/script>\n\n\n[\/vc_column][\/vc_row]<\/p>\n<\/section>","protected":false},"excerpt":{"rendered":"<p>[vc_row layout=&#8221;wide&#8221; parallax_style=&#8221;none&#8221; video_link=&#8221;&#8221; parallax_scroll_effect=&#8221;fixed&#8221; parallax_speed=&#8221;0&#8243; overlay_set=&#8221;hide_overlay&#8221; overlay_image=&#8221;&#8221; overlay_color=&#8221;&#8221; overlay_opacity=&#8221;50&#8243; css_animation=&#8221;&#8221; duration=&#8221;&#8221; delay=&#8221;&#8221;][vc_column width=&#8221;1\/1&#8243;][\/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":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-343","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demo3.webapps.vn\/index.php?rest_route=\/wp\/v2\/pages\/343","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo3.webapps.vn\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo3.webapps.vn\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo3.webapps.vn\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo3.webapps.vn\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=343"}],"version-history":[{"count":0,"href":"https:\/\/demo3.webapps.vn\/index.php?rest_route=\/wp\/v2\/pages\/343\/revisions"}],"wp:attachment":[{"href":"https:\/\/demo3.webapps.vn\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=343"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}