<style id="elementor-post-6114">.elementor-6114 .elementor-element.elementor-element-18d82a9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:35px 0px;--row-gap:35px;--column-gap:0px;--padding-top:120px;--padding-bottom:120px;--padding-left:15px;--padding-right:15px;}.elementor-6114 .elementor-element.elementor-element-f39f4ab{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:1024px){.elementor-6114 .elementor-element.elementor-element-18d82a9{--padding-top:70px;--padding-bottom:70px;--padding-left:15px;--padding-right:15px;}}@media(min-width:768px){.elementor-6114 .elementor-element.elementor-element-18d82a9{--content-width:1295px;}}@media(max-width:1399px) and (min-width:768px){.elementor-6114 .elementor-element.elementor-element-18d82a9{--content-width:1140px;}}@media(max-width:1200px) and (min-width:768px){.elementor-6114 .elementor-element.elementor-element-18d82a9{--content-width:960px;}}@media(max-width:1024px) and (min-width:768px){.elementor-6114 .elementor-element.elementor-element-18d82a9{--content-width:720px;}}@media(max-width:1200px){.elementor-6114 .elementor-element.elementor-element-18d82a9{--padding-top:100px;--padding-bottom:100px;--padding-left:15px;--padding-right:15px;}}@media(max-width:767px){.elementor-6114 .elementor-element.elementor-element-18d82a9{--content-width:540px;}}</style>{"id":6114,"date":"2025-10-01T10:57:17","date_gmt":"2025-10-01T10:57:17","guid":{"rendered":"https:\/\/bexon.themejunction.net\/?page_id=6114"},"modified":"2026-10-11T20:30:34","modified_gmt":"2026-10-11T20:30:34","slug":"portfolio-filter","status":"publish","type":"page","link":"https:\/\/master.staging.legacynorthweb.com\/?page_id=6114","title":{"rendered":"Portfolio Filter"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6114\" class=\"elementor elementor-6114\">\n\t\t\t\t<div class=\"elementor-element elementor-element-18d82a9 e-flex e-con-boxed e-con e-parent\" data-id=\"18d82a9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-f39f4ab e-con-full e-flex e-con e-child\" data-id=\"f39f4ab\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-adae7d4 elementor-widget elementor-widget-tj-project-filter\" data-id=\"adae7d4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"tj-project-filter.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n    <div class=\"portfolio-filter h10-project-filter text-center wow fadeInUp\" data-wow-delay=\".3s\">\n      <div class=\"button-group h10-project-button-group filter-button-group\">\n                              <button class=\"active\" data-filter=\"*\">\n              All            <\/button>\n          \n                      <button data-filter=\".branding\">\n              Branding            <\/button>\n                      <button data-filter=\".business\">\n              Business            <\/button>\n                      <button data-filter=\".designing\">\n              Designing            <\/button>\n                      <button data-filter=\".empower\">\n              Empower            <\/button>\n                      <button data-filter=\".excellence\">\n              Excellence            <\/button>\n                      <button data-filter=\".growth\">\n              Growth            <\/button>\n                          <div class=\"active-bg\"><\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"row grid project-wrapper h7-project-wrapper h10-project-wrapper portfolio-filter-box\">\n\n              \n                    <div class=\"col-xl-6 col-lg-6 col-md-6 col-12  business\">\n            <div class=\"project-item h4-project-item tj-el-project portfolio-filter-item business\">\n                              <div class=\"project-img\"\n                                    data-cursor-text=\"View Project\"\n                  >\n                  <a href=\"https:\/\/master.staging.legacynorthweb.com\/?projects=environmental-impact-dashboard\">\n                    <img fetchpriority=\"high\" decoding=\"async\" width=\"1516\" height=\"1160\" src=\"https:\/\/master.staging.legacynorthweb.com\/wp-content\/uploads\/2025\/07\/h6-project-1.webp\" class=\"attachment-full size-full wp-post-image\" alt=\"\" srcset=\"https:\/\/master.staging.legacynorthweb.com\/wp-content\/uploads\/2025\/07\/h6-project-1.webp 1516w, https:\/\/master.staging.legacynorthweb.com\/wp-content\/uploads\/2025\/07\/h6-project-1-300x230.webp 300w, https:\/\/master.staging.legacynorthweb.com\/wp-content\/uploads\/2025\/07\/h6-project-1-1024x784.webp 1024w, https:\/\/master.staging.legacynorthweb.com\/wp-content\/uploads\/2025\/07\/h6-project-1-768x588.webp 768w\" sizes=\"(max-width: 1516px) 100vw, 1516px\" \/>                  <\/a>\n                <\/div>\n              \n              <div class=\"project-content\">\n                <h4 class=\"title tj-el-title\">\n                  <a href=\"https:\/\/master.staging.legacynorthweb.com\/?projects=environmental-impact-dashboard\">\n                    Environmental Impact Dashboard                  <\/a>\n                <\/h4>\n                                  <span class=\"categories\">\n                    <a class=\"tj-el-cat\" href=\"https:\/\/master.staging.legacynorthweb.com\/?projects-cat=business\">Business<\/a>                  <\/span>\n                              <\/div>\n            <\/div>\n          <\/div>\n        \n                    <div class=\"col-xl-6 col-lg-6 col-md-6 col-12  growth\">\n            <div class=\"project-item h4-project-item tj-el-project portfolio-filter-item growth\">\n                              <div class=\"project-img\"\n                                    data-cursor-text=\"View Project\"\n                  >\n                  <a href=\"https:\/\/master.staging.legacynorthweb.com\/?projects=rebranding-strategy-for-a-growing\">\n                    <img decoding=\"async\" width=\"1516\" height=\"1160\" src=\"https:\/\/master.staging.legacynorthweb.com\/wp-content\/uploads\/2025\/07\/h6-project-2.webp\" class=\"attachment-full size-full wp-post-image\" alt=\"\" srcset=\"https:\/\/master.staging.legacynorthweb.com\/wp-content\/uploads\/2025\/07\/h6-project-2.webp 1516w, https:\/\/master.staging.legacynorthweb.com\/wp-content\/uploads\/2025\/07\/h6-project-2-300x230.webp 300w, https:\/\/master.staging.legacynorthweb.com\/wp-content\/uploads\/2025\/07\/h6-project-2-1024x784.webp 1024w, https:\/\/master.staging.legacynorthweb.com\/wp-content\/uploads\/2025\/07\/h6-project-2-768x588.webp 768w\" sizes=\"(max-width: 1516px) 100vw, 1516px\" \/>                  <\/a>\n                <\/div>\n              \n              <div class=\"project-content\">\n                <h4 class=\"title tj-el-title\">\n                  <a href=\"https:\/\/master.staging.legacynorthweb.com\/?projects=rebranding-strategy-for-a-growing\">\n                    Rebranding Strategy for a Growing                  <\/a>\n                <\/h4>\n                                  <span class=\"categories\">\n                    <a class=\"tj-el-cat\" href=\"https:\/\/master.staging.legacynorthweb.com\/?projects-cat=growth\">Growth<\/a>                  <\/span>\n                              <\/div>\n            <\/div>\n          <\/div>\n        \n                    <div class=\"col-xl-6 col-lg-6 col-md-6 col-12  excellence\">\n            <div class=\"project-item h4-project-item tj-el-project portfolio-filter-item excellence\">\n                              <div class=\"project-img\"\n                                    data-cursor-text=\"View Project\"\n                  >\n                  <a href=\"https:\/\/master.staging.legacynorthweb.com\/?projects=event-management-platform\">\n                    <img decoding=\"async\" width=\"1516\" height=\"1160\" src=\"https:\/\/master.staging.legacynorthweb.com\/wp-content\/uploads\/2025\/07\/h6-project-3.webp\" class=\"attachment-full size-full wp-post-image\" alt=\"\" srcset=\"https:\/\/master.staging.legacynorthweb.com\/wp-content\/uploads\/2025\/07\/h6-project-3.webp 1516w, https:\/\/master.staging.legacynorthweb.com\/wp-content\/uploads\/2025\/07\/h6-project-3-300x230.webp 300w, https:\/\/master.staging.legacynorthweb.com\/wp-content\/uploads\/2025\/07\/h6-project-3-1024x784.webp 1024w, https:\/\/master.staging.legacynorthweb.com\/wp-content\/uploads\/2025\/07\/h6-project-3-768x588.webp 768w\" sizes=\"(max-width: 1516px) 100vw, 1516px\" \/>                  <\/a>\n                <\/div>\n              \n              <div class=\"project-content\">\n                <h4 class=\"title tj-el-title\">\n                  <a href=\"https:\/\/master.staging.legacynorthweb.com\/?projects=event-management-platform\">\n                    Event Management Platform                  <\/a>\n                <\/h4>\n                                  <span class=\"categories\">\n                    <a class=\"tj-el-cat\" href=\"https:\/\/master.staging.legacynorthweb.com\/?projects-cat=excellence\">Excellence<\/a>                  <\/span>\n                              <\/div>\n            <\/div>\n          <\/div>\n        \n                    <div class=\"col-xl-6 col-lg-6 col-md-6 col-12  empower\">\n            <div class=\"project-item h4-project-item tj-el-project portfolio-filter-item empower\">\n                              <div class=\"project-img\"\n                                    data-cursor-text=\"View Project\"\n                  >\n                  <a href=\"https:\/\/master.staging.legacynorthweb.com\/?projects=digital-marketing-campaign\">\n                    <img loading=\"lazy\" decoding=\"async\" width=\"1516\" height=\"1160\" src=\"https:\/\/master.staging.legacynorthweb.com\/wp-content\/uploads\/2025\/07\/h6-project-4.webp\" class=\"attachment-full size-full wp-post-image\" alt=\"\" srcset=\"https:\/\/master.staging.legacynorthweb.com\/wp-content\/uploads\/2025\/07\/h6-project-4.webp 1516w, https:\/\/master.staging.legacynorthweb.com\/wp-content\/uploads\/2025\/07\/h6-project-4-300x230.webp 300w, https:\/\/master.staging.legacynorthweb.com\/wp-content\/uploads\/2025\/07\/h6-project-4-1024x784.webp 1024w, https:\/\/master.staging.legacynorthweb.com\/wp-content\/uploads\/2025\/07\/h6-project-4-768x588.webp 768w\" sizes=\"(max-width: 1516px) 100vw, 1516px\" \/>                  <\/a>\n                <\/div>\n              \n              <div class=\"project-content\">\n                <h4 class=\"title tj-el-title\">\n                  <a href=\"https:\/\/master.staging.legacynorthweb.com\/?projects=digital-marketing-campaign\">\n                    Digital Marketing Campaign                  <\/a>\n                <\/h4>\n                                  <span class=\"categories\">\n                    <a class=\"tj-el-cat\" href=\"https:\/\/master.staging.legacynorthweb.com\/?projects-cat=empower\">Empower<\/a>                  <\/span>\n                              <\/div>\n            <\/div>\n          <\/div>\n        \n                    <div class=\"col-xl-6 col-lg-6 col-md-6 col-12  branding\">\n            <div class=\"project-item h4-project-item tj-el-project portfolio-filter-item branding\">\n                              <div class=\"project-img\"\n                                    data-cursor-text=\"View Project\"\n                  >\n                  <a href=\"https:\/\/master.staging.legacynorthweb.com\/?projects=interactive-learning-platform\">\n                    <img loading=\"lazy\" decoding=\"async\" width=\"1516\" height=\"1160\" src=\"https:\/\/master.staging.legacynorthweb.com\/wp-content\/uploads\/2025\/07\/h6-project-5.webp\" class=\"attachment-full size-full wp-post-image\" alt=\"\" srcset=\"https:\/\/master.staging.legacynorthweb.com\/wp-content\/uploads\/2025\/07\/h6-project-5.webp 1516w, https:\/\/master.staging.legacynorthweb.com\/wp-content\/uploads\/2025\/07\/h6-project-5-300x230.webp 300w, https:\/\/master.staging.legacynorthweb.com\/wp-content\/uploads\/2025\/07\/h6-project-5-1024x784.webp 1024w, https:\/\/master.staging.legacynorthweb.com\/wp-content\/uploads\/2025\/07\/h6-project-5-768x588.webp 768w\" sizes=\"(max-width: 1516px) 100vw, 1516px\" \/>                  <\/a>\n                <\/div>\n              \n              <div class=\"project-content\">\n                <h4 class=\"title tj-el-title\">\n                  <a href=\"https:\/\/master.staging.legacynorthweb.com\/?projects=interactive-learning-platform\">\n                    Interactive Learning Platform                  <\/a>\n                <\/h4>\n                                  <span class=\"categories\">\n                    <a class=\"tj-el-cat\" href=\"https:\/\/master.staging.legacynorthweb.com\/?projects-cat=branding\">Branding<\/a>                  <\/span>\n                              <\/div>\n            <\/div>\n          <\/div>\n        \n                    <div class=\"col-xl-6 col-lg-6 col-md-6 col-12  designing\">\n            <div class=\"project-item h4-project-item tj-el-project portfolio-filter-item designing\">\n                              <div class=\"project-img\"\n                                    data-cursor-text=\"View Project\"\n                  >\n                  <a href=\"https:\/\/master.staging.legacynorthweb.com\/?projects=integrated-marketing-campaign\">\n                    <img loading=\"lazy\" decoding=\"async\" width=\"1516\" height=\"1160\" src=\"https:\/\/master.staging.legacynorthweb.com\/wp-content\/uploads\/2025\/07\/h6-project-6.webp\" class=\"attachment-full size-full wp-post-image\" alt=\"\" srcset=\"https:\/\/master.staging.legacynorthweb.com\/wp-content\/uploads\/2025\/07\/h6-project-6.webp 1516w, https:\/\/master.staging.legacynorthweb.com\/wp-content\/uploads\/2025\/07\/h6-project-6-300x230.webp 300w, https:\/\/master.staging.legacynorthweb.com\/wp-content\/uploads\/2025\/07\/h6-project-6-1024x784.webp 1024w, https:\/\/master.staging.legacynorthweb.com\/wp-content\/uploads\/2025\/07\/h6-project-6-768x588.webp 768w\" sizes=\"(max-width: 1516px) 100vw, 1516px\" \/>                  <\/a>\n                <\/div>\n              \n              <div class=\"project-content\">\n                <h4 class=\"title tj-el-title\">\n                  <a href=\"https:\/\/master.staging.legacynorthweb.com\/?projects=integrated-marketing-campaign\">\n                    Integrated Marketing Campaign                  <\/a>\n                <\/h4>\n                                  <span class=\"categories\">\n                    <a class=\"tj-el-cat\" href=\"https:\/\/master.staging.legacynorthweb.com\/?projects-cat=designing\">Designing<\/a>                  <\/span>\n                              <\/div>\n            <\/div>\n          <\/div>\n                  <\/div>\n    \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>All Branding Business Designing Empower Excellence Growth Environmental Impact Dashboard Business Rebranding Strategy for a Growing Growth Event Management Platform Excellence Digital Marketing Campaign Empower Interactive Learning Platform Branding Integrated Marketing Campaign Designing<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-6114","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/master.staging.legacynorthweb.com\/index.php?rest_route=\/wp\/v2\/pages\/6114","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/master.staging.legacynorthweb.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/master.staging.legacynorthweb.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/master.staging.legacynorthweb.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/master.staging.legacynorthweb.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6114"}],"version-history":[{"count":1,"href":"https:\/\/master.staging.legacynorthweb.com\/index.php?rest_route=\/wp\/v2\/pages\/6114\/revisions"}],"predecessor-version":[{"id":6811,"href":"https:\/\/master.staging.legacynorthweb.com\/index.php?rest_route=\/wp\/v2\/pages\/6114\/revisions\/6811"}],"wp:attachment":[{"href":"https:\/\/master.staging.legacynorthweb.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6114"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}