{"id":1180,"date":"2017-11-30T03:27:21","date_gmt":"2017-11-30T03:27:21","guid":{"rendered":"https:\/\/demo.harutheme.com\/circle\/?page_id=1180"},"modified":"2017-11-30T03:27:21","modified_gmt":"2017-11-30T03:27:21","slug":"portfolio-masonry","status":"publish","type":"page","link":"https:\/\/brilliantmedia.ca\/?page_id=1180","title":{"rendered":"Portfolio Masonry"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row][vc_column][vc_row_inner][vc_column_inner]\n            <div class=\" \">\n                <div class=\"portfolio-shortcode-wrap masonry \"\n    data-filter-style=\"filter-isotope\"\n    data-sc-id=\"6a1acc4f66898\"\n    >\n    <div class=\"portfolio\">\n        <!-- Portfolio Filter -->\n                <div class=\"portfolio-tabs clearfix tag\">\n                <div class=\"tab-wrapper center\">\n        <ul>\n            <li class=\"active\">\n                <a href =\"javascript:;\" \n                    class                =\"haru-button ladda-button active\"\n                    data-filter          =\"*\"\n                    data-thumbnail       =\"masonry\"\n                    data-portfolio-title =\"\"\n                    data-hover-style     =\"icon-title\"\n                    data-column          =\"4\"\n                    data-source          =\"tag\"\n                    data-category        =\"\"\n                    data-portfolio-ids   =\"\"\n                    data-tag             =\"art,branding,packaging,photography,ux-ui-design\"\n                    data-item            =\"4\"\n                    data-current-page    =\"1\"\n                    data-order           =\"DESC\"\n                    data-show-paging     =\"1\"\n                    data-padding         =\"col-padding-5\"\n                    data-style           =\"zoom-in\"\n                    data-spinner-color   =\"#fff\"\n                >\n                    All                <\/a>\n            <\/li>\n                                    <li class=\"\">\n                <a href=\"javascript:;\"\n                    class                =\"haru-button ladda-button\"\n                    data-filter          =\".art\"\n                    data-thumbnail       =\"masonry\"\n                    data-portfolio-title =\"masonry\"\n                    data-hover-style     =\"icon-title\"\n                    data-column          =\"4\"\n                    data-source          =\"tag\"\n                    data-category        =\"art\"\n                    data-portfolio-ids   =\"\"\n                    data-tag             =\"art\"\n                    data-item            =\"4\"\n                    data-current-page    =\"1\"\n                    data-order           =\"DESC\"\n                    data-show-paging     =\"1\"\n                    data-padding         =\"col-padding-5\"\n                    data-style           =\"zoom-in\"\n                    data-spinner-color   =\"#fff\"\n                >\n                    Art                <\/a>\n            <\/li>\n                                                <li class=\"\">\n                <a href=\"javascript:;\"\n                    class                =\"haru-button ladda-button\"\n                    data-filter          =\".branding\"\n                    data-thumbnail       =\"masonry\"\n                    data-portfolio-title =\"masonry\"\n                    data-hover-style     =\"icon-title\"\n                    data-column          =\"4\"\n                    data-source          =\"tag\"\n                    data-category        =\"branding\"\n                    data-portfolio-ids   =\"\"\n                    data-tag             =\"branding\"\n                    data-item            =\"4\"\n                    data-current-page    =\"1\"\n                    data-order           =\"DESC\"\n                    data-show-paging     =\"1\"\n                    data-padding         =\"col-padding-5\"\n                    data-style           =\"zoom-in\"\n                    data-spinner-color   =\"#fff\"\n                >\n                    branding                <\/a>\n            <\/li>\n                                                <li class=\"\">\n                <a href=\"javascript:;\"\n                    class                =\"haru-button ladda-button\"\n                    data-filter          =\".packaging\"\n                    data-thumbnail       =\"masonry\"\n                    data-portfolio-title =\"masonry\"\n                    data-hover-style     =\"icon-title\"\n                    data-column          =\"4\"\n                    data-source          =\"tag\"\n                    data-category        =\"packaging\"\n                    data-portfolio-ids   =\"\"\n                    data-tag             =\"packaging\"\n                    data-item            =\"4\"\n                    data-current-page    =\"1\"\n                    data-order           =\"DESC\"\n                    data-show-paging     =\"1\"\n                    data-padding         =\"col-padding-5\"\n                    data-style           =\"zoom-in\"\n                    data-spinner-color   =\"#fff\"\n                >\n                    packaging                <\/a>\n            <\/li>\n                                                <li class=\"\">\n                <a href=\"javascript:;\"\n                    class                =\"haru-button ladda-button\"\n                    data-filter          =\".photography\"\n                    data-thumbnail       =\"masonry\"\n                    data-portfolio-title =\"masonry\"\n                    data-hover-style     =\"icon-title\"\n                    data-column          =\"4\"\n                    data-source          =\"tag\"\n                    data-category        =\"photography\"\n                    data-portfolio-ids   =\"\"\n                    data-tag             =\"photography\"\n                    data-item            =\"4\"\n                    data-current-page    =\"1\"\n                    data-order           =\"DESC\"\n                    data-show-paging     =\"1\"\n                    data-padding         =\"col-padding-5\"\n                    data-style           =\"zoom-in\"\n                    data-spinner-color   =\"#fff\"\n                >\n                    photography                <\/a>\n            <\/li>\n                                                <li class=\"\">\n                <a href=\"javascript:;\"\n                    class                =\"haru-button ladda-button\"\n                    data-filter          =\".ux-ui-design\"\n                    data-thumbnail       =\"masonry\"\n                    data-portfolio-title =\"masonry\"\n                    data-hover-style     =\"icon-title\"\n                    data-column          =\"4\"\n                    data-source          =\"tag\"\n                    data-category        =\"ux-ui-design\"\n                    data-portfolio-ids   =\"\"\n                    data-tag             =\"ux-ui-design\"\n                    data-item            =\"4\"\n                    data-current-page    =\"1\"\n                    data-order           =\"DESC\"\n                    data-show-paging     =\"1\"\n                    data-padding         =\"col-padding-5\"\n                    data-style           =\"zoom-in\"\n                    data-spinner-color   =\"#fff\"\n                >\n                    ux\/ui design                <\/a>\n            <\/li>\n                                <\/ul>\n    <\/div>\n          <\/div>\n        \n        <!-- Portfolio Wrap -->\n        <div class=\"portfolio-wrapper haru-col-4 col-padding-5 masonry\" \n            id=\"portfolio-6a1acc4f66898\"\n            data-columns=\"4\">\n                            \n<div class=\"portfolio-item art packaging \" onclick=\"void(0)\">\n    <!-- Title top -->\n    \n    <div class=\"portfolio-thumbnail icon-title\">\n    <img decoding=\"async\" src=\"https:\/\/brilliantmedia.ca\/wp-content\/uploads\/2018\/01\/blog-10-4.jpg\" alt=\"Single Project Video\"\/>\n    <div class=\"portfolio-thumbnail-hover\">\n        <a href=\"https:\/\/vimeo.com\/1084537\" title=\"<a href='https:\/\/brilliantmedia.ca\/?haru_portfolio=single-project-video'>Single Project Video<\/a>\" class=\"hover-icon portfolio-video-popup\">            <i class=\"fa fa-play-circle\"><\/i>        <\/a>\n        <a href=\"https:\/\/brilliantmedia.ca\/?haru_portfolio=single-project-video\" class=\"hover-title\">Single Project Video<\/a>\n    <\/div>\n<\/div>\n    <!-- Title bottom -->\n    \n    <!-- @TODO: process media type -->\n    <div style=\"display: none\">\n    <\/div><\/div>\n                            \n<div class=\"portfolio-item art packaging \" onclick=\"void(0)\">\n    <!-- Title top -->\n    \n    <div class=\"portfolio-thumbnail icon-title\">\n    <img decoding=\"async\" src=\"https:\/\/brilliantmedia.ca\/wp-content\/uploads\/2018\/01\/blog-10-4.jpg\" alt=\"Let&#8217;s make it awesome\"\/>\n    <div class=\"portfolio-thumbnail-hover\">\n        <a href=\"https:\/\/brilliantmedia.ca\/wp-content\/uploads\/2018\/01\/blog-10-4.jpg\" title=\"<a href='https:\/\/brilliantmedia.ca\/?haru_portfolio=lets-make-it-awesome'>Let&#8217;s make it awesome<\/a>\" class=\"hover-icon portfolio-gallery-popup\">            <i class=\"fa fa-search\"><\/i>        <\/a>\n        <a href=\"https:\/\/brilliantmedia.ca\/?haru_portfolio=lets-make-it-awesome\" class=\"hover-title\">Let&#8217;s make it awesome<\/a>\n    <\/div>\n<\/div>\n    <!-- Title bottom -->\n    \n    <!-- @TODO: process media type -->\n    <div style=\"display: none\">\n                <div>\n                <a href=\"https:\/\/brilliantmedia.ca\/wp-content\/uploads\/2018\/01\/blog-10-2.jpg\"\n                   class=\"portfolio-gallery-popup\"\n                   title=\"<a href='https:\/\/brilliantmedia.ca\/?haru_portfolio=lets-make-it-awesome'>Let&#8217;s make it awesome<\/a>\"><\/a>\n            <\/div>\n        <\/div><\/div>\n                            \n<div class=\"portfolio-item art packaging \" onclick=\"void(0)\">\n    <!-- Title top -->\n    \n    <div class=\"portfolio-thumbnail icon-title\">\n    <img decoding=\"async\" src=\"https:\/\/brilliantmedia.ca\/wp-content\/uploads\/2018\/01\/blog-10-2.jpg\" alt=\"We make everything you need\"\/>\n    <div class=\"portfolio-thumbnail-hover\">\n        <a href=\"https:\/\/brilliantmedia.ca\/wp-content\/uploads\/2018\/01\/blog-10-2.jpg\" title=\"<a href='https:\/\/brilliantmedia.ca\/?haru_portfolio=we-make-everything-you-need'>We make everything you need<\/a>\" class=\"hover-icon portfolio-gallery-popup\">            <i class=\"fa fa-search\"><\/i>        <\/a>\n        <a href=\"https:\/\/brilliantmedia.ca\/?haru_portfolio=we-make-everything-you-need\" class=\"hover-title\">We make everything you need<\/a>\n    <\/div>\n<\/div>\n    <!-- Title bottom -->\n    \n    <!-- @TODO: process media type -->\n    <div style=\"display: none\">\n                <div>\n                <a href=\"https:\/\/brilliantmedia.ca\/wp-content\/uploads\/2018\/01\/blog-10-1.jpg\"\n                   class=\"portfolio-gallery-popup\"\n                   title=\"<a href='https:\/\/brilliantmedia.ca\/?haru_portfolio=we-make-everything-you-need'>We make everything you need<\/a>\"><\/a>\n            <\/div>\n        <\/div><\/div>\n                            \n<div class=\"portfolio-item art packaging \" onclick=\"void(0)\">\n    <!-- Title top -->\n    \n    <div class=\"portfolio-thumbnail icon-title\">\n    <img decoding=\"async\" src=\"https:\/\/brilliantmedia.ca\/wp-content\/uploads\/2018\/01\/blog-10-3.jpg\" alt=\"Save the world\"\/>\n    <div class=\"portfolio-thumbnail-hover\">\n        <a href=\"https:\/\/brilliantmedia.ca\/wp-content\/uploads\/2018\/01\/blog-10-3.jpg\" title=\"<a href='https:\/\/brilliantmedia.ca\/?haru_portfolio=save-the-world'>Save the world<\/a>\" class=\"hover-icon portfolio-gallery-popup\">            <i class=\"fa fa-search\"><\/i>        <\/a>\n        <a href=\"https:\/\/brilliantmedia.ca\/?haru_portfolio=save-the-world\" class=\"hover-title\">Save the world<\/a>\n    <\/div>\n<\/div>\n    <!-- Title bottom -->\n    \n    <!-- @TODO: process media type -->\n    <div style=\"display: none\">\n                <div>\n                <a href=\"https:\/\/brilliantmedia.ca\/wp-content\/uploads\/2018\/01\/blog-10-1.jpg\"\n                   class=\"portfolio-gallery-popup\"\n                   title=\"<a href='https:\/\/brilliantmedia.ca\/?haru_portfolio=save-the-world'>Save the world<\/a>\"><\/a>\n            <\/div>\n        <\/div><\/div>\n                    <\/div>\n\n        <!-- Pagination -->\n                    <div class=\"portfolio-loadmore-wrap\" id=\"portfolio-loadmore-6a1acc4f66898\">\n                 \n                <a href=\"javascript:;\"\n                    data-href=\"https:\/\/brilliantmedia.ca\/index.php?rest_route=%2Fwp%2Fv2%2Fpages%2F1180&#038;paged=2\" \n                    class=\"haru-button ladda-button portfolio-load-more\"\n                    data-style           =\"zoom-out\" \n                    data-spinner-color   =\"#fff\"\n                >\n                    Load More                <\/a>\n                    <\/div>\n            <\/div>\n<\/div>            <\/div>\n\n            [\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_row][vc_column][vc_row_inner][vc_column_inner][\/vc_column_inner][\/vc_row_inner][\/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-1180","page","type-page","status-publish","hentry","clearfix"],"_links":{"self":[{"href":"https:\/\/brilliantmedia.ca\/index.php?rest_route=\/wp\/v2\/pages\/1180","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/brilliantmedia.ca\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/brilliantmedia.ca\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/brilliantmedia.ca\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/brilliantmedia.ca\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1180"}],"version-history":[{"count":0,"href":"https:\/\/brilliantmedia.ca\/index.php?rest_route=\/wp\/v2\/pages\/1180\/revisions"}],"wp:attachment":[{"href":"https:\/\/brilliantmedia.ca\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1180"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}