{"id":669,"date":"2015-11-06T07:57:50","date_gmt":"2015-11-06T07:57:50","guid":{"rendered":"https:\/\/rankbricks.com\/wp\/?page_id=669"},"modified":"2015-11-06T07:57:50","modified_gmt":"2015-11-06T07:57:50","slug":"portfolio-home-style-03","status":"publish","type":"page","link":"https:\/\/rankbricks.com\/wp\/portfolio-home-style-03\/","title":{"rendered":"Portfolio home grid vertical"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row layout=&#8221;boxed&#8221; el_class=&#8221;margin-bottom-70&#8243;][vc_column width=&#8221;1\/3&#8243; el_class=&#8221;xs-margin-bottom-15&#8243;]            <div class=\"heading color-dark size-md text-left \" >\n                                                        <h2>\n                        Home grid vertical                    <\/h2>\n                                        <span>\n                        Lorem ipsum dolor sit amet                    <\/span>\n                                <\/div>\n            [\/vc_column][vc_column width=&#8221;2\/3&#8243;][vc_column_text]Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][vc_separator color=&#8221;custom&#8221; accent_color=&#8221;#eeeeee&#8221; el_class=&#8221;margin-bottom-80&#8243;][\/vc_column][\/vc_row][vc_row layout=&#8221;boxed&#8221; css=&#8221;.vc_custom_1446884147289{margin-bottom: 100px !important;}&#8221;][vc_column]<div class=\"portfolio-container\">\n<div\n    class=\"portfolio overflow-hidden    paging\"\n    id=\"portfolio-69e3922ecf5fa\">\n    <div class=\"portfolio-tabs   category \">\n            <\/div>\n<div\n    class=\"portfolio-wrapper grid g5-col-md-4 col-padding-10\"     data-section-id=\"69e3922ecf5fa\"\n    id=\"portfolio-container-69e3922ecf5fa\"\n    data-columns=\"4\">\n    \n        <div class=\"portfolio-item title-category sadie web-design \">\n\n    <div class=\"thumb-wrap\">\n    <img loading=\"lazy\" decoding=\"async\" width=\"370\" height=\"620\" src=\"https:\/\/rankbricks.com\/wp\/wp-content\/uploads\/2015\/11\/portfolio_10-370x620.jpg\" alt=\"Perspiciati\"\/>\n    <div class=\"thumb bg-overlay-ps\">\n        <div class=\"hover-outer\">\n            <div class=\"hover-inner\">\n                                    <a href=\"https:\/\/rankbricks.com\/wp\/portfolio\/perspiciati\/\" class=\"line-height-1\"><div class=\"title fc-white p-font\">Perspiciati<\/div> <\/a>\n                                <span class=\"category fc-white s-font\">Web design<\/span>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n    \n<\/div>\n    \n        <div class=\"portfolio-item title-category sadie brand \">\n\n    <div class=\"thumb-wrap\">\n    <img loading=\"lazy\" decoding=\"async\" width=\"370\" height=\"620\" src=\"https:\/\/rankbricks.com\/wp\/wp-content\/uploads\/2015\/11\/portfolio_9-370x620.jpg\" alt=\"Consequuntur\"\/>\n    <div class=\"thumb bg-overlay-ps\">\n        <div class=\"hover-outer\">\n            <div class=\"hover-inner\">\n                                    <a href=\"https:\/\/rankbricks.com\/wp\/portfolio\/consequuntur\/\" class=\"line-height-1\"><div class=\"title fc-white p-font\">Consequuntur<\/div> <\/a>\n                                <span class=\"category fc-white s-font\">Brand<\/span>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n    \n<\/div>\n    \n        <div class=\"portfolio-item title-category sadie brand web-design \">\n\n    <div class=\"thumb-wrap\">\n    <img loading=\"lazy\" decoding=\"async\" width=\"370\" height=\"620\" src=\"https:\/\/rankbricks.com\/wp\/wp-content\/uploads\/2015\/11\/portfolio_8-370x620.jpg\" alt=\"Adipisci\"\/>\n    <div class=\"thumb bg-overlay-ps\">\n        <div class=\"hover-outer\">\n            <div class=\"hover-inner\">\n                                    <a href=\"https:\/\/rankbricks.com\/wp\/portfolio\/adipisci\/\" class=\"line-height-1\"><div class=\"title fc-white p-font\">Adipisci<\/div> <\/a>\n                                <span class=\"category fc-white s-font\">Brand, Web design<\/span>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n    \n<\/div>\n    \n        <div class=\"portfolio-item title-category sadie graphic-design web-design \">\n\n    <div class=\"thumb-wrap\">\n    <img loading=\"lazy\" decoding=\"async\" width=\"370\" height=\"620\" src=\"https:\/\/rankbricks.com\/wp\/wp-content\/uploads\/2015\/11\/portfolio_14-370x620.jpg\" alt=\"Labore\"\/>\n    <div class=\"thumb bg-overlay-ps\">\n        <div class=\"hover-outer\">\n            <div class=\"hover-inner\">\n                                    <a href=\"https:\/\/rankbricks.com\/wp\/portfolio\/labore\/\" class=\"line-height-1\"><div class=\"title fc-white p-font\">Labore<\/div> <\/a>\n                                <span class=\"category fc-white s-font\">Graphic design, Web design<\/span>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n    \n<\/div>\n    \n        <div class=\"portfolio-item title-category sadie photoshop web-design \">\n\n    <div class=\"thumb-wrap\">\n    <img loading=\"lazy\" decoding=\"async\" width=\"370\" height=\"620\" src=\"https:\/\/rankbricks.com\/wp\/wp-content\/uploads\/2015\/11\/portfolio_15-370x620.jpg\" alt=\"Pariatur\"\/>\n    <div class=\"thumb bg-overlay-ps\">\n        <div class=\"hover-outer\">\n            <div class=\"hover-inner\">\n                                    <a href=\"https:\/\/rankbricks.com\/wp\/portfolio\/pariatur\/\" class=\"line-height-1\"><div class=\"title fc-white p-font\">Pariatur<\/div> <\/a>\n                                <span class=\"category fc-white s-font\">Photoshop, Web design<\/span>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n    \n<\/div>\n    \n        <div class=\"portfolio-item title-category sadie graphic-design photography \">\n\n    <div class=\"thumb-wrap\">\n    <img loading=\"lazy\" decoding=\"async\" width=\"370\" height=\"620\" src=\"https:\/\/rankbricks.com\/wp\/wp-content\/uploads\/2015\/11\/portfolio_13-370x620.jpg\" alt=\"Voluptas\"\/>\n    <div class=\"thumb bg-overlay-ps\">\n        <div class=\"hover-outer\">\n            <div class=\"hover-inner\">\n                                    <a href=\"https:\/\/rankbricks.com\/wp\/portfolio\/voluptas\/\" class=\"line-height-1\"><div class=\"title fc-white p-font\">Voluptas<\/div> <\/a>\n                                <span class=\"category fc-white s-font\">Graphic design, Photography<\/span>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n    \n<\/div>\n    \n        <div class=\"portfolio-item title-category sadie brand photography \">\n\n    <div class=\"thumb-wrap\">\n    <img loading=\"lazy\" decoding=\"async\" width=\"370\" height=\"620\" src=\"https:\/\/rankbricks.com\/wp\/wp-content\/uploads\/2015\/11\/portfolio_12-370x620.jpg\" alt=\"Dolorem\"\/>\n    <div class=\"thumb bg-overlay-ps\">\n        <div class=\"hover-outer\">\n            <div class=\"hover-inner\">\n                                    <a href=\"https:\/\/rankbricks.com\/wp\/portfolio\/dolorem\/\" class=\"line-height-1\"><div class=\"title fc-white p-font\">Dolorem<\/div> <\/a>\n                                <span class=\"category fc-white s-font\">Brand, Photography<\/span>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n    \n<\/div>\n    \n        <div class=\"portfolio-item title-category sadie brand photoshop \">\n\n    <div class=\"thumb-wrap\">\n    <img loading=\"lazy\" decoding=\"async\" width=\"370\" height=\"620\" src=\"https:\/\/rankbricks.com\/wp\/wp-content\/uploads\/2015\/11\/portfolio_2-370x620.jpg\" alt=\"Tation\"\/>\n    <div class=\"thumb bg-overlay-ps\">\n        <div class=\"hover-outer\">\n            <div class=\"hover-inner\">\n                                    <a href=\"https:\/\/rankbricks.com\/wp\/portfolio\/tation\/\" class=\"line-height-1\"><div class=\"title fc-white p-font\">Tation<\/div> <\/a>\n                                <span class=\"category fc-white s-font\">Brand, Photoshop<\/span>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n    \n<\/div>\n    \n<\/div>\n    <div style=\"clear: both\"><\/div>\n            <div class=\"paging\" id=\"load-more-69e3922ecf5fa\">\n            <a href=\"javascript:;\" class=\"p-font load-more\"\n               data-source=\"\"\n               data-tab-category-action=\"filter\"\n               data-load-type=\"filter\"\n               data-overlay-style=\"title-category\"\n               data-category=\"photoshop,photography,brand,graphic-design,web-design\"\n               data-portfolio-ids=\"\"\n               data-section-id=\"69e3922ecf5fa\"\n               data-current-page=\"2\"\n               data-column=\"4\"\n               data-offset=\"0\"\n               data-post-per-page=\"8\"\n               data-show-paging=\"1\"\n               data-show-paging-masonry=\"\"\n               data-padding=\"col-padding-10\"\n               data-layout-type=\"grid\"\n               data-bg-overlay=\"bg-overlay-ps\"\n               data-effect-overlay=\"sadie\"\n               data-responsive=\"\"\n               data-table-item=\"table-one\"\n               data-small-table-item=\"small-table-one\"\n               data-order=\"DESC\"\n               data-style=\"zoom-out\" data-spinner-color=\"#10B765\"\n               data-image-size=\"370x620\"\n                >Load more<\/a>\n        <\/div>\n    \n<\/div>\n<\/div>\n\n\n    <script type=\"text\/javascript\">\n        (function ($) {\n            \"use strict\";\n                        $(document).ready(function () {\n                                var $tab_container = jQuery('#portfolio-69e3922ecf5fa');\n                $('.portfolio-tabs .isotope-portfolio', $tab_container).off();\n                $('.portfolio-tabs .isotope-portfolio', $tab_container).click(function () {\n                    $('.portfolio-tabs .isotope-portfolio', $tab_container).removeClass('active');\n                    $('.portfolio-tabs li', $tab_container).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=\"69e3922ecf5fa\"]');\n\n                $(window).load(function () {\n                    $container.isotope({\n                        itemSelector: '.portfolio-item'\n                    }).isotope('layout');\n                    setTimeout(function(){\n                        $container.isotope({ filter: '*'});\n                    },500);\n\n                })\n                            });\n\n            \n            $(document).ready(function () {\n\n                $('.portfolio-item.hover-dir > div.thumb-wrap').hoverdir();\n                $('.title-inner', '.title .portfolio-item').hover(function (e) {\n                    $('.thumb-wrap', $(this).parent()).toggleClass('hover');\n                    var $parent = $(this).parent();\n                    if ($parent.hasClass('hover-dir')) {\n                        if(e.type=='mouseenter'){\n                            $('.thumb',$parent).css('transition','all 300ms ease');\n                            $('.thumb',$parent).css('top','0');\n                            $('.thumb',$parent).css('left','0');\n                        }\n                    }\n                });\n\n                PortfolioAjaxAction.init('https:\/\/rankbricks.com\/wp\/wp-admin\/admin-ajax.php', 'filter', '69e3922ecf5fa');\n            })\n        })(jQuery);\n    <\/script>\n[\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_row layout=&#8221;boxed&#8221; el_class=&#8221;margin-bottom-70&#8243;][vc_column width=&#8221;1\/3&#8243; el_class=&#8221;xs-margin-bottom-15&#8243;][\/vc_column][vc_column width=&#8221;2\/3&#8243;][vc_column_text]Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][vc_separator color=&#8221;custom&#8221; accent_color=&#8221;#eeeeee&#8221; el_class=&#8221;margin-bottom-80&#8243;][\/vc_column][\/vc_row][vc_row layout=&#8221;boxed&#8221; css=&#8221;.vc_custom_1446884147289{margin-bottom: 100px !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":{"footnotes":""},"class_list":["post-669","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/rankbricks.com\/wp\/wp-json\/wp\/v2\/pages\/669","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rankbricks.com\/wp\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/rankbricks.com\/wp\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/rankbricks.com\/wp\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rankbricks.com\/wp\/wp-json\/wp\/v2\/comments?post=669"}],"version-history":[{"count":0,"href":"https:\/\/rankbricks.com\/wp\/wp-json\/wp\/v2\/pages\/669\/revisions"}],"wp:attachment":[{"href":"https:\/\/rankbricks.com\/wp\/wp-json\/wp\/v2\/media?parent=669"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}