{"id":2874,"date":"2024-09-09T16:09:02","date_gmt":"2024-09-09T16:09:02","guid":{"rendered":"https:\/\/cosion.themeori.com\/?page_id=2874"},"modified":"2026-01-27T13:39:41","modified_gmt":"2026-01-27T13:39:41","slug":"filterable-gallery","status":"publish","type":"page","link":"https:\/\/dev.artemislife.com\/pt\/filterable-gallery\/","title":{"rendered":"Filterable Portfolio"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"2874\" class=\"elementor elementor-2874\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7c23293 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7c23293\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-47e44e3\" data-id=\"47e44e3\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-cf46eff elementor-widget elementor-widget-txwpc-image-gallery\" data-id=\"cf46eff\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"txwpc-image-gallery.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t            <div id=\"filters\" class=\"filter-btn675 filter_gallery-button\">\r\n                                    <button class=\"filter_gallery-btn\" data-filter=\"*\">\r\n                        All                    <\/button>\r\n                                                <button class=\"filter_gallery-btn\" data-filter=\".tori-corporate\">\r\n                    Corporate                <\/button>\r\n                                <button class=\"filter_gallery-btn\" data-filter=\".tori-finance\">\r\n                    Finance                <\/button>\r\n                                <button class=\"filter_gallery-btn\" data-filter=\".tori-marketing\">\r\n                    Marketing                <\/button>\r\n                            <\/div>\r\n        \r\n        <div class=\"filter_gallery-area filter-grid675\">\r\n                            <div class=\"filter_gallery-area-item tori-marketing\">\r\n                    <div class=\"flexitype_image_slider-item visibility_hidden\">\r\n                        <div class=\"box\">\r\n                            <img decoding=\"async\" src=\"https:\/\/cosion.nextwpcook.com\/wp-content\/uploads\/2024\/08\/portfolio-1-2.jpg\" alt=\"image\">\r\n                                                        <div class=\"flexitype_image_slider-item-content\">\r\n                                <div class=\"flexitype_image_slider-item-area full_height\">\r\n                                                                            <div class=\"flexitype_image_slider-item-area-icon\">\r\n                                            <a href=\"\/pt\/portfolio\/video-production\/\">\r\n                                                <i class=\"flaticon flaticon-right-up\"><\/i>\r\n                                            <\/a>\r\n                                        <\/div>\r\n                                                                                                            <div>\r\n                                                                                    <span>Media<\/span>\r\n                                                                                                                            <h6 class=\"box-title\">\r\n                                                <a href=\"\/pt\/portfolio\/video-production\/\">Video Production<\/a>\r\n                                            <\/h6>\r\n                                                                                                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>                                    \r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                            <div class=\"filter_gallery-area-item tori-corporate\">\r\n                    <div class=\"flexitype_image_slider-item visibility_hidden\">\r\n                        <div class=\"box\">\r\n                            <img decoding=\"async\" src=\"https:\/\/cosion.nextwpcook.com\/wp-content\/uploads\/2024\/08\/portfolio-6-2.jpg\" alt=\"image\">\r\n                                                        <div class=\"flexitype_image_slider-item-content\">\r\n                                <div class=\"flexitype_image_slider-item-area full_height\">\r\n                                                                            <div class=\"flexitype_image_slider-item-area-icon\">\r\n                                            <a href=\"\/pt\/portfolio\/website-redesign\/\">\r\n                                                <i class=\"flaticon flaticon-right-up\"><\/i>\r\n                                            <\/a>\r\n                                        <\/div>\r\n                                                                                                            <div>\r\n                                                                                    <span>Design<\/span>\r\n                                                                                                                            <h6 class=\"box-title\">\r\n                                                <a href=\"\/pt\/portfolio\/website-redesign\/\">Website Redesign<\/a>\r\n                                            <\/h6>\r\n                                                                                                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>                                    \r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                            <div class=\"filter_gallery-area-item tori-finance\">\r\n                    <div class=\"flexitype_image_slider-item visibility_hidden\">\r\n                        <div class=\"box\">\r\n                            <img decoding=\"async\" src=\"https:\/\/cosion.nextwpcook.com\/wp-content\/uploads\/2024\/08\/portfolio-3-2.jpg\" alt=\"image\">\r\n                                                        <div class=\"flexitype_image_slider-item-content\">\r\n                                <div class=\"flexitype_image_slider-item-area full_height\">\r\n                                                                            <div class=\"flexitype_image_slider-item-area-icon\">\r\n                                            <a href=\"\/pt\/portfolio\/event-marketing\/\">\r\n                                                <i class=\"flaticon flaticon-right-up\"><\/i>\r\n                                            <\/a>\r\n                                        <\/div>\r\n                                                                                                            <div>\r\n                                                                                    <span>Event<\/span>\r\n                                                                                                                            <h6 class=\"box-title\">\r\n                                                <a href=\"\/pt\/portfolio\/event-marketing\/\">Event Marketing<\/a>\r\n                                            <\/h6>\r\n                                                                                                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>                                    \r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                            <div class=\"filter_gallery-area-item tori-corporate\">\r\n                    <div class=\"flexitype_image_slider-item visibility_hidden\">\r\n                        <div class=\"box\">\r\n                            <img decoding=\"async\" src=\"https:\/\/cosion.nextwpcook.com\/wp-content\/uploads\/2024\/09\/portfolio-8-2.jpg\" alt=\"image\">\r\n                                                        <div class=\"flexitype_image_slider-item-content\">\r\n                                <div class=\"flexitype_image_slider-item-area full_height\">\r\n                                                                            <div class=\"flexitype_image_slider-item-area-icon\">\r\n                                            <a href=\"\/pt\/portfolio\/user-experience\/\">\r\n                                                <i class=\"flaticon flaticon-right-up\"><\/i>\r\n                                            <\/a>\r\n                                        <\/div>\r\n                                                                                                            <div>\r\n                                                                                    <span>Strategy<\/span>\r\n                                                                                                                            <h6 class=\"box-title\">\r\n                                                <a href=\"\/pt\/portfolio\/user-experience\/\">User Experience<\/a>\r\n                                            <\/h6>\r\n                                                                                                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>                                    \r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                            <div class=\"filter_gallery-area-item tori-marketing\">\r\n                    <div class=\"flexitype_image_slider-item visibility_hidden\">\r\n                        <div class=\"box\">\r\n                            <img decoding=\"async\" src=\"https:\/\/cosion.nextwpcook.com\/wp-content\/uploads\/2024\/08\/portfolio-5-2.jpg\" alt=\"image\">\r\n                                                        <div class=\"flexitype_image_slider-item-content\">\r\n                                <div class=\"flexitype_image_slider-item-area full_height\">\r\n                                                                            <div class=\"flexitype_image_slider-item-area-icon\">\r\n                                            <a href=\"\/pt\/portfolio\/audience-targeting\/\">\r\n                                                <i class=\"flaticon flaticon-right-up\"><\/i>\r\n                                            <\/a>\r\n                                        <\/div>\r\n                                                                                                            <div>\r\n                                                                                    <span>Reach<\/span>\r\n                                                                                                                            <h6 class=\"box-title\">\r\n                                                <a href=\"\/pt\/portfolio\/audience-targeting\/\">Audience Targeting<\/a>\r\n                                            <\/h6>\r\n                                                                                                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>                                    \r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                            <div class=\"filter_gallery-area-item tori-finance\">\r\n                    <div class=\"flexitype_image_slider-item visibility_hidden\">\r\n                        <div class=\"box\">\r\n                            <img decoding=\"async\" src=\"https:\/\/cosion.nextwpcook.com\/wp-content\/uploads\/2024\/08\/portfolio-4-2.jpg\" alt=\"image\">\r\n                                                        <div class=\"flexitype_image_slider-item-content\">\r\n                                <div class=\"flexitype_image_slider-item-area full_height\">\r\n                                                                            <div class=\"flexitype_image_slider-item-area-icon\">\r\n                                            <a href=\"\/pt\/portfolio\/creative-branding\/\">\r\n                                                <i class=\"flaticon flaticon-right-up\"><\/i>\r\n                                            <\/a>\r\n                                        <\/div>\r\n                                                                                                            <div>\r\n                                                                                    <span>Design<\/span>\r\n                                                                                                                            <h6 class=\"box-title\">\r\n                                                <a href=\"\/pt\/portfolio\/creative-branding\/\">Creative Branding<\/a>\r\n                                            <\/h6>\r\n                                                                                                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>                                    \r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                    <\/div>\r\n\r\n        <script>\r\n            (function ($) {\r\n\t\t\t\t\"use strict\";\r\n\t\t\t\t$(document).ready(function () {\r\n\t\t\t\t\tvar $grid = $('.filter-grid675').isotope({\r\n\t\t\t\t\t\tlayoutMode: 'masonry',\r\n\t\t\t\t\t});\r\n\t\t\t\t\tvar $firstButton = $('.filter-btn675 button').first();\r\n\t\t\t\t\t$firstButton.addClass('active');\r\n\t\t\t\t\tvar initialFilterValue = $firstButton.attr('data-filter');\r\n\t\t\t\t\t$grid.isotope({ filter: initialFilterValue });\r\n\t\t\t\t\t$('.filter-btn675').on('click', 'button', function () {\r\n\t\t\t\t\t\tvar filterValue = $(this).attr('data-filter');\r\n\t\t\t\t\t\t$grid.isotope({ filter: filterValue });\r\n\t\t\t\t\t\t$('.filter-btn675 button').removeClass('active');\r\n\t\t\t\t\t\t$(this).addClass('active');\r\n\t\t\t\t\t});\r\n                    $('.gallery-it').magnificPopup({\r\n                        type: 'image',\r\n                        gallery:{\r\n                            enabled: true\r\n                        }\r\n                    });\r\n\t\t\t\t});\r\n\t\t\t})(jQuery);\r\n        <\/script>\r\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>All Corporate Finance Marketing Media Video Production Design Website Redesign Event Event Marketing Strategy User Experience Reach Audience Targeting Design Creative Branding<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-builder.php","meta":{"postBodyCss":"","postBodyMargin":[],"postBodyPadding":[],"postBodyBackground":{"backgroundType":"classic","gradient":""},"footnotes":""},"class_list":["post-2874","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/dev.artemislife.com\/pt\/wp-json\/wp\/v2\/pages\/2874","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dev.artemislife.com\/pt\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dev.artemislife.com\/pt\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dev.artemislife.com\/pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dev.artemislife.com\/pt\/wp-json\/wp\/v2\/comments?post=2874"}],"version-history":[{"count":1,"href":"https:\/\/dev.artemislife.com\/pt\/wp-json\/wp\/v2\/pages\/2874\/revisions"}],"predecessor-version":[{"id":6915,"href":"https:\/\/dev.artemislife.com\/pt\/wp-json\/wp\/v2\/pages\/2874\/revisions\/6915"}],"wp:attachment":[{"href":"https:\/\/dev.artemislife.com\/pt\/wp-json\/wp\/v2\/media?parent=2874"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}