{"id":10581,"date":"2024-03-11T05:25:37","date_gmt":"2024-03-11T05:25:37","guid":{"rendered":"https:\/\/codex-themes.com\/thegem\/blocks\/?page_id=10581"},"modified":"2023-04-28T06:41:32","modified_gmt":"2023-04-28T06:41:32","slug":"portfolio-filters-sorting","status":"publish","type":"page","link":"https:\/\/codex-themes.com\/thegem\/blocks\/portfolio-filters-sorting\/","title":{"rendered":"Portfolio Filters &#038; Sorting"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row css=&#8221;.vc_custom_1679291620516{margin-bottom: 0px !important;}&#8221;][vc_column css=&#8221;.vc_custom_1680700554380{padding-top: 80px !important;padding-bottom: 60px !important;}&#8221; mobile_padding_top=&#8221;40&#8243;]<div class=\"thegem-te-heading thegem-custom-69e9bd4e57c737237\" ><div id=\"thegem-heading-69e9bd4e57c46\" class=\"thegem-heading title-h1 vc_custom_1679291745998\" style=\"text-align: center;\" ><span class=\"colored\" style=\"color: #ff4ad2;\">Portfolio<\/span> <span> Filters &amp; Sorting<\/span><\/div><style type=\"text\/css\">#thegem-heading-69e9bd4e57c46 {margin: 0;}#thegem-heading-69e9bd4e57c46 {margin-left: auto; margin-right: auto;}#thegem-heading-69e9bd4e57c46 > * {justify-content: center;}#thegem-heading-69e9bd4e57c46 {letter-spacing: 0px;}#thegem-heading-69e9bd4e57c46, #thegem-heading-69e9bd4e57c46 .light {text-transform: none;}#thegem-heading-69e9bd4e57c46 a:hover, #thegem-heading-69e9bd4e57c46 a:hover span.colored {color: var(--thegem-to-menu-level1-color-hover, #00BCD4) !important;}<\/style><\/div><style>@media screen and (max-width: 1023px) {.thegem-te-heading.thegem-custom-69e9bd4e57c737237{display: block!important;}}@media screen and (max-width: 767px) {.thegem-te-heading.thegem-custom-69e9bd4e57c737237{display: block!important;}}@media screen and (max-width: 1023px) {.thegem-te-heading.thegem-custom-69e9bd4e57c737237{position: relative !important;}}@media screen and (max-width: 767px) {.thegem-te-heading.thegem-custom-69e9bd4e57c737237{position: relative !important;}}<\/style><div class=\"thegem-te-heading thegem-custom-69e9bd4e57cef6823\" ><div id=\"thegem-heading-69e9bd4e57cdb\" class=\"thegem-heading styled-subtitle\" style=\"text-align: center;\" ><span class=\"colored\" style=\"color: #3c3950;\">Add lightning fast AJAX filters by portfolio categories, tags or custom taxonomies. Use filter preloading for instant filtering. Choose between multiple filter styles. Activate sorting.<\/span><\/div><style type=\"text\/css\">#thegem-heading-69e9bd4e57cdb {margin: 0;}#thegem-heading-69e9bd4e57cdb {margin-left: auto; margin-right: auto;}#thegem-heading-69e9bd4e57cdb > * {justify-content: center;}#thegem-heading-69e9bd4e57cdb {max-width: 880px;}#thegem-heading-69e9bd4e57cdb a:hover, #thegem-heading-69e9bd4e57cdb a:hover span.colored {color: var(--thegem-to-menu-level1-color-hover, #00BCD4) !important;}<\/style><\/div><style>@media screen and (max-width: 1023px) {.thegem-te-heading.thegem-custom-69e9bd4e57cef6823{display: block!important;}}@media screen and (max-width: 767px) {.thegem-te-heading.thegem-custom-69e9bd4e57cef6823{display: block!important;}}@media screen and (max-width: 1023px) {.thegem-te-heading.thegem-custom-69e9bd4e57cef6823{position: relative !important;}}@media screen and (max-width: 767px) {.thegem-te-heading.thegem-custom-69e9bd4e57cef6823{position: relative !important;}}<\/style>[\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1680868746216{margin-bottom: 0px !important;}&#8221; el_class=&#8221;row-text-separator&#8221;][vc_column][vc_text_separator title_level=&#8221;h3&#8243; title=&#8221;Button Filter&#8221; css=&#8221;.vc_custom_1679291911666{margin-bottom: 0px !important;padding-bottom: 30px !important;}&#8221;]<style>.portfolio.portfolio-grid#style-19d2d9e .portfolio-item:not(.size-item), .preloader#style-preloader-19d2d9e .portfolio-item { padding: calc(42px\/2) !important; }.portfolio.portfolio-grid#style-19d2d9e .portfolio-item.size-item { padding: 0 calc(42px\/2) !important; }.portfolio.portfolio-grid#style-19d2d9e .portfolio-row, .preloader#style-preloader-19d2d9e .skeleton-posts.portfolio-row { margin: calc(-42px\/2); }.portfolio.portfolio-grid#style-19d2d9e.fullwidth-columns .portfolio-row { margin: calc(-42px\/2) 0; }.portfolio.portfolio-grid#style-19d2d9e .fullwidth-block:not(.no-paddings) { padding-left: 42px; padding-right: 42px; }.portfolio.portfolio-grid#style-19d2d9e .fullwidth-block .portfolio-row { padding-left: calc(42px\/2); padding-right: calc(42px\/2); }.portfolio.portfolio-grid#style-19d2d9e .fullwidth-block .portfolio-top-panel { padding-left: 42px; padding-right: 42px; }.portfolio.portfolio-grid#style-19d2d9e.fullwidth-columns .with-filter-sidebar .filter-sidebar { padding-left: 42px; }@media (max-width: 767px) { .portfolio.portfolio-grid#style-19d2d9e .portfolio-item:not(.size-item), .preloader#style-preloader-19d2d9e .portfolio-item { padding: calc(21px\/2) !important; }.portfolio.portfolio-grid#style-19d2d9e .portfolio-item.size-item { padding: 0 calc(21px\/2) !important; }.portfolio.portfolio-grid#style-19d2d9e .portfolio-row, .preloader#style-preloader-19d2d9e .skeleton-posts.portfolio-row { margin: calc(-21px\/2); }.portfolio.portfolio-grid#style-19d2d9e.fullwidth-columns .portfolio-row { margin: calc(-21px\/2) 0; }.portfolio.portfolio-grid#style-19d2d9e .fullwidth-block:not(.no-paddings) { padding-left: 21px; padding-right: 21px; }.portfolio.portfolio-grid#style-19d2d9e .fullwidth-block .portfolio-row { padding-left: calc(21px\/2); padding-right: calc(21px\/2); }.portfolio.portfolio-grid#style-19d2d9e .fullwidth-block .portfolio-top-panel { padding-left: 21px; padding-right: 21px; }.portfolio.portfolio-grid#style-19d2d9e.fullwidth-columns .with-filter-sidebar .filter-sidebar { padding-left: 21px; }}.portfolio.portfolio-grid#style-19d2d9e .portfolio-item:not(.custom-ratio, .double-item) .image-inner:not(.empty) { aspect-ratio: 1 !important; height: auto; }.portfolio.portfolio-grid#style-19d2d9e .portfolio-item .caption .title span { letter-spacing: px !important; }.portfolio.portfolio-grid#style-19d2d9e .portfolio-item .caption .title span { white-space: initial; max-height: initial; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; }.portfolio.portfolio-grid#style-19d2d9e .portfolio-item .caption .subtitle { max-height: initial !important; }.portfolio.portfolio-grid#style-19d2d9e .portfolio-item .caption .subtitle span { white-space: initial; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; }.portfolio.portfolio-grid#style-19d2d9e .portfolio-item .caption .subtitle a, .portfolio.portfolio-grid#style-19d2d9e .portfolio-item .caption .subtitle p { white-space: initial; overflow: initial; }<\/style><style>.portfolio.portfolio-grid#style-19d2d9e .portfolio-item .image,.portfolio.portfolio-grid#style-19d2d9e .portfolio-item .image .image-inner,.portfolio.portfolio-grid#style-19d2d9e .portfolio-item .image .overlay,.portfolio.portfolio-grid#style-19d2d9e.caption-position-hover .portfolio-item .wrap,.portfolio.portfolio-grid#style-19d2d9e.caption-position-image .portfolio-item .wrap { border-radius: 5px }.portfolio.portfolio-grid#style-19d2d9e.caption-position-page .portfolio-item .wrap { border-radius: 5px 5px 0 0 }<\/style> <div class=\"portfolio-preloader-wrapper panel-sidebar-position-left\"> <div class=\"portfolio portfolio-grid extended-portfolio-grid no-padding portfolio-pagination-more portfolio-style-justified background-style-white title-style-light hover-zoom-overlay title-on-page hover-elements-size-default version-alternative caption-position-image loading-animation item-animation-scale hover-title columns-3 columns-tablet-2 columns-mobile-1 disable-isotope minimal-preloader \" id=\"style-19d2d9e\" data-style-uid=\"19d2d9e\" data-portfolio-uid=\"grid_18b09b8\" data-current-page=\"1\" data-per-page=\"9\" data-next-page=\"2\" data-pages-count=\"2\" data-hover=\"zoom-overlay\" data-portfolio-filter=\"[]\" data-portfolio-filter-attributes=\"null\" data-portfolio-filter-search=\"\"> <div class=\"portfolio-row-outer \"> <div class=\"portfolio-top-panel filter-type-default\"> <div class=\"portfolio-top-panel-row filter-style-buttons\"> <div class=\"portfolio-top-panel-left single\" > <div class=\"portfolio-filters filter-by-thegem_portfolios\"> <a href=\"#\" data-filter=\"*\" class=\"active all title-h6 hover-pointer\"> <span class=\"light\"> All <\/span> <\/a> <a href=\"#\" data-filter=\".town\" class=\" title-h6 hover-pointer\"> <span class=\"light\"> Town <\/span> <\/a> <a href=\"#\" data-filter=\".forest\" class=\" title-h6 hover-pointer\"> <span class=\"light\"> Forest <\/span> <\/a> <a href=\"#\" data-filter=\".ocean\" class=\" title-h6 hover-pointer\"> <span class=\"light\"> Ocean <\/span> <\/a> <a href=\"#\" data-filter=\".mountains\" class=\" title-h6 hover-pointer\"> <span class=\"light\"> Mountains <\/span> <\/a> <a href=\"#\" data-filter=\".people\" class=\" title-h6 hover-pointer\"> <span class=\"light\"> People <\/span> <\/a> <\/div> <div class=\"portfolio-filters-resp single\"> <button class=\"menu-toggle dl-trigger\">Portfolio filters<span class=\"menu-line-1\"><\/span><span class=\"menu-line-2\"><\/span><span class=\"menu-line-3\"><\/span><\/button> <ul class=\"dl-menu\"> <li> <a href=\"#\" data-filter=\"*\"> All <\/a> <\/li> <li> <a href=\"#\" data-filter=\".town\"> Town <\/a> <\/li> <li> <a href=\"#\" data-filter=\".forest\"> Forest <\/a> <\/li> <li> <a href=\"#\" data-filter=\".ocean\"> Ocean <\/a> <\/li> <li> <a href=\"#\" data-filter=\".mountains\"> Mountains <\/a> <\/li> <li> <a href=\"#\" data-filter=\".people\"> People <\/a> <\/li> <\/ul> <\/div> <\/div> <div class=\"portfolio-top-panel-right\"> <div class=\"portfolio-sorting title-h6\"> <div class=\"orderby light\"> <label for=\"\" data-value=\"date\">Date<\/label> <a href=\"javascript:void(0);\" class=\"sorting-switcher\" data-current=\"date\"><\/a> <label for=\"\" data-value=\"name\">Name<\/label> <\/div> <div class=\"portfolio-sorting-sep\"><\/div> <div class=\"order light\"> <label for=\"\" data-value=\"DESC\">Desc<\/label> <a href=\"javascript:void(0);\" class=\"sorting-switcher\" data-current=\"DESC\"><\/a> <label for=\"\" data-value=\"ASC\">Asc<\/label> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-top-panel selected-only\"> <div class=\"portfolio-filter-item portfolio-selected-filters left\"> <div class=\"portfolio-selected-filter-item clear-filters\"> Clear Filters\t<\/div> <\/div> <\/div> <div class=\"row portfolio-row\"> <div class=\"portfolio-set clearfix\" data-max-row-height=\"380\"> <div class=\"portfolio-item town col-xs-12 col-sm-6 col-md-4 item-animations-not-inited portfolio-item-template appearance-type-featured_image post-10583 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710134878\"> <div class=\"wrap clearfix\"> <div class=\"image post-10583 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\"> <div class=\"image-inner \"> <picture> <source srcset=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Filter-Sorting-1-01-thegem-product-justified-square-m.jpg 1x\" sizes=\"100vw\"> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Filter-Sorting-1-01-thegem-product-justified-square-m.jpg\" width=\"400\" height=\"400\" class=\"attachment-thegem-product-justified-square-m\" alt=\"Mystic City\" \/> <\/picture> <\/div> <div class=\"overlay \"> <div class=\"overlay-circle\"><\/div> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/pf\/mystic-city\/\" target=\"_blank\" class=\"portfolio-item-link self-link\" data-elementor-open-lightbox=\"no\"> <span class=\"screen-reader-text\">Mystic City<\/span> <\/a> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"caption\"> <div class=\"title title-h5\"> <span class=\" \"> Mystic City <\/span> <\/div> <div class=\"slide-content-hidden\"> <div class=\"description\"> <div class=\"subtitle\"> <span class=\"\"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore consequat. <\/p>\n<\/span> <\/div> <\/div> <div class=\"info\"> <span class=\"date\">11 March, 2024<\/span> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item forest col-xs-12 col-sm-6 col-md-4 item-animations-not-inited portfolio-item-template appearance-type-featured_image post-10597 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710134863\"> <div class=\"wrap clearfix\"> <div class=\"image post-10597 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\"> <div class=\"image-inner \"> <picture> <source srcset=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Filter-Sorting-1-02-thegem-product-justified-square-m.jpg 1x\" sizes=\"100vw\"> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Filter-Sorting-1-02-thegem-product-justified-square-m.jpg\" width=\"400\" height=\"400\" class=\"attachment-thegem-product-justified-square-m\" alt=\"Enchanted Woods\" \/> <\/picture> <\/div> <div class=\"overlay \"> <div class=\"overlay-circle\"><\/div> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/pf\/enchanted-woods\/\" target=\"_blank\" class=\"portfolio-item-link self-link\" data-elementor-open-lightbox=\"no\"> <span class=\"screen-reader-text\">Enchanted Woods<\/span> <\/a> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"caption\"> <div class=\"title title-h5\"> <span class=\" \"> Enchanted Woods <\/span> <\/div> <div class=\"slide-content-hidden\"> <div class=\"description\"> <div class=\"subtitle\"> <span class=\"\"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore consequat.<\/p>\n<\/span> <\/div> <\/div> <div class=\"info\"> <span class=\"date\">11 March, 2024<\/span> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item ocean col-xs-12 col-sm-6 col-md-4 item-animations-not-inited portfolio-item-template appearance-type-featured_image post-10598 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710134857\"> <div class=\"wrap clearfix\"> <div class=\"image post-10598 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\"> <div class=\"image-inner \"> <picture> <source srcset=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Filter-Sorting-1-03-thegem-product-justified-square-m.jpg 1x\" sizes=\"100vw\"> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Filter-Sorting-1-03-thegem-product-justified-square-m.jpg\" width=\"400\" height=\"400\" class=\"attachment-thegem-product-justified-square-m\" alt=\"Ocean&#8217;s Beauty\" \/> <\/picture> <\/div> <div class=\"overlay \"> <div class=\"overlay-circle\"><\/div> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/pf\/oceans-beauty\/\" target=\"_blank\" class=\"portfolio-item-link self-link\" data-elementor-open-lightbox=\"no\"> <span class=\"screen-reader-text\">Ocean&#8217;s Beauty<\/span> <\/a> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"caption\"> <div class=\"title title-h5\"> <span class=\" \"> Ocean&#8217;s Beauty <\/span> <\/div> <div class=\"slide-content-hidden\"> <div class=\"description\"> <div class=\"subtitle\"> <span class=\"\"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore consequat. <\/p>\n<\/span> <\/div> <\/div> <div class=\"info\"> <span class=\"date\">11 March, 2024<\/span> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item mountains col-xs-12 col-sm-6 col-md-4 item-animations-not-inited portfolio-item-template appearance-type-featured_image post-10601 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710134838\"> <div class=\"wrap clearfix\"> <div class=\"image post-10601 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\"> <div class=\"image-inner \"> <picture> <source srcset=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Filter-Sorting-1-04-thegem-product-justified-square-m.jpg 1x\" sizes=\"100vw\"> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Filter-Sorting-1-04-thegem-product-justified-square-m.jpg\" width=\"400\" height=\"400\" class=\"attachment-thegem-product-justified-square-m\" alt=\"Silver Mountains\" \/> <\/picture> <\/div> <div class=\"overlay \"> <div class=\"overlay-circle\"><\/div> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/pf\/silver-mountains\/\" target=\"_blank\" class=\"portfolio-item-link self-link\" data-elementor-open-lightbox=\"no\"> <span class=\"screen-reader-text\">Silver Mountains<\/span> <\/a> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"caption\"> <div class=\"title title-h5\"> <span class=\" \"> Silver Mountains <\/span> <\/div> <div class=\"slide-content-hidden\"> <div class=\"description\"> <div class=\"subtitle\"> <span class=\"\"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore consequat. <\/p>\n<\/span> <\/div> <\/div> <div class=\"info\"> <span class=\"date\">11 March, 2024<\/span> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item town col-xs-12 col-sm-6 col-md-4 item-animations-not-inited portfolio-item-template appearance-type-featured_image post-10602 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710134834\"> <div class=\"wrap clearfix\"> <div class=\"image post-10602 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\"> <div class=\"image-inner \"> <picture> <source srcset=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Filter-Sorting-1-05-thegem-product-justified-square-m.jpg 1x\" sizes=\"100vw\"> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Filter-Sorting-1-05-thegem-product-justified-square-m.jpg\" width=\"400\" height=\"400\" class=\"attachment-thegem-product-justified-square-m\" alt=\"Blinding Lights\" \/> <\/picture> <\/div> <div class=\"overlay \"> <div class=\"overlay-circle\"><\/div> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/pf\/blinding-lights\/\" target=\"_blank\" class=\"portfolio-item-link self-link\" data-elementor-open-lightbox=\"no\"> <span class=\"screen-reader-text\">Blinding Lights<\/span> <\/a> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"caption\"> <div class=\"title title-h5\"> <span class=\" \"> Blinding Lights <\/span> <\/div> <div class=\"slide-content-hidden\"> <div class=\"description\"> <div class=\"subtitle\"> <span class=\"\"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore consequat. <\/p>\n<\/span> <\/div> <\/div> <div class=\"info\"> <span class=\"date\">11 March, 2024<\/span> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item forest col-xs-12 col-sm-6 col-md-4 item-animations-not-inited portfolio-item-template appearance-type-featured_image post-10603 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710134819\"> <div class=\"wrap clearfix\"> <div class=\"image post-10603 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\"> <div class=\"image-inner \"> <picture> <source srcset=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Filter-Sorting-1-06-thegem-product-justified-square-m.jpg 1x\" sizes=\"100vw\"> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Filter-Sorting-1-06-thegem-product-justified-square-m.jpg\" width=\"400\" height=\"400\" class=\"attachment-thegem-product-justified-square-m\" alt=\"Forest Walk\" \/> <\/picture> <\/div> <div class=\"overlay \"> <div class=\"overlay-circle\"><\/div> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/pf\/forest-walk\/\" target=\"_blank\" class=\"portfolio-item-link self-link\" data-elementor-open-lightbox=\"no\"> <span class=\"screen-reader-text\">Forest Walk<\/span> <\/a> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"caption\"> <div class=\"title title-h5\"> <span class=\" \"> Forest Walk <\/span> <\/div> <div class=\"slide-content-hidden\"> <div class=\"description\"> <div class=\"subtitle\"> <span class=\"\"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore consequat. <\/p>\n<\/span> <\/div> <\/div> <div class=\"info\"> <span class=\"date\">11 March, 2024<\/span> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item ocean col-xs-12 col-sm-6 col-md-4 item-animations-not-inited portfolio-item-template appearance-type-video post-10604 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710134814\"> <div class=\"wrap clearfix\"> <div class=\"image post-10604 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\"> <div class=\"image-inner \"> <picture> <source srcset=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Filter-Sorting-1-07-thegem-product-justified-square-m.jpg 1x\" sizes=\"100vw\"> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Filter-Sorting-1-07-thegem-product-justified-square-m.jpg\" width=\"400\" height=\"400\" class=\"video-image-mobile\" alt=\"Micro Vision\" \/> <\/picture> <div class=\"gem-video-portfolio type-self autoplay hide-on-mobile \" data-video-type=\"self\" data-video-id=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Micro-vision.mp4\" > <video id=\"thegem-video-frame-69e9bd4e5d903874\" autoplay muted playsinline loop src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Micro-vision.mp4\" ><\/video><div class=\"gem-video-portfolio-overlay\" style=\"\"><\/div> <\/div> <svg class=\"video-type-icon\" enable-background=\"new 0 0 9 5\" viewBox=\"0 0 9 5\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"m5.3.2h-4.2c-.4 0-.6.3-.6.6v3.2c0 .4.3.6.6.6h4.2c.4.2.7-.1.7-.5v-3.2c0-.4-.3-.7-.7-.7zm3.1.4c-.1-.1-.3-.1-.4 0l-1.4 1v1.9l1.4 1c.1.1.2.1.3 0s.2-.2.2-.3v-3.4c0-.1 0-.2-.1-.2z\"\/><\/svg> <\/div> <div class=\"overlay \"> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Micro-vision.mp4\" target=\"_self\" class=\"portfolio-item-link full-image\" data-fancybox=\"thegem-portfolio\" data-elementor-open-lightbox=\"no\"> <span class=\"screen-reader-text\">Micro Vision<\/span> <\/a> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"caption\"> <div class=\"title title-h5\"> <span class=\" \"> Micro Vision <\/span> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item mountains col-xs-12 col-sm-6 col-md-4 item-animations-not-inited portfolio-item-template appearance-type-featured_image post-10607 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710134801\"> <div class=\"wrap clearfix\"> <div class=\"image post-10607 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\"> <div class=\"image-inner \"> <picture> <source srcset=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Filter-Sorting-1-08-thegem-product-justified-square-m.jpg 1x\" sizes=\"100vw\"> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Filter-Sorting-1-08-thegem-product-justified-square-m.jpg\" width=\"400\" height=\"400\" class=\"attachment-thegem-product-justified-square-m\" alt=\"Stunning Sunset\" \/> <\/picture> <\/div> <div class=\"overlay \"> <div class=\"overlay-circle\"><\/div> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/pf\/stunning-sunset\/\" target=\"_blank\" class=\"portfolio-item-link self-link\" data-elementor-open-lightbox=\"no\"> <span class=\"screen-reader-text\">Stunning Sunset<\/span> <\/a> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"caption\"> <div class=\"title title-h5\"> <span class=\" \"> Stunning Sunset <\/span> <\/div> <div class=\"slide-content-hidden\"> <div class=\"description\"> <div class=\"subtitle\"> <span class=\"\"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore consequat. <\/p>\n<\/span> <\/div> <\/div> <div class=\"info\"> <span class=\"date\">11 March, 2024<\/span> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item town col-xs-12 col-sm-6 col-md-4 item-animations-not-inited portfolio-item-template appearance-type-featured_image post-10608 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710134789\"> <div class=\"wrap clearfix\"> <div class=\"image post-10608 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\"> <div class=\"image-inner \"> <picture> <source srcset=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Filter-Sorting-1-09-thegem-product-justified-square-m.jpg 1x\" sizes=\"100vw\"> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Filter-Sorting-1-09-thegem-product-justified-square-m.jpg\" width=\"400\" height=\"400\" class=\"attachment-thegem-product-justified-square-m\" alt=\"Urban View\" \/> <\/picture> <\/div> <div class=\"overlay \"> <div class=\"overlay-circle\"><\/div> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/pf\/urban-view\/\" target=\"_blank\" class=\"portfolio-item-link self-link\" data-elementor-open-lightbox=\"no\"> <span class=\"screen-reader-text\">Urban View<\/span> <\/a> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"caption\"> <div class=\"title title-h5\"> <span class=\" \"> Urban View <\/span> <\/div> <div class=\"slide-content-hidden\"> <div class=\"description\"> <div class=\"subtitle\"> <span class=\"\"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore consequat. <\/p>\n<\/span> <\/div> <\/div> <div class=\"info\"> <span class=\"date\">11 March, 2024<\/span> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div><!-- .portflio-set --> <div class=\"portfolio-item-size-container\"> <div class=\"portfolio-item col-xs-12 col-sm-6 col-md-4 item-animations-not-inited portfolio-item-template appearance-type-featured_image post-10608 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\"> <\/div> <\/div> <\/div><!-- .row--> <div class=\"portfolio-load-more\"> <div class=\"inner\"> <style type=\"text\/css\">.thegem-button-69e9bd4e5e41d2037 .gem-button svg {fill: #3c3950;}.thegem-button-69e9bd4e5e41d2037 .gem-button:hover svg {fill: #ffffff;}<\/style><div class=\"gem-button-container gem-button-position-inline thegem-button-69e9bd4e5e41d2037\" ><button class=\"gem-button gem-button-size-medium gem-button-style-outline gem-button-text-weight-normal gem-button-border-2 gem-button-no-uppercase\" data-ll-effect=\"drop-right-without-wrap\" style=\"border-radius: 4px;border-color: #3c3950;color: #3c3950;\" onmouseleave=\"this.style.borderColor='#3c3950';this.style.backgroundColor='transparent';this.style.color='#3c3950';\" onmouseenter=\"this.style.borderColor='#3c3950';this.style.backgroundColor='#3c3950';this.style.color='#ffffff';\">Load More<\/button><\/div> <\/div> <\/div> <\/div><!-- .full-width --> <\/div><!-- .portfolio--> <\/div><!-- .portfolio-preloader-wrapper--><div class=\"clearboth\"><\/div><style>#thegem-divider-69e9bd4e5e48c {margin-top: 40px !important;}@media screen and (max-width: 1023px) and (min-width: 768px) {#thegem-divider-69e9bd4e5e48c {margin-top: 20px !important;}}@media screen and (max-width: 767px) {#thegem-divider-69e9bd4e5e48c {margin-top: 0px !important;}}<\/style><div id=\"thegem-divider-69e9bd4e5e48c\" class=\"gem-divider  \" style=\"\" ><\/div>[vc_text_separator title_level=&#8221;h3&#8243; title=&#8221;Tabs Filter&#8221; css=&#8221;.vc_custom_1679292094821{margin-bottom: 0px !important;padding-top: 30px !important;padding-bottom: 30px !important;}&#8221;][\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row_content_no_spaces&#8221; css=&#8221;.vc_custom_1679651173413{margin-bottom: 0px !important;}&#8221;][vc_column css=&#8221;.vc_custom_1679292047104{padding-top: 0px !important;}&#8221;]<style>.portfolio.portfolio-grid#style-88398de .portfolio-item:not(.size-item), .preloader#style-preloader-88398de .portfolio-item { padding: calc(0px\/2) !important; }.portfolio.portfolio-grid#style-88398de .portfolio-item.size-item { padding: 0 calc(0px\/2) !important; }.portfolio.portfolio-grid#style-88398de .portfolio-row, .preloader#style-preloader-88398de .skeleton-posts.portfolio-row { margin: calc(-0px\/2); }.portfolio.portfolio-grid#style-88398de.fullwidth-columns .portfolio-row { margin: calc(-0px\/2) 0; }.portfolio.portfolio-grid#style-88398de .fullwidth-block:not(.no-paddings) { padding-left: 0px; padding-right: 0px; }.portfolio.portfolio-grid#style-88398de .fullwidth-block .portfolio-row { padding-left: calc(0px\/2); padding-right: calc(0px\/2); }.portfolio.portfolio-grid#style-88398de .fullwidth-block .portfolio-top-panel { padding-left: 0px; padding-right: 0px; }.portfolio.portfolio-grid#style-88398de.fullwidth-columns .with-filter-sidebar .filter-sidebar { padding-left: 0px; }.portfolio.portfolio-grid#style-88398de .portfolio-item:not(.custom-ratio, .double-item) .image-inner:not(.empty) { aspect-ratio: 1.33 !important; height: auto; }.portfolio.portfolio-grid#style-88398de .portfolio-item .caption .title span { letter-spacing: 0px !important; }.portfolio.portfolio-grid#style-88398de .portfolio-item .caption .title span { white-space: initial; max-height: initial; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; }.portfolio.portfolio-grid#style-88398de .portfolio-item .caption .subtitle { max-height: initial !important; }.portfolio.portfolio-grid#style-88398de .portfolio-item .caption .subtitle span { white-space: initial; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; }.portfolio.portfolio-grid#style-88398de .portfolio-item .caption .subtitle a, .portfolio.portfolio-grid#style-88398de .portfolio-item .caption .subtitle p { white-space: initial; overflow: initial; }<\/style><style>.portfolio.portfolio-grid#style-88398de .portfolio-filters { text-align: center }<\/style> <div class=\"portfolio-preloader-wrapper panel-sidebar-position-left\"> <div class=\"portfolio portfolio-grid extended-portfolio-grid no-padding portfolio-pagination-more portfolio-style-justified background-style-white title-style-light hover-disabled title-on-page hover-elements-size-default version-alternative caption-position-image no-gaps hover-title columns-4 columns-tablet-2 columns-mobile-1 disable-isotope next-page-preloading minimal-preloader \" id=\"style-88398de\" data-style-uid=\"88398de\" data-portfolio-uid=\"grid_9461c38\" data-current-page=\"1\" data-per-page=\"8\" data-next-page=\"0\" data-pages-count=\"1\" data-hover=\"disabled\" data-portfolio-filter=\"[]\" data-portfolio-filter-attributes=\"null\" data-portfolio-filter-search=\"\"> <div class=\"portfolio-row-outer \"> <div class=\"portfolio-top-panel filter-type-default filters-mobile-dropdown\"> <div class=\"portfolio-top-panel-row filter-style-tabs-alternative\"> <div class=\"portfolio-top-panel-left single\" > <div class=\"portfolio-filters portfolio-filters-mobile portfolio-filters-more\"> <div class=\"portfolio-filters-more-button title-h6\"> <div class=\"portfolio-filters-more-button-name\">Show Filters<\/div> <span class=\"portfolio-filters-more-button-arrow\"><\/span> <\/div> <div class=\"portfolio-filters-more-dropdown\"> <a href=\"#\" data-filter=\"*\" class=\"active all title-h6 hover-pointer\"> <span > All <\/span> <\/a> <a href=\"#\" data-filter=\".logotype\" class=\" title-h6 hover-pointer\"> <span > Logotype <\/span> <\/a> <a href=\"#\" data-filter=\".3d-design\" class=\" title-h6 hover-pointer\"> <span > 3D Design <\/span> <\/a> <a href=\"#\" data-filter=\".mockup\" class=\" title-h6 hover-pointer\"> <span > Mockup <\/span> <\/a> <\/div> <\/div> <div class=\"portfolio-filters filter-by-thegem_portfolios\"> <a href=\"#\" data-filter=\"*\" class=\"active all title-h6 hover-pointer\"> <span > All <\/span> <\/a> <a href=\"#\" data-filter=\".logotype\" class=\" title-h6 hover-pointer\"> <span > Logotype <\/span> <\/a> <a href=\"#\" data-filter=\".3d-design\" class=\" title-h6 hover-pointer\"> <span > 3D Design <\/span> <\/a> <a href=\"#\" data-filter=\".mockup\" class=\" title-h6 hover-pointer\"> <span > Mockup <\/span> <\/a> <\/div> <\/div> <div class=\"portfolio-top-panel-right\"> <\/div> <\/div> <\/div> <div class=\"portfolio-top-panel selected-only\"> <div class=\"portfolio-filter-item portfolio-selected-filters left\"> <div class=\"portfolio-selected-filter-item clear-filters\"> Clear Filters\t<\/div> <\/div> <\/div> <div class=\"row portfolio-row\"> <div class=\"portfolio-set clearfix\" data-max-row-height=\"280\"> <div class=\"portfolio-item mockup col-xs-12 col-sm-6 col-md-3 portfolio-item-template appearance-type-featured_image post-10613 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710135059\"> <div class=\"wrap clearfix\"> <div class=\"image post-10613 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\"> <div class=\"image-inner \"> <picture> <source srcset=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Filter-Sorting-2-01-thegem-product-justified-landscape-l.jpg 1x\" sizes=\"100vw\"> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Filter-Sorting-2-01-thegem-product-justified-landscape-l.jpg\" width=\"500\" height=\"400\" class=\"attachment-thegem-product-justified-landscape-l\" alt=\"iPhone X Mockup\" \/> <\/picture> <\/div> <div class=\"overlay \"> <div class=\"overlay-circle\"><\/div> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Filter-Sorting-2-01.jpg\" target=\"_self\" class=\"portfolio-item-link full-image\" data-fancybox=\"thegem-portfolio\" data-elementor-open-lightbox=\"no\"> <span class=\"screen-reader-text\">iPhone X Mockup<\/span> <\/a> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"caption\"> <div class=\"title \"> <span class=\"title-h5 \"> iPhone X Mockup <\/span> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item logotype col-xs-12 col-sm-6 col-md-3 portfolio-item-template appearance-type-animated_gif post-10614 thegem_pf_item type-thegem_pf_item status-publish\" data-default-sort=\"0\" data-sort-date=\"1710135062\"> <div class=\"wrap clearfix\"> <div class=\"image post-10614 thegem_pf_item type-thegem_pf_item status-publish\"> <div class=\"image-inner \"> <img width=\"800\" height=\"600\" class=\"gem-gif-portfolio\" src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/AliNazarii-006.gif\" > <svg class=\"gif-type-icon\" enable-background=\"new 0 0 9 5\" viewBox=\"0 0 9 5\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path clip-rule=\"evenodd\" d=\"m8.1 0h-7.2c-.5 0-.9.4-.9.9v3.2c0 .5.4.9.9.9h7.2c.5 0 .9-.4.9-.9v-3.2c0-.5-.4-.9-.9-.9zm-4.6 1.8h-1.7v1.5h1v-.8h.8v1c-.1.3-.3.5-.6.5h-1.5c-.3 0-.5-.2-.5-.5v-2c0-.2.2-.5.5-.5h1.5c.3 0 .5.2.5.5zm1.5 2.2h-.7v-3h.7zm3-2.2h-1.5v.5h1v.7h-1v1h-.7v-3h2.2z\" fill-rule=\"evenodd\"\/><\/svg> <\/div> <div class=\"overlay \"> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/AliNazarii-006.gif\" target=\"_self\" class=\"portfolio-item-link full-image\" data-fancybox=\"thegem-portfolio\" data-elementor-open-lightbox=\"no\"> <span class=\"screen-reader-text\">Animated Logo<\/span> <\/a> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"caption\"> <div class=\"title \"> <span class=\"title-h5 \"> Animated Logo <\/span> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item 3d-design col-xs-12 col-sm-6 col-md-3 portfolio-item-template appearance-type-video post-10623 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710135080\"> <div class=\"wrap clearfix\"> <div class=\"image post-10623 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\"> <div class=\"image-inner \"> <picture> <source srcset=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/video-poster-2-01-thegem-product-justified-landscape-l.jpg 1x\" sizes=\"100vw\"> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/video-poster-2-01-thegem-product-justified-landscape-l.jpg\" width=\"500\" height=\"400\" class=\"video-image-mobile\" alt=\"Abstract Video\" \/> <\/picture> <div class=\"gem-video-portfolio type-self autoplay hide-on-mobile \" data-video-type=\"self\" data-video-id=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Cube.mp4\" > <video id=\"thegem-video-frame-69e9bd4e605192525\" autoplay muted playsinline loop src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Cube.mp4\" ><\/video><div class=\"gem-video-portfolio-overlay\" style=\"\"><\/div> <\/div> <svg class=\"video-type-icon\" enable-background=\"new 0 0 9 5\" viewBox=\"0 0 9 5\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"m5.3.2h-4.2c-.4 0-.6.3-.6.6v3.2c0 .4.3.6.6.6h4.2c.4.2.7-.1.7-.5v-3.2c0-.4-.3-.7-.7-.7zm3.1.4c-.1-.1-.3-.1-.4 0l-1.4 1v1.9l1.4 1c.1.1.2.1.3 0s.2-.2.2-.3v-3.4c0-.1 0-.2-.1-.2z\"\/><\/svg> <\/div> <div class=\"overlay \"> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Cube.mp4\" target=\"_self\" class=\"portfolio-item-link full-image\" data-fancybox=\"thegem-portfolio\" data-elementor-open-lightbox=\"no\"> <span class=\"screen-reader-text\">Abstract Video<\/span> <\/a> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"caption\"> <div class=\"title \"> <span class=\"title-h5 \"> Abstract Video <\/span> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item logotype col-xs-12 col-sm-6 col-md-3 portfolio-item-template appearance-type-animated_gif post-10625 thegem_pf_item type-thegem_pf_item status-publish\" data-default-sort=\"0\" data-sort-date=\"1710135085\"> <div class=\"wrap clearfix\"> <div class=\"image post-10625 thegem_pf_item type-thegem_pf_item status-publish\"> <div class=\"image-inner \"> <img width=\"800\" height=\"600\" class=\"gem-gif-portfolio\" src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/AliNazarii-008.gif\" > <svg class=\"gif-type-icon\" enable-background=\"new 0 0 9 5\" viewBox=\"0 0 9 5\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path clip-rule=\"evenodd\" d=\"m8.1 0h-7.2c-.5 0-.9.4-.9.9v3.2c0 .5.4.9.9.9h7.2c.5 0 .9-.4.9-.9v-3.2c0-.5-.4-.9-.9-.9zm-4.6 1.8h-1.7v1.5h1v-.8h.8v1c-.1.3-.3.5-.6.5h-1.5c-.3 0-.5-.2-.5-.5v-2c0-.2.2-.5.5-.5h1.5c.3 0 .5.2.5.5zm1.5 2.2h-.7v-3h.7zm3-2.2h-1.5v.5h1v.7h-1v1h-.7v-3h2.2z\" fill-rule=\"evenodd\"\/><\/svg> <\/div> <div class=\"overlay \"> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/AliNazarii-008.gif\" target=\"_self\" class=\"portfolio-item-link full-image\" data-fancybox=\"thegem-portfolio\" data-elementor-open-lightbox=\"no\"> <span class=\"screen-reader-text\">Logo Animation<\/span> <\/a> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"caption\"> <div class=\"title \"> <span class=\"title-h5 \"> Logo Animation <\/span> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item 3d-design col-xs-12 col-sm-6 col-md-3 portfolio-item-template appearance-type-featured_image post-10626 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710135095\"> <div class=\"wrap clearfix\"> <div class=\"image post-10626 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\"> <div class=\"image-inner \"> <picture> <source srcset=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Filter-Sorting-2-02-thegem-product-justified-landscape-l.jpg 1x\" sizes=\"100vw\"> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Filter-Sorting-2-02-thegem-product-justified-landscape-l.jpg\" width=\"500\" height=\"400\" class=\"attachment-thegem-product-justified-landscape-l\" alt=\"Abstract 3D\" \/> <\/picture> <\/div> <div class=\"overlay \"> <div class=\"overlay-circle\"><\/div> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Filter-Sorting-2-02.jpg\" target=\"_self\" class=\"portfolio-item-link full-image\" data-fancybox=\"thegem-portfolio\" data-elementor-open-lightbox=\"no\"> <span class=\"screen-reader-text\">Abstract 3D<\/span> <\/a> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"caption\"> <div class=\"title \"> <span class=\"title-h5 \"> Abstract 3D <\/span> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item mockup col-xs-12 col-sm-6 col-md-3 portfolio-item-template appearance-type-featured_image post-10627 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710135125\"> <div class=\"wrap clearfix\"> <div class=\"image post-10627 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\"> <div class=\"image-inner \"> <picture> <source srcset=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Filter-Sorting-2-03-thegem-product-justified-landscape-l.jpg 1x\" sizes=\"100vw\"> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Filter-Sorting-2-03-thegem-product-justified-landscape-l.jpg\" width=\"500\" height=\"400\" class=\"attachment-thegem-product-justified-landscape-l\" alt=\"Modern Badge 3D\" \/> <\/picture> <\/div> <div class=\"overlay \"> <div class=\"overlay-circle\"><\/div> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Filter-Sorting-2-03.jpg\" target=\"_self\" class=\"portfolio-item-link full-image\" data-fancybox=\"thegem-portfolio\" data-elementor-open-lightbox=\"no\"> <span class=\"screen-reader-text\">Modern Badge 3D<\/span> <\/a> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"caption\"> <div class=\"title \"> <span class=\"title-h5 \"> Modern Badge 3D <\/span> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item logotype col-xs-12 col-sm-6 col-md-3 portfolio-item-template appearance-type-animated_gif post-10628 thegem_pf_item type-thegem_pf_item status-publish\" data-default-sort=\"0\" data-sort-date=\"1710135132\"> <div class=\"wrap clearfix\"> <div class=\"image post-10628 thegem_pf_item type-thegem_pf_item status-publish\"> <div class=\"image-inner \"> <img width=\"800\" height=\"600\" class=\"gem-gif-portfolio\" src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/FedeCook-039.gif\" > <svg class=\"gif-type-icon\" enable-background=\"new 0 0 9 5\" viewBox=\"0 0 9 5\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path clip-rule=\"evenodd\" d=\"m8.1 0h-7.2c-.5 0-.9.4-.9.9v3.2c0 .5.4.9.9.9h7.2c.5 0 .9-.4.9-.9v-3.2c0-.5-.4-.9-.9-.9zm-4.6 1.8h-1.7v1.5h1v-.8h.8v1c-.1.3-.3.5-.6.5h-1.5c-.3 0-.5-.2-.5-.5v-2c0-.2.2-.5.5-.5h1.5c.3 0 .5.2.5.5zm1.5 2.2h-.7v-3h.7zm3-2.2h-1.5v.5h1v.7h-1v1h-.7v-3h2.2z\" fill-rule=\"evenodd\"\/><\/svg> <\/div> <div class=\"overlay \"> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/FedeCook-039.gif\" target=\"_self\" class=\"portfolio-item-link full-image\" data-fancybox=\"thegem-portfolio\" data-elementor-open-lightbox=\"no\"> <span class=\"screen-reader-text\">Animations<\/span> <\/a> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"caption\"> <div class=\"title \"> <span class=\"title-h5 \"> Animations <\/span> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item logotype mockup col-xs-12 col-sm-6 col-md-3 portfolio-item-template appearance-type-featured_image post-10632 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710135144\"> <div class=\"wrap clearfix\"> <div class=\"image post-10632 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\"> <div class=\"image-inner \"> <picture> <source srcset=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Filter-Sorting-2-04-thegem-product-justified-landscape-l.jpg 1x\" sizes=\"100vw\"> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Filter-Sorting-2-04-thegem-product-justified-landscape-l.jpg\" width=\"500\" height=\"400\" class=\"attachment-thegem-product-justified-landscape-l\" alt=\"Dancing Cups\" \/> <\/picture> <\/div> <div class=\"overlay \"> <div class=\"overlay-circle\"><\/div> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Filter-Sorting-2-04.jpg\" target=\"_self\" class=\"portfolio-item-link full-image\" data-fancybox=\"thegem-portfolio\" data-elementor-open-lightbox=\"no\"> <span class=\"screen-reader-text\">Dancing Cups<\/span> <\/a> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"caption\"> <div class=\"title \"> <span class=\"title-h5 \"> Dancing Cups <\/span> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div><!-- .portflio-set --> <div class=\"portfolio-item-size-container\"> <div class=\"portfolio-item col-xs-12 col-sm-6 col-md-3 portfolio-item-template appearance-type-featured_image post-10632 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\"> <\/div> <\/div> <\/div><!-- .row--> <\/div><!-- .full-width --> <\/div><!-- .portfolio--> <\/div><!-- .portfolio-preloader-wrapper-->[\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1680868752591{margin-bottom: 0px !important;}&#8221; el_class=&#8221;row-text-separator&#8221;][vc_column css=&#8221;.vc_custom_1680699979800{padding-top: 80px !important;padding-bottom: 70px !important;}&#8221; tablet_padding_top=&#8221;60&#8243;][vc_text_separator title_level=&#8221;h3&#8243; title=&#8221;Tabs Sticky Filter With Multiple Choice&#8221; css=&#8221;.vc_custom_1680699922822{margin-bottom: 0px !important;padding-bottom: 40px !important;}&#8221;]<style>.portfolio.portfolio-grid#style-5ac5df3 .portfolio-item:not(.size-item), .preloader#style-preloader-5ac5df3 .portfolio-item { padding: calc(21px\/2) !important; }.portfolio.portfolio-grid#style-5ac5df3 .portfolio-item.size-item { padding: 0 calc(21px\/2) !important; }.portfolio.portfolio-grid#style-5ac5df3 .portfolio-row, .preloader#style-preloader-5ac5df3 .skeleton-posts.portfolio-row { margin: calc(-21px\/2); }.portfolio.portfolio-grid#style-5ac5df3.fullwidth-columns .portfolio-row { margin: calc(-21px\/2) 0; }.portfolio.portfolio-grid#style-5ac5df3 .fullwidth-block:not(.no-paddings) { padding-left: 21px; padding-right: 21px; }.portfolio.portfolio-grid#style-5ac5df3 .fullwidth-block .portfolio-row { padding-left: calc(21px\/2); padding-right: calc(21px\/2); }.portfolio.portfolio-grid#style-5ac5df3 .fullwidth-block .portfolio-top-panel { padding-left: 21px; padding-right: 21px; }.portfolio.portfolio-grid#style-5ac5df3.fullwidth-columns .with-filter-sidebar .filter-sidebar { padding-left: 21px; }.portfolio.portfolio-grid#style-5ac5df3 .portfolio-item:not(.custom-ratio, .double-item) .image-inner:not(.empty) { aspect-ratio: 1.33 !important; height: auto; }.portfolio.portfolio-grid#style-5ac5df3 .portfolio-item .caption .title span { letter-spacing: px !important; }.portfolio.portfolio-grid#style-5ac5df3 .portfolio-item:hover .caption .title { color: #3c3950 !important; }.portfolio.portfolio-grid#style-5ac5df3 .portfolio-item .caption .title span { white-space: initial; max-height: initial; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; }.portfolio.portfolio-grid#style-5ac5df3 .portfolio-item .caption .subtitle { max-height: initial !important; }.portfolio.portfolio-grid#style-5ac5df3 .portfolio-item .caption .subtitle span { white-space: initial; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; }.portfolio.portfolio-grid#style-5ac5df3 .portfolio-item .caption .subtitle a, .portfolio.portfolio-grid#style-5ac5df3 .portfolio-item .caption .subtitle p { white-space: initial; overflow: initial; }<\/style><style>.portfolio.portfolio-grid#style-5ac5df3 .portfolio-top-panel { margin-bottom: 40px }.portfolio.portfolio-grid#style-5ac5df3 .portfolio-item .image,.portfolio.portfolio-grid#style-5ac5df3 .portfolio-item .image .image-inner,.portfolio.portfolio-grid#style-5ac5df3 .portfolio-item .image .overlay,.portfolio.portfolio-grid#style-5ac5df3.caption-position-hover .portfolio-item .wrap,.portfolio.portfolio-grid#style-5ac5df3.caption-position-image .portfolio-item .wrap { border-radius: 5px }.portfolio.portfolio-grid#style-5ac5df3.caption-position-page .portfolio-item .wrap { border-radius: 5px 5px 0 0 }<\/style> <div class=\"portfolio-preloader-wrapper panel-sidebar-position-left\"> <div class=\"portfolio portfolio-grid extended-portfolio-grid no-padding portfolio-pagination-disable portfolio-style-justified background-style-transparent title-style-dark hover-default title-on-page hover-elements-size-default version-alternative caption-position-page loading-animation item-animation-fade-in columns-2 columns-tablet-2 columns-mobile-1 disable-isotope minimal-preloader \" id=\"style-5ac5df3\" data-style-uid=\"5ac5df3\" data-portfolio-uid=\"grid_1c344c1\" data-current-page=\"1\" data-per-page=\"6\" data-next-page=\"0\" data-pages-count=\"1\" data-hover=\"default\" data-portfolio-filter=\"[]\" data-portfolio-filter-attributes=\"null\" data-portfolio-filter-search=\"\"> <div class=\"portfolio-row-outer \"> <div class=\"portfolio-top-panel filter-type-default panel-with-search filters-top-sticky filters-mobile-dropdown\"> <div class=\"portfolio-top-panel-row filter-style-tabs-default\"> <div class=\"portfolio-top-panel-left multiple\" > <div class=\"portfolio-filters portfolio-filters-mobile portfolio-filters-more\"> <div class=\"portfolio-filters-more-button title-h6\"> <div class=\"portfolio-filters-more-button-name\">Show Filters<\/div> <span class=\"portfolio-filters-more-button-arrow\"><\/span> <\/div> <div class=\"portfolio-filters-more-dropdown\"> <a href=\"#\" data-filter=\"*\" class=\"active all title-h6 hover-pointer\"> <span > All <\/span> <\/a> <a href=\"#\" data-filter=\".geometric\" class=\" title-h6 hover-pointer\"> <span > Geometric <\/span> <\/a> <a href=\"#\" data-filter=\".illustration\" class=\" title-h6 hover-pointer\"> <span > Illustration <\/span> <\/a> <a href=\"#\" data-filter=\".letters\" class=\" title-h6 hover-pointer\"> <span > Letters <\/span> <\/a> <\/div> <\/div> <div class=\"portfolio-filters filter-by-thegem_portfolios\"> <a href=\"#\" data-filter=\"*\" class=\"active all title-h6 hover-pointer\"> <span > All <\/span> <\/a> <a href=\"#\" data-filter=\".geometric\" class=\" title-h6 hover-pointer\"> <span > Geometric <\/span> <\/a> <a href=\"#\" data-filter=\".illustration\" class=\" title-h6 hover-pointer\"> <span > Illustration <\/span> <\/a> <a href=\"#\" data-filter=\".letters\" class=\" title-h6 hover-pointer\"> <span > Letters <\/span> <\/a> <\/div> <\/div> <div class=\"portfolio-top-panel-right\"> <div class=\"portfolio-sorting-select\"> <div class=\"portfolio-sorting-select-current\"> <div class=\"portfolio-sorting-select-name\"> Default sorting <\/div> <span class=\"portfolio-sorting-select-current-arrow\"><\/span> <\/div> <ul> <li class=\"default portfolio-sorting-select-current\" data-orderby=\"menu_order ID\" data-order=\"asc\">Default sorting<\/li> <li class=\"\" data-orderby=\"title\" data-order=\"asc\">Sort by title (A-Z) <\/li> <li class=\"\" data-orderby=\"title\" data-order=\"desc\">Sort by title (Z-A) <\/li> <li class=\"\" data-orderby=\"date\" data-order=\"desc\">Sort by latest <\/li> <li class=\"\" data-orderby=\"date\" data-order=\"asc\">Sort by oldest <\/li> <\/ul> <\/div> <span>&nbsp;<\/span> <form class=\"portfolio-search-filter mobile-visible live-search input-style\" role=\"search\" action=\"\"> <div class=\"portfolio-search-filter-form\"> <input type=\"search\" placeholder=\"Search...\" value=\"\"> <\/div> <div class=\"portfolio-search-filter-button\"><\/div> <\/form> <\/div> <\/div> <\/div> <div class=\"portfolio-top-panel selected-only\"> <div class=\"portfolio-filter-item portfolio-selected-filters left\"> <div class=\"portfolio-selected-filter-item clear-filters\"> Clear Filters\t<\/div> <\/div> <\/div> <div class=\"row portfolio-row\"> <div class=\"portfolio-set clearfix\" data-max-row-height=\"380\"> <div class=\"portfolio-item geometric col-xs-12 col-sm-6 col-md-6 item-animations-not-inited portfolio-item-template appearance-type-animated_gif post-10643 thegem_pf_item type-thegem_pf_item status-publish\" data-default-sort=\"0\" data-sort-date=\"1710135278\"> <div class=\"wrap clearfix\"> <div class=\"image gif-load-on-hover post-10643 thegem_pf_item type-thegem_pf_item status-publish\"> <div class=\"image-inner \"> <img width=\"800\" height=\"600\" class=\"gem-gif-portfolio\" src=\"\" data-src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Animography-023.gif\"> <img class=\"gem-gif-poster\" src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Filter-Sorting-3-03.png\"> <svg class=\"gif-type-icon\" enable-background=\"new 0 0 9 5\" viewBox=\"0 0 9 5\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path clip-rule=\"evenodd\" d=\"m8.1 0h-7.2c-.5 0-.9.4-.9.9v3.2c0 .5.4.9.9.9h7.2c.5 0 .9-.4.9-.9v-3.2c0-.5-.4-.9-.9-.9zm-4.6 1.8h-1.7v1.5h1v-.8h.8v1c-.1.3-.3.5-.6.5h-1.5c-.3 0-.5-.2-.5-.5v-2c0-.2.2-.5.5-.5h1.5c.3 0 .5.2.5.5zm1.5 2.2h-.7v-3h.7zm3-2.2h-1.5v.5h1v.7h-1v1h-.7v-3h2.2z\" fill-rule=\"evenodd\"\/><\/svg> <\/div> <div class=\"overlay \"> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Animography-023.gif\" target=\"_self\" class=\"portfolio-item-link full-image\" data-fancybox=\"thegem-portfolio\" data-elementor-open-lightbox=\"no\"> <span class=\"screen-reader-text\">Abstract Shape #1<\/span> <\/a> <\/div> <\/div> <div class=\"caption post-10643 thegem_pf_item type-thegem_pf_item status-publish\"> <div class=\"info\"><span class=\"date\">11 March, 2024<\/span><\/div> <div class=\"title\"> <span class=\"title-h5 \"> Abstract Shape #1 <\/span> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item letters col-xs-12 col-sm-6 col-md-6 item-animations-not-inited portfolio-item-template appearance-type-animated_gif post-10645 thegem_pf_item type-thegem_pf_item status-publish\" data-default-sort=\"0\" data-sort-date=\"1710135304\"> <div class=\"wrap clearfix\"> <div class=\"image gif-load-on-hover post-10645 thegem_pf_item type-thegem_pf_item status-publish\"> <div class=\"image-inner \"> <img width=\"800\" height=\"600\" class=\"gem-gif-portfolio\" src=\"\" data-src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Animography-036.gif\"> <img class=\"gem-gif-poster\" src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Filter-Sorting-3-04.png\"> <svg class=\"gif-type-icon\" enable-background=\"new 0 0 9 5\" viewBox=\"0 0 9 5\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path clip-rule=\"evenodd\" d=\"m8.1 0h-7.2c-.5 0-.9.4-.9.9v3.2c0 .5.4.9.9.9h7.2c.5 0 .9-.4.9-.9v-3.2c0-.5-.4-.9-.9-.9zm-4.6 1.8h-1.7v1.5h1v-.8h.8v1c-.1.3-.3.5-.6.5h-1.5c-.3 0-.5-.2-.5-.5v-2c0-.2.2-.5.5-.5h1.5c.3 0 .5.2.5.5zm1.5 2.2h-.7v-3h.7zm3-2.2h-1.5v.5h1v.7h-1v1h-.7v-3h2.2z\" fill-rule=\"evenodd\"\/><\/svg> <\/div> <div class=\"overlay \"> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Animography-036.gif\" target=\"_self\" class=\"portfolio-item-link full-image\" data-fancybox=\"thegem-portfolio\" data-elementor-open-lightbox=\"no\"> <span class=\"screen-reader-text\">Cool Typography<\/span> <\/a> <\/div> <\/div> <div class=\"caption post-10645 thegem_pf_item type-thegem_pf_item status-publish\"> <div class=\"info\"><span class=\"date\">11 March, 2024<\/span><\/div> <div class=\"title\"> <span class=\"title-h5 \"> Cool Typography <\/span> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item illustration col-xs-12 col-sm-6 col-md-6 item-animations-not-inited portfolio-item-template appearance-type-animated_gif post-10646 thegem_pf_item type-thegem_pf_item status-publish\" data-default-sort=\"0\" data-sort-date=\"1710135312\"> <div class=\"wrap clearfix\"> <div class=\"image gif-load-on-hover post-10646 thegem_pf_item type-thegem_pf_item status-publish\"> <div class=\"image-inner \"> <img width=\"800\" height=\"600\" class=\"gem-gif-portfolio\" src=\"\" data-src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Animography-013.gif\"> <img class=\"gem-gif-poster\" src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Filter-Sorting-3-02.png\"> <svg class=\"gif-type-icon\" enable-background=\"new 0 0 9 5\" viewBox=\"0 0 9 5\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path clip-rule=\"evenodd\" d=\"m8.1 0h-7.2c-.5 0-.9.4-.9.9v3.2c0 .5.4.9.9.9h7.2c.5 0 .9-.4.9-.9v-3.2c0-.5-.4-.9-.9-.9zm-4.6 1.8h-1.7v1.5h1v-.8h.8v1c-.1.3-.3.5-.6.5h-1.5c-.3 0-.5-.2-.5-.5v-2c0-.2.2-.5.5-.5h1.5c.3 0 .5.2.5.5zm1.5 2.2h-.7v-3h.7zm3-2.2h-1.5v.5h1v.7h-1v1h-.7v-3h2.2z\" fill-rule=\"evenodd\"\/><\/svg> <\/div> <div class=\"overlay \"> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Animography-013.gif\" target=\"_self\" class=\"portfolio-item-link full-image\" data-fancybox=\"thegem-portfolio\" data-elementor-open-lightbox=\"no\"> <span class=\"screen-reader-text\">Trendy Images<\/span> <\/a> <\/div> <\/div> <div class=\"caption post-10646 thegem_pf_item type-thegem_pf_item status-publish\"> <div class=\"info\"><span class=\"date\">11 March, 2024<\/span><\/div> <div class=\"title\"> <span class=\"title-h5 \"> Trendy Images <\/span> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item geometric col-xs-12 col-sm-6 col-md-6 item-animations-not-inited portfolio-item-template appearance-type-animated_gif post-10647 thegem_pf_item type-thegem_pf_item status-publish\" data-default-sort=\"0\" data-sort-date=\"1710135321\"> <div class=\"wrap clearfix\"> <div class=\"image gif-load-on-hover post-10647 thegem_pf_item type-thegem_pf_item status-publish\"> <div class=\"image-inner \"> <img width=\"800\" height=\"600\" class=\"gem-gif-portfolio\" src=\"\" data-src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Animography-010.gif\"> <img class=\"gem-gif-poster\" src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Filter-Sorting-3-01.png\"> <svg class=\"gif-type-icon\" enable-background=\"new 0 0 9 5\" viewBox=\"0 0 9 5\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path clip-rule=\"evenodd\" d=\"m8.1 0h-7.2c-.5 0-.9.4-.9.9v3.2c0 .5.4.9.9.9h7.2c.5 0 .9-.4.9-.9v-3.2c0-.5-.4-.9-.9-.9zm-4.6 1.8h-1.7v1.5h1v-.8h.8v1c-.1.3-.3.5-.6.5h-1.5c-.3 0-.5-.2-.5-.5v-2c0-.2.2-.5.5-.5h1.5c.3 0 .5.2.5.5zm1.5 2.2h-.7v-3h.7zm3-2.2h-1.5v.5h1v.7h-1v1h-.7v-3h2.2z\" fill-rule=\"evenodd\"\/><\/svg> <\/div> <div class=\"overlay \"> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Animography-010.gif\" target=\"_self\" class=\"portfolio-item-link full-image\" data-fancybox=\"thegem-portfolio\" data-elementor-open-lightbox=\"no\"> <span class=\"screen-reader-text\">Abstract Shape #2<\/span> <\/a> <\/div> <\/div> <div class=\"caption post-10647 thegem_pf_item type-thegem_pf_item status-publish\"> <div class=\"info\"><span class=\"date\">11 March, 2024<\/span><\/div> <div class=\"title\"> <span class=\"title-h5 \"> Abstract Shape #2 <\/span> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item letters col-xs-12 col-sm-6 col-md-6 item-animations-not-inited portfolio-item-template appearance-type-animated_gif post-10648 thegem_pf_item type-thegem_pf_item status-publish\" data-default-sort=\"0\" data-sort-date=\"1710135331\"> <div class=\"wrap clearfix\"> <div class=\"image gif-load-on-hover post-10648 thegem_pf_item type-thegem_pf_item status-publish\"> <div class=\"image-inner \"> <img width=\"800\" height=\"600\" class=\"gem-gif-portfolio\" src=\"\" data-src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/FedeCook-011.gif\"> <img class=\"gem-gif-poster\" src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Filter-Sorting-3-06.png\"> <svg class=\"gif-type-icon\" enable-background=\"new 0 0 9 5\" viewBox=\"0 0 9 5\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path clip-rule=\"evenodd\" d=\"m8.1 0h-7.2c-.5 0-.9.4-.9.9v3.2c0 .5.4.9.9.9h7.2c.5 0 .9-.4.9-.9v-3.2c0-.5-.4-.9-.9-.9zm-4.6 1.8h-1.7v1.5h1v-.8h.8v1c-.1.3-.3.5-.6.5h-1.5c-.3 0-.5-.2-.5-.5v-2c0-.2.2-.5.5-.5h1.5c.3 0 .5.2.5.5zm1.5 2.2h-.7v-3h.7zm3-2.2h-1.5v.5h1v.7h-1v1h-.7v-3h2.2z\" fill-rule=\"evenodd\"\/><\/svg> <\/div> <div class=\"overlay \"> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/FedeCook-011.gif\" target=\"_self\" class=\"portfolio-item-link full-image\" data-fancybox=\"thegem-portfolio\" data-elementor-open-lightbox=\"no\"> <span class=\"screen-reader-text\">Letters Forever<\/span> <\/a> <\/div> <\/div> <div class=\"caption post-10648 thegem_pf_item type-thegem_pf_item status-publish\"> <div class=\"info\"><span class=\"date\">11 March, 2024<\/span><\/div> <div class=\"title\"> <span class=\"title-h5 \"> Letters Forever <\/span> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item illustration col-xs-12 col-sm-6 col-md-6 item-animations-not-inited portfolio-item-template appearance-type-animated_gif post-10649 thegem_pf_item type-thegem_pf_item status-publish\" data-default-sort=\"0\" data-sort-date=\"1710135342\"> <div class=\"wrap clearfix\"> <div class=\"image gif-load-on-hover post-10649 thegem_pf_item type-thegem_pf_item status-publish\"> <div class=\"image-inner \"> <img width=\"800\" height=\"600\" class=\"gem-gif-portfolio\" src=\"\" data-src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/FedeCook-010.gif\"> <img class=\"gem-gif-poster\" src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Filter-Sorting-3-05.png\"> <svg class=\"gif-type-icon\" enable-background=\"new 0 0 9 5\" viewBox=\"0 0 9 5\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path clip-rule=\"evenodd\" d=\"m8.1 0h-7.2c-.5 0-.9.4-.9.9v3.2c0 .5.4.9.9.9h7.2c.5 0 .9-.4.9-.9v-3.2c0-.5-.4-.9-.9-.9zm-4.6 1.8h-1.7v1.5h1v-.8h.8v1c-.1.3-.3.5-.6.5h-1.5c-.3 0-.5-.2-.5-.5v-2c0-.2.2-.5.5-.5h1.5c.3 0 .5.2.5.5zm1.5 2.2h-.7v-3h.7zm3-2.2h-1.5v.5h1v.7h-1v1h-.7v-3h2.2z\" fill-rule=\"evenodd\"\/><\/svg> <\/div> <div class=\"overlay \"> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/FedeCook-010.gif\" target=\"_self\" class=\"portfolio-item-link full-image\" data-fancybox=\"thegem-portfolio\" data-elementor-open-lightbox=\"no\"> <span class=\"screen-reader-text\">Animated Runner<\/span> <\/a> <\/div> <\/div> <div class=\"caption post-10649 thegem_pf_item type-thegem_pf_item status-publish\"> <div class=\"info\"><span class=\"date\">11 March, 2024<\/span><\/div> <div class=\"title\"> <span class=\"title-h5 \"> Animated Runner <\/span> <\/div> <\/div> <\/div> <\/div> <\/div><!-- .portflio-set --> <div class=\"portfolio-item-size-container\"> <div class=\"portfolio-item col-xs-12 col-sm-6 col-md-6 item-animations-not-inited portfolio-item-template appearance-type-featured_image post-10649 thegem_pf_item type-thegem_pf_item status-publish\"> <\/div> <\/div> <\/div><!-- .row--> <\/div><!-- .full-width --> <\/div><!-- .portfolio--> <\/div><!-- .portfolio-preloader-wrapper-->[\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row&#8221; css=&#8221;.vc_custom_1679309289125{margin-bottom: 0px !important;background: #5442f0 url(https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/back.jpg?id=10720) !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}&#8221;][vc_column css=&#8221;.vc_custom_1679309113080{padding-top: 90px !important;padding-bottom: 90px !important;}&#8221;]<div class=\"thegem-te-heading thegem-custom-69e9bd4e652e39148\" ><div id=\"thegem-heading-69e9bd4e6526a\" class=\"thegem-heading title-h2\" style=\"text-align: center;\" ><span class=\"light colored\" style=\"color: #ffffff;\">Create Stunning Portfolios With Awesome<\/span> <span class=\"colored\" style=\"color: #ffffff;\">TheGem<\/span> <span class=\"light colored\" style=\"color: #ffffff;\">Theme!<\/span><\/div><style type=\"text\/css\">#thegem-heading-69e9bd4e6526a {margin: 0;}#thegem-heading-69e9bd4e6526a {margin-left: auto; margin-right: auto;}#thegem-heading-69e9bd4e6526a > * {justify-content: center;}#thegem-heading-69e9bd4e6526a {letter-spacing: 0px;}#thegem-heading-69e9bd4e6526a, #thegem-heading-69e9bd4e6526a .light {text-transform: none;}#thegem-heading-69e9bd4e6526a {max-width: 550px;}#thegem-heading-69e9bd4e6526a a:hover, #thegem-heading-69e9bd4e6526a a:hover span.colored {color: var(--thegem-to-menu-level1-color-hover, #00BCD4) !important;}<\/style><\/div><style>@media screen and (max-width: 1023px) {.thegem-te-heading.thegem-custom-69e9bd4e652e39148{display: block!important;}}@media screen and (max-width: 767px) {.thegem-te-heading.thegem-custom-69e9bd4e652e39148{display: block!important;}}@media screen and (max-width: 1023px) {.thegem-te-heading.thegem-custom-69e9bd4e652e39148{position: relative !important;}}@media screen and (max-width: 767px) {.thegem-te-heading.thegem-custom-69e9bd4e652e39148{position: relative !important;}}<\/style>[\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_row css=&#8221;.vc_custom_1679291620516{margin-bottom: 0px !important;}&#8221;][vc_column css=&#8221;.vc_custom_1680700554380{padding-top: 80px !important;padding-bottom: 60px !important;}&#8221; mobile_padding_top=&#8221;40&#8243;][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1680868746216{margin-bottom: 0px !important;}&#8221; el_class=&#8221;row-text-separator&#8221;][vc_column][vc_text_separator title_level=&#8221;h3&#8243; title=&#8221;Button Filter&#8221; css=&#8221;.vc_custom_1679291911666{margin-bottom: 0px !important;padding-bottom:&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/codex-themes.com\/thegem\/blocks\/wp-json\/wp\/v2\/pages\/10581"}],"collection":[{"href":"https:\/\/codex-themes.com\/thegem\/blocks\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/codex-themes.com\/thegem\/blocks\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/codex-themes.com\/thegem\/blocks\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codex-themes.com\/thegem\/blocks\/wp-json\/wp\/v2\/comments?post=10581"}],"version-history":[{"count":71,"href":"https:\/\/codex-themes.com\/thegem\/blocks\/wp-json\/wp\/v2\/pages\/10581\/revisions"}],"predecessor-version":[{"id":10599,"href":"https:\/\/codex-themes.com\/thegem\/blocks\/wp-json\/wp\/v2\/pages\/10581\/revisions\/10599"}],"wp:attachment":[{"href":"https:\/\/codex-themes.com\/thegem\/blocks\/wp-json\/wp\/v2\/media?parent=10581"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}