{"id":10247,"date":"2024-03-10T23:31:43","date_gmt":"2024-03-10T23:31:43","guid":{"rendered":"https:\/\/codex-themes.com\/thegem\/blocks\/?page_id=10247"},"modified":"2023-04-17T13:09:08","modified_gmt":"2023-04-17T13:09:08","slug":"metro-portfolio-grids","status":"publish","type":"page","link":"https:\/\/codex-themes.com\/thegem\/blocks\/metro-portfolio-grids\/","title":{"rendered":"Metro Portfolio Grids"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row css=&#8221;.vc_custom_1678949485741{margin-bottom: 0px !important;}&#8221;][vc_column css=&#8221;.vc_custom_1678950375510{padding-top: 70px !important;padding-bottom: 60px !important;}&#8221; mobile_padding_bottom=&#8221;50&#8243;]<div class=\"thegem-te-heading thegem-custom-69d270500b71d3241\" ><div id=\"thegem-heading-69d270500b6fd\" class=\"thegem-heading title-h2\" style=\"text-align: center;\" ><span>Metro Portfolio Grids<\/span><\/div><style type=\"text\/css\">#thegem-heading-69d270500b6fd {margin: 0;}#thegem-heading-69d270500b6fd {margin-left: auto; margin-right: auto;}#thegem-heading-69d270500b6fd > * {justify-content: center;}#thegem-heading-69d270500b6fd {letter-spacing: 0px;}#thegem-heading-69d270500b6fd, #thegem-heading-69d270500b6fd .light {text-transform: none;}#thegem-heading-69d270500b6fd a:hover, #thegem-heading-69d270500b6fd 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-69d270500b71d3241{display: block!important;}}@media screen and (max-width: 767px) {.thegem-te-heading.thegem-custom-69d270500b71d3241{display: block!important;}}@media screen and (max-width: 1023px) {.thegem-te-heading.thegem-custom-69d270500b71d3241{position: relative !important;}}@media screen and (max-width: 767px) {.thegem-te-heading.thegem-custom-69d270500b71d3241{position: relative !important;}}<\/style><div class=\"clearboth\"><\/div><style>#thegem-divider-69d270500b73e {margin-top: 20px !important;}<\/style><div id=\"thegem-divider-69d270500b73e\" class=\"gem-divider  \" style=\"\" ><\/div><div class=\"thegem-te-heading thegem-custom-69d270500b9f07883\" ><div id=\"thegem-heading-69d270500b9d7\" class=\"thegem-heading styled-subtitle\" style=\"text-align: center;\" ><span>Impress your audience with your works presented in a stunning metro style. Add captions on image hover and shadows for modern trendy look.<\/span><\/div><style type=\"text\/css\">#thegem-heading-69d270500b9d7 {margin: 0;}#thegem-heading-69d270500b9d7 {margin-left: auto; margin-right: auto;}#thegem-heading-69d270500b9d7 > * {justify-content: center;}#thegem-heading-69d270500b9d7 {max-width: 720px;}#thegem-heading-69d270500b9d7 a:hover, #thegem-heading-69d270500b9d7 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-69d270500b9f07883{display: block!important;}}@media screen and (max-width: 767px) {.thegem-te-heading.thegem-custom-69d270500b9f07883{display: block!important;}}@media screen and (max-width: 1023px) {.thegem-te-heading.thegem-custom-69d270500b9f07883{position: relative !important;}}@media screen and (max-width: 767px) {.thegem-te-heading.thegem-custom-69d270500b9f07883{position: relative !important;}}<\/style>[\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row_content&#8221; css=&#8221;.vc_custom_1680863109767{margin-bottom: 0px !important;}&#8221; el_class=&#8221;row-metro-grid&#8221;][vc_column css=&#8221;.vc_custom_1679048315400{padding-top: 70px !important;padding-right: 180px !important;padding-bottom: 100px !important;padding-left: 180px !important;}&#8221; tablet_padding_left=&#8221;21&#8243; tablet_padding_right=&#8221;21&#8243; tablet_padding_top=&#8221;40&#8243; tablet_padding_bottom=&#8221;70&#8243;]<style>.portfolio.portfolio-grid#style-bfcb4df .portfolio-item:not(.size-item), .preloader#style-preloader-bfcb4df .portfolio-item { padding: calc(180px\/2) !important; }.portfolio.portfolio-grid#style-bfcb4df .portfolio-item.size-item { padding: 0 calc(180px\/2) !important; }.portfolio.portfolio-grid#style-bfcb4df .portfolio-row, .preloader#style-preloader-bfcb4df .skeleton-posts.portfolio-row { margin: calc(-180px\/2); }.portfolio.portfolio-grid#style-bfcb4df.fullwidth-columns .portfolio-row { margin: calc(-180px\/2) 0; }.portfolio.portfolio-grid#style-bfcb4df .fullwidth-block:not(.no-paddings) { padding-left: 180px; padding-right: 180px; }.portfolio.portfolio-grid#style-bfcb4df .fullwidth-block .portfolio-row { padding-left: calc(180px\/2); padding-right: calc(180px\/2); }.portfolio.portfolio-grid#style-bfcb4df .fullwidth-block .portfolio-top-panel { padding-left: 180px; padding-right: 180px; }.portfolio.portfolio-grid#style-bfcb4df.fullwidth-columns .with-filter-sidebar .filter-sidebar { padding-left: 180px; }@media (max-width: 991px) { .portfolio.portfolio-grid#style-bfcb4df .portfolio-item:not(.size-item), .preloader#style-preloader-bfcb4df .portfolio-item { padding: calc(50px\/2) !important; }.portfolio.portfolio-grid#style-bfcb4df .portfolio-item.size-item { padding: 0 calc(50px\/2) !important; }.portfolio.portfolio-grid#style-bfcb4df .portfolio-row, .preloader#style-preloader-bfcb4df .skeleton-posts.portfolio-row { margin: calc(-50px\/2); }.portfolio.portfolio-grid#style-bfcb4df.fullwidth-columns .portfolio-row { margin: calc(-50px\/2) 0; }.portfolio.portfolio-grid#style-bfcb4df .fullwidth-block:not(.no-paddings) { padding-left: 50px; padding-right: 50px; }.portfolio.portfolio-grid#style-bfcb4df .fullwidth-block .portfolio-row { padding-left: calc(50px\/2); padding-right: calc(50px\/2); }.portfolio.portfolio-grid#style-bfcb4df .fullwidth-block .portfolio-top-panel { padding-left: 50px; padding-right: 50px; }.portfolio.portfolio-grid#style-bfcb4df.fullwidth-columns .with-filter-sidebar .filter-sidebar { padding-left: 50px; }}.portfolio.portfolio-grid#style-bfcb4df .portfolio-item .caption .title span { letter-spacing: px !important; }.portfolio.portfolio-grid#style-bfcb4df .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-bfcb4df .portfolio-item .caption .subtitle { max-height: initial !important; }.portfolio.portfolio-grid#style-bfcb4df .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-bfcb4df .portfolio-item .caption .subtitle a, .portfolio.portfolio-grid#style-bfcb4df .portfolio-item .caption .subtitle p { white-space: initial; overflow: initial; }<\/style><style>.portfolio.portfolio-grid#style-bfcb4df:not(.shadowed-container) .portfolio-item .image, .portfolio.portfolio-grid#style-bfcb4df .portfolio-item .thegem-template-wrapper { box-shadow: 0px 50px 50px 0px rgba(0,0,0,0.18) !important; }<\/style><div id=\"style-preloader-bfcb4df\" class=\"preloader save-space\"><div class=\"preloader-spin-new\"><\/div><\/div> <div class=\"portfolio-preloader-wrapper panel-sidebar-position-left\"> <div class=\"portfolio portfolio-grid extended-portfolio-grid no-padding portfolio-pagination-disable portfolio-style-metro background-style-white title-style-light hover-zooming-blur title-on-hover hover-elements-size-small version-alternative caption-position-hover hover-title columns-2 columns-tablet-2 columns-mobile-1 minimal-preloader \" id=\"style-bfcb4df\" data-style-uid=\"bfcb4df\" data-portfolio-uid=\"grid_712e891\" data-current-page=\"1\" data-per-page=\"8\" data-next-page=\"0\" data-pages-count=\"1\" data-hover=\"zooming-blur\" 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-top-sticky\"> <div class=\"portfolio-top-panel-row filter-style-tabs-default\"> <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 > All <\/span> <\/a> <a href=\"#\" data-filter=\".interiors\" class=\" title-h6 hover-pointer\"> <span > Interiors <\/span> <\/a> <a href=\"#\" data-filter=\".extras\" class=\" title-h6 hover-pointer\"> <span > Extras <\/span> <\/a> <a href=\"#\" data-filter=\".furnishings\" class=\" title-h6 hover-pointer\"> <span > Furnishings <\/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> <\/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 interiors portfolio-item-template appearance-type-featured_image post-10251 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710113631\"> <div class=\"wrap clearfix\"> <div class=\"image post-10251 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\/Metro-1-01-thegem-portfolio-metro-large.jpg 1x\" sizes=\"100vw\"> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Metro-1-01-thegem-portfolio-metro-large.jpg\" width=\"1037\" height=\"600\" class=\"attachment-thegem-portfolio-metro-large\" alt=\"Minimalistic\" \/> <\/picture> <\/div> <div class=\"overlay \"> <div class=\"overlay-circle\"><\/div> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"portfolio-icons\"> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/pf\/minimalistic\/\" target=\"_blank\" class=\"icon self-link \" data-elementor-open-lightbox=\"no\"> <i class=\"default\"><\/i> <\/a> <a href=\"javascript: void(0);\" class=\"icon share\"> <i class=\"default\"><\/i> <\/a> <div class=\"portfolio-sharing-pane\"> <div class=\"socials-sharing socials socials-colored-hover\"> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fminimalistic%2F\" title=\"Facebook\"><i class=\"socials-item-icon facebook\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/twitter.com\/intent\/tweet?text=Minimalistic&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fminimalistic%2F\" title=\"Twitter\"><i class=\"socials-item-icon twitter\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/pinterest.com\/pin\/create\/button\/?url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fminimalistic%2F&#038;description=Minimalistic&#038;media=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fwp-content%2Fuploads%2F2023%2F03%2FMetro-1-01-thegem-blog-timeline-large.jpg\" title=\"Pinterest\"><i class=\"socials-item-icon pinterest\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.tumblr.com\/widgets\/share\/tool?canonicalUrl=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fminimalistic%2F\" title=\"Tumblr\"><i class=\"socials-item-icon tumblr\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.linkedin.com\/shareArticle?mini=true&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fminimalistic%2F&#038;title=Minimalistic&amp;summary=Lorem+ipsum+dolor+sit+amet%2C+consectetur+adipisicing+elit%2C+sed+do+eiusmod+tempor+incididunt+ut+labore+et+dolore+magna+aliqua.+Ut+enim+ad+minim+veniam%2C+quis+nostrud+ullamco+laboris+nisi+ut+aliquip+ex+ea+commodo+consequat.+\" title=\"LinkedIn\"><i class=\"socials-item-icon linkedin\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.reddit.com\/submit?url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fminimalistic%2F&#038;title=Minimalistic\" title=\"Reddit\"><i class=\"socials-item-icon reddit\"><\/i><\/a> <\/div> <\/div> <\/div> <div class=\"caption\"> <div class=\"title title-h5\"> <span class=\" \"> Minimalistic <\/span> <\/div> <div class=\"description\"> <\/div> <div class=\"info\"> <span class=\"date\">10 March, 2024<\/span> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item extras interiors portfolio-item-template appearance-type-featured_image post-10260 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710113648\"> <div class=\"wrap clearfix\"> <div class=\"image post-10260 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\/Metro-1-02-thegem-portfolio-metro-large.jpg 1x\" sizes=\"100vw\"> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Metro-1-02-thegem-portfolio-metro-large.jpg\" width=\"423\" height=\"600\" class=\"attachment-thegem-portfolio-metro-large\" alt=\"Flowers\" \/> <\/picture> <\/div> <div class=\"overlay \"> <div class=\"overlay-circle\"><\/div> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"portfolio-icons\"> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/pf\/flowers\/\" target=\"_blank\" class=\"icon self-link \" data-elementor-open-lightbox=\"no\"> <i class=\"default\"><\/i> <\/a> <a href=\"javascript: void(0);\" class=\"icon share\"> <i class=\"default\"><\/i> <\/a> <div class=\"portfolio-sharing-pane\"> <div class=\"socials-sharing socials socials-colored-hover\"> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fflowers%2F\" title=\"Facebook\"><i class=\"socials-item-icon facebook\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/twitter.com\/intent\/tweet?text=Flowers&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fflowers%2F\" title=\"Twitter\"><i class=\"socials-item-icon twitter\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/pinterest.com\/pin\/create\/button\/?url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fflowers%2F&#038;description=Flowers&#038;media=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fwp-content%2Fuploads%2F2023%2F03%2FMetro-1-02.jpg\" title=\"Pinterest\"><i class=\"socials-item-icon pinterest\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.tumblr.com\/widgets\/share\/tool?canonicalUrl=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fflowers%2F\" title=\"Tumblr\"><i class=\"socials-item-icon tumblr\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.linkedin.com\/shareArticle?mini=true&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fflowers%2F&#038;title=Flowers&amp;summary=Lorem+ipsum+dolor+sit+amet%2C+consectetur+adipisicing+elit%2C+sed+do+eiusmod+tempor+incididunt+ut+labore+et+dolore+magna+aliqua.+Ut+enim+ad+minim+veniam%2C+quis+nostrud+ullamco+laboris+nisi+ut+aliquip+ex+ea+commodo+consequat.+\" title=\"LinkedIn\"><i class=\"socials-item-icon linkedin\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.reddit.com\/submit?url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fflowers%2F&#038;title=Flowers\" title=\"Reddit\"><i class=\"socials-item-icon reddit\"><\/i><\/a> <\/div> <\/div> <\/div> <div class=\"caption\"> <div class=\"title title-h5\"> <span class=\" \"> Flowers <\/span> <\/div> <div class=\"description\"> <\/div> <div class=\"info\"> <span class=\"date\">10 March, 2024<\/span> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item extras furnishings portfolio-item-template appearance-type-featured_image post-10261 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710113699\"> <div class=\"wrap clearfix\"> <div class=\"image post-10261 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\/Metro-1-03-thegem-portfolio-metro-large.jpg 1x\" sizes=\"100vw\"> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Metro-1-03-thegem-portfolio-metro-large.jpg\" width=\"600\" height=\"600\" class=\"attachment-thegem-portfolio-metro-large\" alt=\"Decorative\" \/> <\/picture> <\/div> <div class=\"overlay \"> <div class=\"overlay-circle\"><\/div> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"portfolio-icons\"> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/pf\/decorative\/\" target=\"_blank\" class=\"icon self-link \" data-elementor-open-lightbox=\"no\"> <i class=\"default\"><\/i> <\/a> <a href=\"javascript: void(0);\" class=\"icon share\"> <i class=\"default\"><\/i> <\/a> <div class=\"portfolio-sharing-pane\"> <div class=\"socials-sharing socials socials-colored-hover\"> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fdecorative%2F\" title=\"Facebook\"><i class=\"socials-item-icon facebook\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/twitter.com\/intent\/tweet?text=Decorative&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fdecorative%2F\" title=\"Twitter\"><i class=\"socials-item-icon twitter\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/pinterest.com\/pin\/create\/button\/?url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fdecorative%2F&#038;description=Decorative&#038;media=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fwp-content%2Fuploads%2F2023%2F03%2FMetro-1-03-thegem-blog-timeline-large.jpg\" title=\"Pinterest\"><i class=\"socials-item-icon pinterest\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.tumblr.com\/widgets\/share\/tool?canonicalUrl=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fdecorative%2F\" title=\"Tumblr\"><i class=\"socials-item-icon tumblr\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.linkedin.com\/shareArticle?mini=true&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fdecorative%2F&#038;title=Decorative&amp;summary=Lorem+ipsum+dolor+sit+amet%2C+consectetur+adipisicing+elit%2C+sed+do+eiusmod+tempor+incididunt+ut+labore+et+dolore+magna+aliqua.+Ut+enim+ad+minim+veniam%2C+quis+nostrud+ullamco+laboris+nisi+ut+aliquip+ex+ea+commodo+consequat.+\" title=\"LinkedIn\"><i class=\"socials-item-icon linkedin\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.reddit.com\/submit?url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fdecorative%2F&#038;title=Decorative\" title=\"Reddit\"><i class=\"socials-item-icon reddit\"><\/i><\/a> <\/div> <\/div> <\/div> <div class=\"caption\"> <div class=\"title title-h5\"> <span class=\" \"> Decorative <\/span> <\/div> <div class=\"description\"> <\/div> <div class=\"info\"> <span class=\"date\">10 March, 2024<\/span> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item furnishings portfolio-item-template appearance-type-featured_image post-10262 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710113717\"> <div class=\"wrap clearfix\"> <div class=\"image post-10262 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\/Metro-1-04-thegem-portfolio-metro-large.jpg 1x\" sizes=\"100vw\"> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Metro-1-04-thegem-portfolio-metro-large.jpg\" width=\"1437\" height=\"600\" class=\"attachment-thegem-portfolio-metro-large\" alt=\"Elegant Couch\" \/> <\/picture> <\/div> <div class=\"overlay \"> <div class=\"overlay-circle\"><\/div> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"portfolio-icons\"> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/pf\/elegant-couch-2\/\" target=\"_blank\" class=\"icon self-link \" data-elementor-open-lightbox=\"no\"> <i class=\"default\"><\/i> <\/a> <a href=\"javascript: void(0);\" class=\"icon share\"> <i class=\"default\"><\/i> <\/a> <div class=\"portfolio-sharing-pane\"> <div class=\"socials-sharing socials socials-colored-hover\"> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Felegant-couch-2%2F\" title=\"Facebook\"><i class=\"socials-item-icon facebook\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/twitter.com\/intent\/tweet?text=Elegant+Couch&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Felegant-couch-2%2F\" title=\"Twitter\"><i class=\"socials-item-icon twitter\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/pinterest.com\/pin\/create\/button\/?url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Felegant-couch-2%2F&#038;description=Elegant+Couch&#038;media=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fwp-content%2Fuploads%2F2023%2F03%2FMetro-1-04-thegem-blog-timeline-large.jpg\" title=\"Pinterest\"><i class=\"socials-item-icon pinterest\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.tumblr.com\/widgets\/share\/tool?canonicalUrl=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Felegant-couch-2%2F\" title=\"Tumblr\"><i class=\"socials-item-icon tumblr\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.linkedin.com\/shareArticle?mini=true&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Felegant-couch-2%2F&#038;title=Elegant+Couch&amp;summary=Lorem+ipsum+dolor+sit+amet%2C+consectetur+adipisicing+elit%2C+sed+do+eiusmod+tempor+incididunt+ut+labore+et+dolore+magna+aliqua.+Ut+enim+ad+minim+veniam%2C+quis+nostrud+ullamco+laboris+nisi+ut+aliquip+ex+ea+commodo+consequat.+\" title=\"LinkedIn\"><i class=\"socials-item-icon linkedin\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.reddit.com\/submit?url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Felegant-couch-2%2F&#038;title=Elegant+Couch\" title=\"Reddit\"><i class=\"socials-item-icon reddit\"><\/i><\/a> <\/div> <\/div> <\/div> <div class=\"caption\"> <div class=\"title title-h5\"> <span class=\" \"> Elegant Couch <\/span> <\/div> <div class=\"description\"> <\/div> <div class=\"info\"> <span class=\"date\">10 March, 2024<\/span> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item extras portfolio-item-template appearance-type-featured_image post-10263 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710113729\"> <div class=\"wrap clearfix\"> <div class=\"image post-10263 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\/Metro-1-05-thegem-portfolio-metro-large.jpg 1x\" sizes=\"100vw\"> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Metro-1-05-thegem-portfolio-metro-large.jpg\" width=\"1001\" height=\"600\" class=\"attachment-thegem-portfolio-metro-large\" alt=\"Urban Style\" \/> <\/picture> <\/div> <div class=\"overlay \"> <div class=\"overlay-circle\"><\/div> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"portfolio-icons\"> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/pf\/urban-style-2\/\" target=\"_blank\" class=\"icon self-link \" data-elementor-open-lightbox=\"no\"> <i class=\"default\"><\/i> <\/a> <a href=\"javascript: void(0);\" class=\"icon share\"> <i class=\"default\"><\/i> <\/a> <div class=\"portfolio-sharing-pane\"> <div class=\"socials-sharing socials socials-colored-hover\"> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Furban-style-2%2F\" title=\"Facebook\"><i class=\"socials-item-icon facebook\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/twitter.com\/intent\/tweet?text=Urban+Style&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Furban-style-2%2F\" title=\"Twitter\"><i class=\"socials-item-icon twitter\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/pinterest.com\/pin\/create\/button\/?url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Furban-style-2%2F&#038;description=Urban+Style&#038;media=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fwp-content%2Fuploads%2F2023%2F03%2FMetro-1-05-thegem-blog-timeline-large.jpg\" title=\"Pinterest\"><i class=\"socials-item-icon pinterest\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.tumblr.com\/widgets\/share\/tool?canonicalUrl=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Furban-style-2%2F\" title=\"Tumblr\"><i class=\"socials-item-icon tumblr\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.linkedin.com\/shareArticle?mini=true&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Furban-style-2%2F&#038;title=Urban+Style&amp;summary=Lorem+ipsum+dolor+sit+amet%2C+consectetur+adipisicing+elit%2C+sed+do+eiusmod+tempor+incididunt+ut+labore+et+dolore+magna+aliqua.+Ut+enim+ad+minim+veniam%2C+quis+nostrud+ullamco+laboris+nisi+ut+aliquip+ex+ea+commodo+consequat.+\" title=\"LinkedIn\"><i class=\"socials-item-icon linkedin\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.reddit.com\/submit?url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Furban-style-2%2F&#038;title=Urban+Style\" title=\"Reddit\"><i class=\"socials-item-icon reddit\"><\/i><\/a> <\/div> <\/div> <\/div> <div class=\"caption\"> <div class=\"title title-h5\"> <span class=\" \"> Urban Style <\/span> <\/div> <div class=\"description\"> <\/div> <div class=\"info\"> <span class=\"date\">10 March, 2024<\/span> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item furnishings interiors portfolio-item-template appearance-type-featured_image post-10264 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710113822\"> <div class=\"wrap clearfix\"> <div class=\"image post-10264 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\/Metro-1-06-thegem-portfolio-metro-large.jpg 1x\" sizes=\"100vw\"> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Metro-1-06-thegem-portfolio-metro-large.jpg\" width=\"423\" height=\"600\" class=\"attachment-thegem-portfolio-metro-large\" alt=\"Coffee\" \/> <\/picture> <\/div> <div class=\"overlay \"> <div class=\"overlay-circle\"><\/div> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"portfolio-icons\"> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/pf\/coffee\/\" target=\"_blank\" class=\"icon self-link \" data-elementor-open-lightbox=\"no\"> <i class=\"default\"><\/i> <\/a> <a href=\"javascript: void(0);\" class=\"icon share\"> <i class=\"default\"><\/i> <\/a> <div class=\"portfolio-sharing-pane\"> <div class=\"socials-sharing socials socials-colored-hover\"> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fcoffee%2F\" title=\"Facebook\"><i class=\"socials-item-icon facebook\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/twitter.com\/intent\/tweet?text=Coffee&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fcoffee%2F\" title=\"Twitter\"><i class=\"socials-item-icon twitter\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/pinterest.com\/pin\/create\/button\/?url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fcoffee%2F&#038;description=Coffee&#038;media=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fwp-content%2Fuploads%2F2023%2F03%2FMetro-1-06.jpg\" title=\"Pinterest\"><i class=\"socials-item-icon pinterest\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.tumblr.com\/widgets\/share\/tool?canonicalUrl=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fcoffee%2F\" title=\"Tumblr\"><i class=\"socials-item-icon tumblr\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.linkedin.com\/shareArticle?mini=true&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fcoffee%2F&#038;title=Coffee&amp;summary=Lorem+ipsum+dolor+sit+amet%2C+consectetur+adipisicing+elit%2C+sed+do+eiusmod+tempor+incididunt+ut+labore+et+dolore+magna+aliqua.+Ut+enim+ad+minim+veniam%2C+quis+nostrud+ullamco+laboris+nisi+ut+aliquip+ex+ea+commodo+consequat.+\" title=\"LinkedIn\"><i class=\"socials-item-icon linkedin\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.reddit.com\/submit?url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fcoffee%2F&#038;title=Coffee\" title=\"Reddit\"><i class=\"socials-item-icon reddit\"><\/i><\/a> <\/div> <\/div> <\/div> <div class=\"caption\"> <div class=\"title title-h5\"> <span class=\" \"> Coffee <\/span> <\/div> <div class=\"description\"> <\/div> <div class=\"info\"> <span class=\"date\">10 March, 2024<\/span> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item furnishings portfolio-item-template appearance-type-featured_image post-10265 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710113837\"> <div class=\"wrap clearfix\"> <div class=\"image post-10265 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\/Metro-1-07-thegem-portfolio-metro-large.jpg 1x\" sizes=\"100vw\"> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Metro-1-07-thegem-portfolio-metro-large.jpg\" width=\"1037\" height=\"600\" class=\"attachment-thegem-portfolio-metro-large\" alt=\"Wooden Table\" \/> <\/picture> <\/div> <div class=\"overlay \"> <div class=\"overlay-circle\"><\/div> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"portfolio-icons\"> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/pf\/wooden-table\/\" target=\"_blank\" class=\"icon self-link \" data-elementor-open-lightbox=\"no\"> <i class=\"default\"><\/i> <\/a> <a href=\"javascript: void(0);\" class=\"icon share\"> <i class=\"default\"><\/i> <\/a> <div class=\"portfolio-sharing-pane\"> <div class=\"socials-sharing socials socials-colored-hover\"> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fwooden-table%2F\" title=\"Facebook\"><i class=\"socials-item-icon facebook\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/twitter.com\/intent\/tweet?text=Wooden+Table&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fwooden-table%2F\" title=\"Twitter\"><i class=\"socials-item-icon twitter\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/pinterest.com\/pin\/create\/button\/?url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fwooden-table%2F&#038;description=Wooden+Table&#038;media=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fwp-content%2Fuploads%2F2023%2F03%2FMetro-1-07-thegem-blog-timeline-large.jpg\" title=\"Pinterest\"><i class=\"socials-item-icon pinterest\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.tumblr.com\/widgets\/share\/tool?canonicalUrl=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fwooden-table%2F\" title=\"Tumblr\"><i class=\"socials-item-icon tumblr\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.linkedin.com\/shareArticle?mini=true&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fwooden-table%2F&#038;title=Wooden+Table&amp;summary=Lorem+ipsum+dolor+sit+amet%2C+consectetur+adipisicing+elit%2C+sed+do+eiusmod+tempor+incididunt+ut+labore+et+dolore+magna+aliqua.+Ut+enim+ad+minim+veniam%2C+quis+nostrud+ullamco+laboris+nisi+ut+aliquip+ex+ea+commodo+consequat.+\" title=\"LinkedIn\"><i class=\"socials-item-icon linkedin\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.reddit.com\/submit?url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fwooden-table%2F&#038;title=Wooden+Table\" title=\"Reddit\"><i class=\"socials-item-icon reddit\"><\/i><\/a> <\/div> <\/div> <\/div> <div class=\"caption\"> <div class=\"title title-h5\"> <span class=\" \"> Wooden Table <\/span> <\/div> <div class=\"description\"> <\/div> <div class=\"info\"> <span class=\"date\">10 March, 2024<\/span> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item furnishings portfolio-item-template appearance-type-featured_image post-10266 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710113843\"> <div class=\"wrap clearfix\"> <div class=\"image post-10266 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\/Metro-1-08-thegem-portfolio-metro-large.jpg 1x\" sizes=\"100vw\"> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Metro-1-08-thegem-portfolio-metro-large.jpg\" width=\"600\" height=\"600\" class=\"attachment-thegem-portfolio-metro-large\" alt=\"Wooden Chair\" \/> <\/picture> <\/div> <div class=\"overlay \"> <div class=\"overlay-circle\"><\/div> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"portfolio-icons\"> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/pf\/wooden-chair-2\/\" target=\"_blank\" class=\"icon self-link \" data-elementor-open-lightbox=\"no\"> <i class=\"default\"><\/i> <\/a> <a href=\"javascript: void(0);\" class=\"icon share\"> <i class=\"default\"><\/i> <\/a> <div class=\"portfolio-sharing-pane\"> <div class=\"socials-sharing socials socials-colored-hover\"> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fwooden-chair-2%2F\" title=\"Facebook\"><i class=\"socials-item-icon facebook\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/twitter.com\/intent\/tweet?text=Wooden+Chair&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fwooden-chair-2%2F\" title=\"Twitter\"><i class=\"socials-item-icon twitter\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/pinterest.com\/pin\/create\/button\/?url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fwooden-chair-2%2F&#038;description=Wooden+Chair&#038;media=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fwp-content%2Fuploads%2F2023%2F03%2FMetro-1-08-thegem-blog-timeline-large.jpg\" title=\"Pinterest\"><i class=\"socials-item-icon pinterest\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.tumblr.com\/widgets\/share\/tool?canonicalUrl=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fwooden-chair-2%2F\" title=\"Tumblr\"><i class=\"socials-item-icon tumblr\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.linkedin.com\/shareArticle?mini=true&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fwooden-chair-2%2F&#038;title=Wooden+Chair&amp;summary=Lorem+ipsum+dolor+sit+amet%2C+consectetur+adipisicing+elit%2C+sed+do+eiusmod+tempor+incididunt+ut+labore+et+dolore+magna+aliqua.+Ut+enim+ad+minim+veniam%2C+quis+nostrud+ullamco+laboris+nisi+ut+aliquip+ex+ea+commodo+consequat.+\" title=\"LinkedIn\"><i class=\"socials-item-icon linkedin\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.reddit.com\/submit?url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fwooden-chair-2%2F&#038;title=Wooden+Chair\" title=\"Reddit\"><i class=\"socials-item-icon reddit\"><\/i><\/a> <\/div> <\/div> <\/div> <div class=\"caption\"> <div class=\"title title-h5\"> <span class=\" \"> Wooden Chair <\/span> <\/div> <div class=\"description\"> <\/div> <div class=\"info\"> <span class=\"date\">10 March, 2024<\/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-6 bigger portfolio-item-template appearance-type-featured_image post-10266 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_1678949485741{margin-bottom: 0px !important;}&#8221;][vc_column css=&#8221;.vc_custom_1678961285983{padding-top: 70px !important;padding-bottom: 60px !important;}&#8221; tablet_padding_top=&#8221;40&#8243; tablet_padding_bottom=&#8221;50&#8243; mobile_padding_top=&#8221;30&#8243; mobile_padding_bottom=&#8221;30&#8243;]<div class=\"thegem-te-heading thegem-custom-69d27050100b28464\" ><div id=\"thegem-heading-69d270501003e\" class=\"thegem-heading title-h2\" style=\"text-align: center;\" ><span>Fullwidth Metro Grids<\/span><\/div><style type=\"text\/css\">#thegem-heading-69d270501003e {margin: 0;}#thegem-heading-69d270501003e {margin-left: auto; margin-right: auto;}#thegem-heading-69d270501003e > * {justify-content: center;}#thegem-heading-69d270501003e {letter-spacing: 0px;}#thegem-heading-69d270501003e, #thegem-heading-69d270501003e .light {text-transform: none;}#thegem-heading-69d270501003e a:hover, #thegem-heading-69d270501003e 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-69d27050100b28464{display: block!important;}}@media screen and (max-width: 767px) {.thegem-te-heading.thegem-custom-69d27050100b28464{display: block!important;}}@media screen and (max-width: 1023px) {.thegem-te-heading.thegem-custom-69d27050100b28464{position: relative !important;}}@media screen and (max-width: 767px) {.thegem-te-heading.thegem-custom-69d27050100b28464{position: relative !important;}}<\/style><div class=\"clearboth\"><\/div><style>#thegem-divider-69d27050100cf {margin-top: 20px !important;}<\/style><div id=\"thegem-divider-69d27050100cf\" class=\"gem-divider  \" style=\"\" ><\/div><div class=\"thegem-te-heading thegem-custom-69d27050101876105\" ><div id=\"thegem-heading-69d2705010127\" class=\"thegem-heading styled-subtitle\" style=\"text-align: center;\" ><span>Fascinating portfolio overviews where each grid item fills its position depending on the thumbnail proportions. Modern, creative, dynamic.<\/span><\/div><style type=\"text\/css\">#thegem-heading-69d2705010127 {margin: 0;}#thegem-heading-69d2705010127 {margin-left: auto; margin-right: auto;}#thegem-heading-69d2705010127 > * {justify-content: center;}#thegem-heading-69d2705010127 {max-width: 770px;}#thegem-heading-69d2705010127 a:hover, #thegem-heading-69d2705010127 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-69d27050101876105{display: block!important;}}@media screen and (max-width: 767px) {.thegem-te-heading.thegem-custom-69d27050101876105{display: block!important;}}@media screen and (max-width: 1023px) {.thegem-te-heading.thegem-custom-69d27050101876105{position: relative !important;}}@media screen and (max-width: 767px) {.thegem-te-heading.thegem-custom-69d27050101876105{position: relative !important;}}<\/style>[\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row_content_no_spaces&#8221; css=&#8221;.vc_custom_1678952796613{margin-bottom: 0px !important;}&#8221;][vc_column css=&#8221;.vc_custom_1678953117791{padding-top: 50px !important;padding-bottom: 70px !important;}&#8221;]<style>.portfolio.portfolio-grid#style-192f012 .portfolio-item:not(.size-item), .preloader#style-preloader-192f012 .portfolio-item { padding: calc(0px\/2) !important; }.portfolio.portfolio-grid#style-192f012 .portfolio-item.size-item { padding: 0 calc(0px\/2) !important; }.portfolio.portfolio-grid#style-192f012 .portfolio-row, .preloader#style-preloader-192f012 .skeleton-posts.portfolio-row { margin: calc(-0px\/2); }.portfolio.portfolio-grid#style-192f012.fullwidth-columns .portfolio-row { margin: calc(-0px\/2) 0; }.portfolio.portfolio-grid#style-192f012 .fullwidth-block:not(.no-paddings) { padding-left: 0px; padding-right: 0px; }.portfolio.portfolio-grid#style-192f012 .fullwidth-block .portfolio-row { padding-left: calc(0px\/2); padding-right: calc(0px\/2); }.portfolio.portfolio-grid#style-192f012 .fullwidth-block .portfolio-top-panel { padding-left: 0px; padding-right: 0px; }.portfolio.portfolio-grid#style-192f012.fullwidth-columns .with-filter-sidebar .filter-sidebar { padding-left: 0px; }.portfolio.portfolio-grid#style-192f012 .fullwidth-block .portfolio-top-panel:not(.gem-sticky-block), .portfolio.portfolio-grid#style-192f012 .portfolio-item.not-found .found-wrap { padding-left: 21px !important; padding-right: 21px !important; }.portfolio.portfolio-grid#style-192f012 .with-filter-sidebar .filter-sidebar { padding-left: 21px !important; }.portfolio.portfolio-grid#style-192f012 .portfolio-item .caption { padding-left: 40px !important; }.portfolio.portfolio-grid#style-192f012 .portfolio-item .caption { padding-right: 40px !important; }.portfolio.portfolio-grid#style-192f012 .portfolio-item .caption .title span { letter-spacing: px !important; }.portfolio.portfolio-grid#style-192f012 .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-192f012 .portfolio-item .caption .subtitle { max-height: initial !important; }.portfolio.portfolio-grid#style-192f012 .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-192f012 .portfolio-item .caption .subtitle a, .portfolio.portfolio-grid#style-192f012 .portfolio-item .caption .subtitle p { white-space: initial; overflow: initial; }<\/style><style>.portfolio.portfolio-grid#style-192f012 .portfolio-filters { text-align: center }<\/style><div id=\"style-preloader-192f012\" class=\"preloader save-space\"><div class=\"preloader-spin-new\"><\/div><\/div> <div class=\"portfolio-preloader-wrapper panel-sidebar-position-left\"> <div class=\"portfolio portfolio-grid extended-portfolio-grid no-padding portfolio-pagination-disable portfolio-style-metro background-style-white title-style-light hover-zoom-overlay title-on-hover hover-elements-size-default version-alternative caption-position-hover loading-animation item-animation-scale no-gaps fullwidth-columns hover-title columns-5 columns-tablet-2 columns-mobile-1 disable-bottom-margin minimal-preloader \" id=\"style-192f012\" data-style-uid=\"192f012\" data-portfolio-uid=\"grid_abf18a8\" data-current-page=\"1\" data-per-page=\"10\" data-next-page=\"0\" data-pages-count=\"1\" data-hover=\"zoom-overlay\" data-portfolio-filter=\"[]\" data-portfolio-filter-attributes=\"null\" data-portfolio-filter-search=\"\"> <div class=\"portfolio-row-outer fullwidth-block no-paddings\"> <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=\".promo\" class=\" title-h6 hover-pointer\"> <span > Promo <\/span> <\/a> <a href=\"#\" data-filter=\".editorial\" class=\" title-h6 hover-pointer\"> <span > Editorial <\/span> <\/a> <a href=\"#\" data-filter=\".urbanism\" class=\" title-h6 hover-pointer\"> <span > Urbanism <\/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=\".promo\" class=\" title-h6 hover-pointer\"> <span > Promo <\/span> <\/a> <a href=\"#\" data-filter=\".editorial\" class=\" title-h6 hover-pointer\"> <span > Editorial <\/span> <\/a> <a href=\"#\" data-filter=\".urbanism\" class=\" title-h6 hover-pointer\"> <span > Urbanism <\/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=\"380\"> <div class=\"portfolio-item promo item-animations-not-inited portfolio-item-template appearance-type-featured_image post-10283 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710114199\"> <div class=\"wrap clearfix\"> <div class=\"image post-10283 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\/Metro-2-01-thegem-portfolio-metro.jpg 1x\" sizes=\"100vw\"> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Metro-2-01-thegem-portfolio-metro.jpg\" width=\"741\" height=\"500\" class=\"attachment-thegem-portfolio-metro\" alt=\"Desert Sands\" \/> <\/picture> <\/div> <div class=\"overlay \"> <div class=\"overlay-circle\"><\/div> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Metro-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\">Desert Sands<\/span> <\/a> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"caption\"> <div class=\"title title-h5\"> <span class=\" \"> Desert Sands <\/span> <\/div> <div class=\"description\"> <div class=\"subtitle\"> <span class=\"\"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud ullamco laboris nisi ut aliquip ex ea commodo consequat. <\/p>\n<\/span> <\/div> <\/div> <div class=\"info\"> <span class=\"date\">10 March, 2024<\/span> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item promo urbanism item-animations-not-inited portfolio-item-template appearance-type-featured_image post-10294 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710114216\"> <div class=\"wrap clearfix\"> <div class=\"image post-10294 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\/Metro-2-02-thegem-portfolio-metro.jpg 1x\" sizes=\"100vw\"> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Metro-2-02-thegem-portfolio-metro.jpg\" width=\"337\" height=\"500\" class=\"attachment-thegem-portfolio-metro\" alt=\"Low Key Project\" \/> <\/picture> <\/div> <div class=\"overlay \"> <div class=\"overlay-circle\"><\/div> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Metro-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\">Low Key Project<\/span> <\/a> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"caption\"> <div class=\"title title-h5\"> <span class=\" \"> Low Key Project <\/span> <\/div> <div class=\"description\"> <div class=\"subtitle\"> <span class=\"\"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud ullamco laboris nisi ut aliquip ex ea commodo consequat. <\/p>\n<\/span> <\/div> <\/div> <div class=\"info\"> <span class=\"date\">10 March, 2024<\/span> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item editorial item-animations-not-inited portfolio-item-template appearance-type-featured_image post-10295 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710114239\"> <div class=\"wrap clearfix\"> <div class=\"image post-10295 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\/Metro-2-03-thegem-portfolio-metro.jpg 1x\" sizes=\"100vw\"> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Metro-2-03-thegem-portfolio-metro.jpg\" width=\"422\" height=\"500\" class=\"attachment-thegem-portfolio-metro\" alt=\"Metaverse Experiments\" \/> <\/picture> <\/div> <div class=\"overlay \"> <div class=\"overlay-circle\"><\/div> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Metro-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\">Metaverse Experiments<\/span> <\/a> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"caption\"> <div class=\"title title-h5\"> <span class=\" \"> Metaverse Experiments <\/span> <\/div> <div class=\"description\"> <div class=\"subtitle\"> <span class=\"\"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud ullamco laboris nisi ut aliquip ex ea commodo consequat. <\/p>\n<\/span> <\/div> <\/div> <div class=\"info\"> <span class=\"date\">10 March, 2024<\/span> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item editorial urbanism item-animations-not-inited portfolio-item-template appearance-type-featured_image post-10296 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710114264\"> <div class=\"wrap clearfix\"> <div class=\"image post-10296 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\/Metro-2-04-thegem-portfolio-metro.jpg 1x\" sizes=\"100vw\"> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Metro-2-04-thegem-portfolio-metro.jpg\" width=\"624\" height=\"500\" class=\"attachment-thegem-portfolio-metro\" alt=\"Fashion Photography\" \/> <\/picture> <\/div> <div class=\"overlay \"> <div class=\"overlay-circle\"><\/div> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Metro-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\">Fashion Photography<\/span> <\/a> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"caption\"> <div class=\"title title-h5\"> <span class=\" \"> Fashion Photography <\/span> <\/div> <div class=\"description\"> <div class=\"subtitle\"> <span class=\"\"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud ullamco laboris nisi ut aliquip ex ea commodo consequat. <\/p>\n<\/span> <\/div> <\/div> <div class=\"info\"> <span class=\"date\">10 March, 2024<\/span> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item urbanism item-animations-not-inited portfolio-item-template appearance-type-featured_image post-10297 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710114272\"> <div class=\"wrap clearfix\"> <div class=\"image post-10297 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\/Metro-2-05-thegem-portfolio-metro.jpg 1x\" sizes=\"100vw\"> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Metro-2-05-thegem-portfolio-metro.jpg\" width=\"376\" height=\"500\" class=\"attachment-thegem-portfolio-metro\" alt=\"Nature Photography\" \/> <\/picture> <\/div> <div class=\"overlay \"> <div class=\"overlay-circle\"><\/div> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Metro-2-05.jpg\" target=\"_self\" class=\"portfolio-item-link full-image\" data-fancybox=\"thegem-portfolio\" data-elementor-open-lightbox=\"no\"> <span class=\"screen-reader-text\">Nature Photography<\/span> <\/a> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"caption\"> <div class=\"title title-h5\"> <span class=\" \"> Nature Photography <\/span> <\/div> <div class=\"description\"> <div class=\"subtitle\"> <span class=\"\"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud ullamco laboris nisi ut aliquip ex ea commodo consequat. <\/p>\n<\/span> <\/div> <\/div> <div class=\"info\"> <span class=\"date\">10 March, 2024<\/span> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item urbanism item-animations-not-inited portfolio-item-template appearance-type-featured_image post-10298 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710114312\"> <div class=\"wrap clearfix\"> <div class=\"image post-10298 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\/Metro-2-06-thegem-portfolio-metro.jpg 1x\" sizes=\"100vw\"> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Metro-2-06-thegem-portfolio-metro.jpg\" width=\"461\" height=\"500\" class=\"attachment-thegem-portfolio-metro\" alt=\"Virtual reality\" \/> <\/picture> <\/div> <div class=\"overlay \"> <div class=\"overlay-circle\"><\/div> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Metro-2-06.jpg\" target=\"_self\" class=\"portfolio-item-link full-image\" data-fancybox=\"thegem-portfolio\" data-elementor-open-lightbox=\"no\"> <span class=\"screen-reader-text\">Virtual reality<\/span> <\/a> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"caption\"> <div class=\"title title-h5\"> <span class=\" \"> Virtual reality <\/span> <\/div> <div class=\"description\"> <div class=\"subtitle\"> <span class=\"\"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud ullamco laboris nisi ut aliquip ex ea commodo consequat. <\/p>\n<\/span> <\/div> <\/div> <div class=\"info\"> <span class=\"date\">10 March, 2024<\/span> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item promo item-animations-not-inited portfolio-item-template appearance-type-featured_image post-10299 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710114334\"> <div class=\"wrap clearfix\"> <div class=\"image post-10299 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\/Metro-2-07-thegem-portfolio-metro.jpg 1x\" sizes=\"100vw\"> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Metro-2-07-thegem-portfolio-metro.jpg\" width=\"539\" height=\"500\" class=\"attachment-thegem-portfolio-metro\" alt=\"Interior Scapes\" \/> <\/picture> <\/div> <div class=\"overlay \"> <div class=\"overlay-circle\"><\/div> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Metro-2-07.jpg\" target=\"_self\" class=\"portfolio-item-link full-image\" data-fancybox=\"thegem-portfolio\" data-elementor-open-lightbox=\"no\"> <span class=\"screen-reader-text\">Interior Scapes<\/span> <\/a> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"caption\"> <div class=\"title title-h5\"> <span class=\" \"> Interior Scapes <\/span> <\/div> <div class=\"description\"> <div class=\"subtitle\"> <span class=\"\"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud ullamco laboris nisi ut aliquip ex ea commodo consequat. <\/p>\n<\/span> <\/div> <\/div> <div class=\"info\"> <span class=\"date\">10 March, 2024<\/span> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item editorial promo item-animations-not-inited portfolio-item-template appearance-type-featured_image post-10300 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710114353\"> <div class=\"wrap clearfix\"> <div class=\"image post-10300 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\/Metro-2-08-thegem-portfolio-metro.jpg 1x\" sizes=\"100vw\"> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Metro-2-08-thegem-portfolio-metro.jpg\" width=\"686\" height=\"500\" class=\"attachment-thegem-portfolio-metro\" alt=\"App Trends\" \/> <\/picture> <\/div> <div class=\"overlay \"> <div class=\"overlay-circle\"><\/div> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Metro-2-08.jpg\" target=\"_self\" class=\"portfolio-item-link full-image\" data-fancybox=\"thegem-portfolio\" data-elementor-open-lightbox=\"no\"> <span class=\"screen-reader-text\">App Trends<\/span> <\/a> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"caption\"> <div class=\"title title-h5\"> <span class=\" \"> App Trends <\/span> <\/div> <div class=\"description\"> <div class=\"subtitle\"> <span class=\"\"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud ullamco laboris nisi ut aliquip ex ea commodo consequat. <\/p>\n<\/span> <\/div> <\/div> <div class=\"info\"> <span class=\"date\">10 March, 2024<\/span> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item promo item-animations-not-inited portfolio-item-template appearance-type-featured_image post-10301 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710114366\"> <div class=\"wrap clearfix\"> <div class=\"image post-10301 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\/Metro-2-09-thegem-portfolio-metro.jpg 1x\" sizes=\"100vw\"> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Metro-2-09-thegem-portfolio-metro.jpg\" width=\"314\" height=\"500\" class=\"attachment-thegem-portfolio-metro\" alt=\"Casual Trends\" \/> <\/picture> <\/div> <div class=\"overlay \"> <div class=\"overlay-circle\"><\/div> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Metro-2-09.jpg\" target=\"_self\" class=\"portfolio-item-link full-image\" data-fancybox=\"thegem-portfolio\" data-elementor-open-lightbox=\"no\"> <span class=\"screen-reader-text\">Casual Trends<\/span> <\/a> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"caption\"> <div class=\"title title-h5\"> <span class=\" \"> Casual Trends <\/span> <\/div> <div class=\"description\"> <div class=\"subtitle\"> <span class=\"\"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud ullamco laboris nisi ut aliquip ex ea commodo consequat. <\/p>\n<\/span> <\/div> <\/div> <div class=\"info\"> <span class=\"date\">10 March, 2024<\/span> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item editorial item-animations-not-inited portfolio-item-template appearance-type-featured_image post-10302 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710114379\"> <div class=\"wrap clearfix\"> <div class=\"image post-10302 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\/Metro-2-10-thegem-portfolio-metro.jpg 1x\" sizes=\"100vw\"> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Metro-2-10-thegem-portfolio-metro.jpg\" width=\"500\" height=\"500\" class=\"attachment-thegem-portfolio-metro\" alt=\"GoPro Project\" \/> <\/picture> <\/div> <div class=\"overlay \"> <div class=\"overlay-circle\"><\/div> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Metro-2-10.jpg\" target=\"_self\" class=\"portfolio-item-link full-image\" data-fancybox=\"thegem-portfolio\" data-elementor-open-lightbox=\"no\"> <span class=\"screen-reader-text\">GoPro Project<\/span> <\/a> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"caption\"> <div class=\"title title-h5\"> <span class=\" \"> GoPro Project <\/span> <\/div> <div class=\"description\"> <div class=\"subtitle\"> <span class=\"\"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud ullamco laboris nisi ut aliquip ex ea commodo consequat. <\/p>\n<\/span> <\/div> <\/div> <div class=\"info\"> <span class=\"date\">10 March, 2024<\/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 columns-desktop-5 item-animations-not-inited portfolio-item-template appearance-type-featured_image post-10302 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_1678949485741{margin-bottom: 0px !important;}&#8221;][vc_column css=&#8221;.vc_custom_1678960652502{padding-top: 120px !important;padding-bottom: 70px !important;}&#8221; mobile_padding_bottom=&#8221;50&#8243; tablet_padding_top=&#8221;30&#8243; tablet_padding_bottom=&#8221;30&#8243;]<div class=\"thegem-te-heading thegem-custom-69d27050155ea2013\" ><div id=\"thegem-heading-69d2705015575\" class=\"thegem-heading title-h2\" style=\"text-align: center;\" ><span>Any Columns, Gaps, Captions<\/span><\/div><style type=\"text\/css\">#thegem-heading-69d2705015575 {margin: 0;}#thegem-heading-69d2705015575 {margin-left: auto; margin-right: auto;}#thegem-heading-69d2705015575 > * {justify-content: center;}#thegem-heading-69d2705015575 {letter-spacing: 0px;}#thegem-heading-69d2705015575, #thegem-heading-69d2705015575 .light {text-transform: none;}#thegem-heading-69d2705015575 a:hover, #thegem-heading-69d2705015575 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-69d27050155ea2013{display: block!important;}}@media screen and (max-width: 767px) {.thegem-te-heading.thegem-custom-69d27050155ea2013{display: block!important;}}@media screen and (max-width: 1023px) {.thegem-te-heading.thegem-custom-69d27050155ea2013{position: relative !important;}}@media screen and (max-width: 767px) {.thegem-te-heading.thegem-custom-69d27050155ea2013{position: relative !important;}}<\/style><div class=\"clearboth\"><\/div><style>#thegem-divider-69d2705015608 {margin-top: 20px !important;}<\/style><div id=\"thegem-divider-69d2705015608\" class=\"gem-divider  \" style=\"\" ><\/div><div class=\"thegem-te-heading thegem-custom-69d27050156c77548\" ><div id=\"thegem-heading-69d2705015663\" class=\"thegem-heading styled-subtitle\" style=\"text-align: center;\" ><span>Control the number of columns and gaps between items, show project details below the thumbnail. Add category filters and sorting controls.<\/span><\/div><style type=\"text\/css\">#thegem-heading-69d2705015663 {margin: 0;}#thegem-heading-69d2705015663 {margin-left: auto; margin-right: auto;}#thegem-heading-69d2705015663 > * {justify-content: center;}#thegem-heading-69d2705015663 {max-width: 770px;}#thegem-heading-69d2705015663 a:hover, #thegem-heading-69d2705015663 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-69d27050156c77548{display: block!important;}}@media screen and (max-width: 767px) {.thegem-te-heading.thegem-custom-69d27050156c77548{display: block!important;}}@media screen and (max-width: 1023px) {.thegem-te-heading.thegem-custom-69d27050156c77548{position: relative !important;}}@media screen and (max-width: 767px) {.thegem-te-heading.thegem-custom-69d27050156c77548{position: relative !important;}}<\/style><div class=\"clearboth\"><\/div><style>#thegem-divider-69d27050156dc {margin-top: 120px !important;}@media screen and (max-width: 1023px) and (min-width: 768px) {#thegem-divider-69d27050156dc {margin-top: 90px !important;}}@media screen and (max-width: 767px) {#thegem-divider-69d27050156dc {margin-top: 70px !important;}}<\/style><div id=\"thegem-divider-69d27050156dc\" class=\"gem-divider  \" style=\"\" ><\/div><style>.portfolio.portfolio-grid#style-c5a2ec7 .portfolio-item:not(.size-item), .preloader#style-preloader-c5a2ec7 .portfolio-item { padding: calc(16px\/2) !important; }.portfolio.portfolio-grid#style-c5a2ec7 .portfolio-item.size-item { padding: 0 calc(16px\/2) !important; }.portfolio.portfolio-grid#style-c5a2ec7 .portfolio-row, .preloader#style-preloader-c5a2ec7 .skeleton-posts.portfolio-row { margin: calc(-16px\/2); }.portfolio.portfolio-grid#style-c5a2ec7.fullwidth-columns .portfolio-row { margin: calc(-16px\/2) 0; }.portfolio.portfolio-grid#style-c5a2ec7 .fullwidth-block:not(.no-paddings) { padding-left: 16px; padding-right: 16px; }.portfolio.portfolio-grid#style-c5a2ec7 .fullwidth-block .portfolio-row { padding-left: calc(16px\/2); padding-right: calc(16px\/2); }.portfolio.portfolio-grid#style-c5a2ec7 .fullwidth-block .portfolio-top-panel { padding-left: 16px; padding-right: 16px; }.portfolio.portfolio-grid#style-c5a2ec7.fullwidth-columns .with-filter-sidebar .filter-sidebar { padding-left: 16px; }.portfolio.portfolio-grid#style-c5a2ec7 .portfolio-item .caption { text-align: left !important; }.portfolio.portfolio-grid#style-c5a2ec7 .portfolio-item .caption .caption-separator { margin-left : 0 !important; }.portfolio.portfolio-grid#style-c5a2ec7 .portfolio-item .caption .portfolio-likes { text-align: -webkit-left !important; }.portfolio.portfolio-grid#style-c5a2ec7 .portfolio-item .caption { padding-top: 15px !important; }.portfolio.portfolio-grid#style-c5a2ec7 .portfolio-item .caption { padding-bottom: 15px !important; }.portfolio.portfolio-grid#style-c5a2ec7 .portfolio-item .caption .title span { letter-spacing: 0px !important; }.portfolio.portfolio-grid#style-c5a2ec7 .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-c5a2ec7 .portfolio-item .caption .subtitle { max-height: initial !important; }.portfolio.portfolio-grid#style-c5a2ec7 .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-c5a2ec7 .portfolio-item .caption .subtitle a, .portfolio.portfolio-grid#style-c5a2ec7 .portfolio-item .caption .subtitle p { white-space: initial; overflow: initial; }<\/style><style>.portfolio.portfolio-grid#style-c5a2ec7 .portfolio-item .details .details-item .label { letter-spacing: px }.portfolio.portfolio-grid#style-c5a2ec7 .portfolio-item .details .details-item .value { letter-spacing: px }.portfolio.portfolio-grid#style-c5a2ec7 .portfolio-item .image,.portfolio.portfolio-grid#style-c5a2ec7 .portfolio-item .image .image-inner,.portfolio.portfolio-grid#style-c5a2ec7 .portfolio-item .image .overlay,.portfolio.portfolio-grid#style-c5a2ec7.caption-position-hover .portfolio-item .wrap,.portfolio.portfolio-grid#style-c5a2ec7.caption-position-image .portfolio-item .wrap { border-radius: 5px }.portfolio.portfolio-grid#style-c5a2ec7.caption-position-page .portfolio-item .wrap { border-radius: 5px 5px 0 0 }<\/style><div id=\"style-preloader-c5a2ec7\" class=\"preloader save-space\"><div class=\"preloader-spin-new\"><\/div><\/div> <div class=\"portfolio-preloader-wrapper panel-sidebar-position-left\"> <div class=\"portfolio portfolio-grid extended-portfolio-grid no-padding portfolio-pagination-disable portfolio-style-metro background-style-transparent title-style-dark hover-zoom-overlay title-on-page hover-elements-size-default version-alternative caption-position-page loading-animation item-animation-move-up columns-3 columns-tablet-2 columns-mobile-1 disable-bottom-margin minimal-preloader \" id=\"style-c5a2ec7\" data-style-uid=\"c5a2ec7\" data-portfolio-uid=\"grid_20ffbe0\" data-current-page=\"1\" data-per-page=\"8\" data-next-page=\"0\" data-pages-count=\"1\" 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=\".identity\" class=\" title-h6 hover-pointer\"> <span class=\"light\"> Identity <\/span> <\/a> <a href=\"#\" data-filter=\".promotions\" class=\" title-h6 hover-pointer\"> <span class=\"light\"> Promotions <\/span> <\/a> <a href=\"#\" data-filter=\".placement\" class=\" title-h6 hover-pointer\"> <span class=\"light\"> Placement <\/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=\".identity\"> Identity <\/a> <\/li> <li> <a href=\"#\" data-filter=\".promotions\"> Promotions <\/a> <\/li> <li> <a href=\"#\" data-filter=\".placement\"> Placement <\/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 identity item-animations-not-inited portfolio-item-template appearance-type-featured_image post-10308 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710114946\"> <div class=\"wrap clearfix\"> <div class=\"image post-10308 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\/Metro-3-01-thegem-portfolio-metro.jpg 1x\" sizes=\"100vw\"> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Metro-3-01-thegem-portfolio-metro.jpg\" width=\"781\" height=\"500\" class=\"attachment-thegem-portfolio-metro\" alt=\"Yellow Boost\" \/> <\/picture> <\/div> <div class=\"overlay \"> <div class=\"overlay-circle\"><\/div> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Metro-3-01.jpg\" target=\"_self\" class=\"portfolio-item-link full-image\" data-fancybox=\"thegem-portfolio\" data-elementor-open-lightbox=\"no\"> <span class=\"screen-reader-text\">Yellow Boost<\/span> <\/a> <div class=\"links-wrapper\"> <div class=\"links\"> <\/div> <\/div> <\/div> <\/div> <div class=\"caption post-10308 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\"> <div class=\"title\"> <span class=\"title-h6 \"> Yellow Boost <\/span> <\/div> <div class=\"details layout-inline details-alignment- style-text with-divider\"> <div class=\"details-item\"> <span class=\"value text-body-tiny \"> <span>Creative Media Agency<\/span> <\/span> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item promotions item-animations-not-inited portfolio-item-template appearance-type-featured_image post-10317 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710114939\"> <div class=\"wrap clearfix\"> <div class=\"image post-10317 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\/Metro-3-02-thegem-portfolio-metro.jpg 1x\" sizes=\"100vw\"> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Metro-3-02-thegem-portfolio-metro.jpg\" width=\"554\" height=\"500\" class=\"attachment-thegem-portfolio-metro\" alt=\"Fresh Mockup\" \/> <\/picture> <\/div> <div class=\"overlay \"> <div class=\"overlay-circle\"><\/div> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Metro-3-02.jpg\" target=\"_self\" class=\"portfolio-item-link full-image\" data-fancybox=\"thegem-portfolio\" data-elementor-open-lightbox=\"no\"> <span class=\"screen-reader-text\">Fresh Mockup<\/span> <\/a> <div class=\"links-wrapper\"> <div class=\"links\"> <\/div> <\/div> <\/div> <\/div> <div class=\"caption post-10317 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\"> <div class=\"title\"> <span class=\"title-h6 \"> Fresh Mockup <\/span> <\/div> <div class=\"details layout-inline details-alignment- style-text with-divider\"> <div class=\"details-item\"> <span class=\"value text-body-tiny \"> <span>Creative Media Agency<\/span> <\/span> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item placement item-animations-not-inited portfolio-item-template appearance-type-featured_image post-10318 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710114921\"> <div class=\"wrap clearfix\"> <div class=\"image post-10318 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\/Metro-3-03-thegem-portfolio-metro.jpg 1x\" sizes=\"100vw\"> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Metro-3-03-thegem-portfolio-metro.jpg\" width=\"698\" height=\"500\" class=\"attachment-thegem-portfolio-metro\" alt=\"Modern Badge\" \/> <\/picture> <\/div> <div class=\"overlay \"> <div class=\"overlay-circle\"><\/div> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Metro-3-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<\/span> <\/a> <div class=\"links-wrapper\"> <div class=\"links\"> <\/div> <\/div> <\/div> <\/div> <div class=\"caption post-10318 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\"> <div class=\"title\"> <span class=\"title-h6 \"> Modern Badge <\/span> <\/div> <div class=\"details layout-inline details-alignment- style-text with-divider\"> <div class=\"details-item\"> <span class=\"value text-body-tiny \"> <span>Creative Media Agency<\/span> <\/span> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item identity item-animations-not-inited portfolio-item-template appearance-type-featured_image post-10319 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710114916\"> <div class=\"wrap clearfix\"> <div class=\"image post-10319 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\/Metro-3-04-thegem-portfolio-metro.jpg 1x\" sizes=\"100vw\"> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Metro-3-04-thegem-portfolio-metro.jpg\" width=\"650\" height=\"500\" class=\"attachment-thegem-portfolio-metro\" 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\/Metro-3-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> <\/div> <\/div> <\/div> <div class=\"caption post-10319 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\"> <div class=\"title\"> <span class=\"title-h6 \"> Dancing Cups <\/span> <\/div> <div class=\"details layout-inline details-alignment- style-text with-divider\"> <div class=\"details-item\"> <span class=\"value text-body-tiny \"> <span>Creative Media Agency<\/span> <\/span> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item promotions item-animations-not-inited portfolio-item-template appearance-type-featured_image post-10320 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710114902\"> <div class=\"wrap clearfix\"> <div class=\"image post-10320 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\/Metro-3-05-thegem-portfolio-metro.jpg 1x\" sizes=\"100vw\"> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Metro-3-05-thegem-portfolio-metro.jpg\" width=\"966\" height=\"500\" class=\"attachment-thegem-portfolio-metro\" alt=\"iPhone X\" \/> <\/picture> <\/div> <div class=\"overlay \"> <div class=\"overlay-circle\"><\/div> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Metro-3-05.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<\/span> <\/a> <div class=\"links-wrapper\"> <div class=\"links\"> <\/div> <\/div> <\/div> <\/div> <div class=\"caption post-10320 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\"> <div class=\"title\"> <span class=\"title-h6 \"> iPhone X <\/span> <\/div> <div class=\"details layout-inline details-alignment- style-text with-divider\"> <div class=\"details-item\"> <span class=\"value text-body-tiny \"> <span> Creative Research & Media Agency<\/span> <\/span> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item placement item-animations-not-inited portfolio-item-template appearance-type-featured_image post-10321 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710114891\"> <div class=\"wrap clearfix\"> <div class=\"image post-10321 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\/Metro-3-06-thegem-portfolio-metro.jpg 1x\" sizes=\"100vw\"> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Metro-3-06-thegem-portfolio-metro.jpg\" width=\"416\" height=\"500\" class=\"attachment-thegem-portfolio-metro\" alt=\"T-Shirt\" \/> <\/picture> <\/div> <div class=\"overlay \"> <div class=\"overlay-circle\"><\/div> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Metro-3-06.jpg\" target=\"_self\" class=\"portfolio-item-link full-image\" data-fancybox=\"thegem-portfolio\" data-elementor-open-lightbox=\"no\"> <span class=\"screen-reader-text\">T-Shirt<\/span> <\/a> <div class=\"links-wrapper\"> <div class=\"links\"> <\/div> <\/div> <\/div> <\/div> <div class=\"caption post-10321 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\"> <div class=\"title\"> <span class=\"title-h6 \"> T-Shirt <\/span> <\/div> <div class=\"details layout-inline details-alignment- style-text with-divider\"> <div class=\"details-item\"> <span class=\"value text-body-tiny \"> <span> Creative Research & Media Agency<\/span> <\/span> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item identity item-animations-not-inited portfolio-item-template appearance-type-featured_image post-10322 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710114884\"> <div class=\"wrap clearfix\"> <div class=\"image post-10322 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\/Metro-3-07-thegem-portfolio-metro.jpg 1x\" sizes=\"100vw\"> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Metro-3-07-thegem-portfolio-metro.jpg\" width=\"1057\" height=\"500\" class=\"attachment-thegem-portfolio-metro\" alt=\"Business Card\" \/> <\/picture> <\/div> <div class=\"overlay \"> <div class=\"overlay-circle\"><\/div> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Metro-3-07.jpg\" target=\"_self\" class=\"portfolio-item-link full-image\" data-fancybox=\"thegem-portfolio\" data-elementor-open-lightbox=\"no\"> <span class=\"screen-reader-text\">Business Card<\/span> <\/a> <div class=\"links-wrapper\"> <div class=\"links\"> <\/div> <\/div> <\/div> <\/div> <div class=\"caption post-10322 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\"> <div class=\"title\"> <span class=\"title-h6 \"> Business Card <\/span> <\/div> <div class=\"details layout-inline details-alignment- style-text with-divider\"> <div class=\"details-item\"> <span class=\"value text-body-tiny \"> <span> Creative Research & Media Agency<\/span> <\/span> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item promotions item-animations-not-inited portfolio-item-template appearance-type-featured_image post-10323 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710114866\"> <div class=\"wrap clearfix\"> <div class=\"image post-10323 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\/Metro-3-08-thegem-portfolio-metro.jpg 1x\" sizes=\"100vw\"> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Metro-3-08-thegem-portfolio-metro.jpg\" width=\"1004\" height=\"500\" class=\"attachment-thegem-portfolio-metro\" alt=\"Wristband\" \/> <\/picture> <\/div> <div class=\"overlay \"> <div class=\"overlay-circle\"><\/div> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Metro-3-08.jpg\" target=\"_self\" class=\"portfolio-item-link full-image\" data-fancybox=\"thegem-portfolio\" data-elementor-open-lightbox=\"no\"> <span class=\"screen-reader-text\">Wristband<\/span> <\/a> <div class=\"links-wrapper\"> <div class=\"links\"> <\/div> <\/div> <\/div> <\/div> <div class=\"caption post-10323 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\"> <div class=\"title\"> <span class=\"title-h6 \"> Wristband <\/span> <\/div> <div class=\"details layout-inline details-alignment- style-text with-divider\"> <div class=\"details-item\"> <span class=\"value text-body-tiny \"> <span> Creative Research & Media Agency<\/span> <\/span> <\/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-10323 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_1678949485741{margin-bottom: 0px !important;}&#8221;][vc_column css=&#8221;.vc_custom_1678961622929{padding-top: 100px !important;padding-bottom: 50px !important;}&#8221; mobile_padding_bottom=&#8221;40&#8243; tablet_padding_top=&#8221;30&#8243;]<div class=\"thegem-te-heading thegem-custom-69d27050190305456\" ><div id=\"thegem-heading-69d2705018fba\" class=\"thegem-heading title-h2\" style=\"text-align: center;\" ><span>Advanced Filters<\/span><\/div><style type=\"text\/css\">#thegem-heading-69d2705018fba {margin: 0;}#thegem-heading-69d2705018fba {margin-left: auto; margin-right: auto;}#thegem-heading-69d2705018fba > * {justify-content: center;}#thegem-heading-69d2705018fba {letter-spacing: 0px;}#thegem-heading-69d2705018fba, #thegem-heading-69d2705018fba .light {text-transform: none;}#thegem-heading-69d2705018fba a:hover, #thegem-heading-69d2705018fba 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-69d27050190305456{display: block!important;}}@media screen and (max-width: 767px) {.thegem-te-heading.thegem-custom-69d27050190305456{display: block!important;}}@media screen and (max-width: 1023px) {.thegem-te-heading.thegem-custom-69d27050190305456{position: relative !important;}}@media screen and (max-width: 767px) {.thegem-te-heading.thegem-custom-69d27050190305456{position: relative !important;}}<\/style><div class=\"clearboth\"><\/div><style>#thegem-divider-69d270501904c {margin-top: 20px !important;}<\/style><div id=\"thegem-divider-69d270501904c\" class=\"gem-divider  \" style=\"\" ><\/div><div class=\"thegem-te-heading thegem-custom-69d27050191081586\" ><div id=\"thegem-heading-69d27050190a5\" class=\"thegem-heading styled-subtitle\" style=\"text-align: center;\" ><span>Add lightning fast extended AJAX filters with taxonomy terms, custom fields, ACF and Toolset fields. Activate search and sorting.<\/span><\/div><style type=\"text\/css\">#thegem-heading-69d27050190a5 {margin: 0;}#thegem-heading-69d27050190a5 {margin-left: auto; margin-right: auto;}#thegem-heading-69d27050190a5 > * {justify-content: center;}#thegem-heading-69d27050190a5 {max-width: 720px;}#thegem-heading-69d27050190a5 a:hover, #thegem-heading-69d27050190a5 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-69d27050191081586{display: block!important;}}@media screen and (max-width: 767px) {.thegem-te-heading.thegem-custom-69d27050191081586{display: block!important;}}@media screen and (max-width: 1023px) {.thegem-te-heading.thegem-custom-69d27050191081586{position: relative !important;}}@media screen and (max-width: 767px) {.thegem-te-heading.thegem-custom-69d27050191081586{position: relative !important;}}<\/style>[\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row_content&#8221; css=&#8221;.vc_custom_1678957691403{margin-bottom: 0px !important;}&#8221;][vc_column css=&#8221;.vc_custom_1679048333079{padding-top: 70px !important;padding-bottom: 70px !important;}&#8221; mobile_padding_top=&#8221;50&#8243; mobile_padding_bottom=&#8221;50&#8243;]<style>.portfolio.portfolio-grid#style-f12089b .portfolio-item:not(.size-item), .preloader#style-preloader-f12089b .portfolio-item { padding: calc(42px\/2) !important; }.portfolio.portfolio-grid#style-f12089b .portfolio-item.size-item { padding: 0 calc(42px\/2) !important; }.portfolio.portfolio-grid#style-f12089b .portfolio-row, .preloader#style-preloader-f12089b .skeleton-posts.portfolio-row { margin: calc(-42px\/2); }.portfolio.portfolio-grid#style-f12089b.fullwidth-columns .portfolio-row { margin: calc(-42px\/2) 0; }.portfolio.portfolio-grid#style-f12089b .fullwidth-block:not(.no-paddings) { padding-left: 42px; padding-right: 42px; }.portfolio.portfolio-grid#style-f12089b .fullwidth-block .portfolio-row { padding-left: calc(42px\/2); padding-right: calc(42px\/2); }.portfolio.portfolio-grid#style-f12089b .fullwidth-block .portfolio-top-panel { padding-left: 42px; padding-right: 42px; }.portfolio.portfolio-grid#style-f12089b.fullwidth-columns .with-filter-sidebar .filter-sidebar { padding-left: 42px; }@media (max-width: 991px) { .portfolio.portfolio-grid#style-f12089b .portfolio-item:not(.size-item), .preloader#style-preloader-f12089b .portfolio-item { padding: calc(21px\/2) !important; }.portfolio.portfolio-grid#style-f12089b .portfolio-item.size-item { padding: 0 calc(21px\/2) !important; }.portfolio.portfolio-grid#style-f12089b .portfolio-row, .preloader#style-preloader-f12089b .skeleton-posts.portfolio-row { margin: calc(-21px\/2); }.portfolio.portfolio-grid#style-f12089b.fullwidth-columns .portfolio-row { margin: calc(-21px\/2) 0; }.portfolio.portfolio-grid#style-f12089b .fullwidth-block:not(.no-paddings) { padding-left: 21px; padding-right: 21px; }.portfolio.portfolio-grid#style-f12089b .fullwidth-block .portfolio-row { padding-left: calc(21px\/2); padding-right: calc(21px\/2); }.portfolio.portfolio-grid#style-f12089b .fullwidth-block .portfolio-top-panel { padding-left: 21px; padding-right: 21px; }.portfolio.portfolio-grid#style-f12089b.fullwidth-columns .with-filter-sidebar .filter-sidebar { padding-left: 21px; }}.portfolio.portfolio-grid#style-f12089b .portfolio-item .caption { text-align: center !important; }.portfolio.portfolio-grid#style-f12089b .portfolio-item .caption .caption-separator { margin-center : 0 !important; }.portfolio.portfolio-grid#style-f12089b .portfolio-item .caption .portfolio-likes { text-align: -webkit-center !important; }.portfolio.portfolio-grid#style-f12089b .portfolio-item .caption { padding-top: 35px !important; }.portfolio.portfolio-grid#style-f12089b .portfolio-item .caption { padding-bottom: 35px !important; }.portfolio.portfolio-grid#style-f12089b .portfolio-item .caption { border-bottom-color: rgba(255,255,255,0.01) !important; }.portfolio.portfolio-grid#style-f12089b .portfolio-item .caption .title span { letter-spacing: 0px !important; }.portfolio.portfolio-grid#style-f12089b .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-f12089b .portfolio-item .caption .subtitle { max-height: initial !important; }.portfolio.portfolio-grid#style-f12089b .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-f12089b .portfolio-item .caption .subtitle a, .portfolio.portfolio-grid#style-f12089b .portfolio-item .caption .subtitle p { white-space: initial; overflow: initial; }<\/style><style>.portfolio.portfolio-grid#style-f12089b.shadowed-container .portfolio-item .wrap, .portfolio.portfolio-grid#style-f12089b .portfolio-item .thegem-template-wrapper { box-shadow: 0px 20px 40px 0px rgba(0,0,0,0.12); }<\/style><div id=\"style-preloader-f12089b\" class=\"preloader save-space\"><div class=\"preloader-spin-new\"><\/div><\/div> <div class=\"portfolio-preloader-wrapper panel-sidebar-position-left\"> <div class=\"portfolio portfolio-grid extended-portfolio-grid no-padding portfolio-pagination-disable portfolio-style-metro background-style-white title-style-dark hover-default title-on-page hover-elements-size-default version-alternative caption-position-page loading-animation item-animation-flip shadowed-container columns-4 columns-tablet-2 columns-mobile-1 minimal-preloader \" id=\"style-f12089b\" data-style-uid=\"f12089b\" data-portfolio-uid=\"grid_f1edhjbg\" data-current-page=\"1\" data-per-page=\"8\" 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-extended panel-with-search\"> <div class=\"portfolio-top-panel-row filter-style-buttons\"> <div class=\"portfolio-top-panel-left left\"> <div class=\"portfolio-filters-list style-standard has-right-panel\"> <div class=\"portfolio-show-filters-button with-icon\"> Show Filters <span class=\"portfolio-show-filters-button-icon\"><\/span> <\/div> <div class=\"portfolio-filters-outer\"> <div class=\"portfolio-filters-area\"> <div class=\"portfolio-filters-area-scrollable\"> <h2 class=\"light\">Filter<\/h2> <div class=\"widget-area-wrap\"> <div class=\"portfolio-filters-extended widget-area\"> <div class=\"portfolio-filter-item with-search-filter\"> <form class=\"portfolio-search-filter live-search\" 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 class=\"portfolio-filter-item attribute meta__thegem_cf_tools single\"> <h4 class=\"name widget-title\"> <span class=\"widget-title-by\"> Filter By <\/span> Tools <span class=\"widget-title-arrow\"><\/span> <\/h4> <div class=\"portfolio-filter-item-list\"> <ul> <li> <a href=\"#\" data-filter-type=\"details\" data-attr=\"meta__thegem_cf_tools\" data-filter=\"*\" class=\"all active\" rel=\"nofollow\"> <span class=\"check\"><\/span> <span class=\"title\">All<\/span> <\/a> <\/li> <li> <a href=\"#\" data-filter-type=\"details\" data-attr=\"meta__thegem_cf_tools\" data-filter=\"AJAX\" class=\"\" rel=\"nofollow\"> <span class=\"check\"><\/span> <span class=\"title\">AJAX<\/span> <\/a> <\/li> <li> <a href=\"#\" data-filter-type=\"details\" data-attr=\"meta__thegem_cf_tools\" data-filter=\"CSS\" class=\"\" rel=\"nofollow\"> <span class=\"check\"><\/span> <span class=\"title\">CSS<\/span> <\/a> <\/li> <li> <a href=\"#\" data-filter-type=\"details\" data-attr=\"meta__thegem_cf_tools\" data-filter=\"JavaScript\" class=\"\" rel=\"nofollow\"> <span class=\"check\"><\/span> <span class=\"title\">JavaScript<\/span> <\/a> <\/li> <li> <a href=\"#\" data-filter-type=\"details\" data-attr=\"meta__thegem_cf_tools\" data-filter=\"PHP\" class=\"\" rel=\"nofollow\"> <span class=\"check\"><\/span> <span class=\"title\">PHP<\/span> <\/a> <\/li> <\/ul> <\/div> <\/div> <div class=\"portfolio-filter-item attribute meta__thegem_cf_level single\"> <h4 class=\"name widget-title\"> <span class=\"widget-title-by\"> Filter By <\/span> Level <span class=\"widget-title-arrow\"><\/span> <\/h4> <div class=\"portfolio-filter-item-list\"> <ul> <li> <a href=\"#\" data-filter-type=\"details\" data-attr=\"meta__thegem_cf_level\" data-filter=\"*\" class=\"all active\" rel=\"nofollow\"> <span class=\"check\"><\/span> <span class=\"title\">All<\/span> <\/a> <\/li> <li> <a href=\"#\" data-filter-type=\"details\" data-attr=\"meta__thegem_cf_level\" data-filter=\"Beginner\" class=\"\" rel=\"nofollow\"> <span class=\"check\"><\/span> <span class=\"title\">Beginner<\/span> <\/a> <\/li> <li> <a href=\"#\" data-filter-type=\"details\" data-attr=\"meta__thegem_cf_level\" data-filter=\"Expert\" class=\"\" rel=\"nofollow\"> <span class=\"check\"><\/span> <span class=\"title\">Expert<\/span> <\/a> <\/li> <li> <a href=\"#\" data-filter-type=\"details\" data-attr=\"meta__thegem_cf_level\" data-filter=\"Intermediate\" class=\"\" rel=\"nofollow\"> <span class=\"check\"><\/span> <span class=\"title\">Intermediate<\/span> <\/a> <\/li> <li> <a href=\"#\" data-filter-type=\"details\" data-attr=\"meta__thegem_cf_level\" data-filter=\"Skilled\" class=\"\" rel=\"nofollow\"> <span class=\"check\"><\/span> <span class=\"title\">Skilled<\/span> <\/a> <\/li> <\/ul> <\/div> <\/div> <div class=\"portfolio-filter-item attribute meta__thegem_cf_access multiple\"> <h4 class=\"name widget-title\"> <span class=\"widget-title-by\"> Filter By <\/span> Access <span class=\"widget-title-arrow\"><\/span> <\/h4> <div class=\"portfolio-filter-item-list\"> <ul> <li> <a href=\"#\" data-filter-type=\"details\" data-attr=\"meta__thegem_cf_access\" data-filter=\"*\" class=\"all active\" rel=\"nofollow\"> <span class=\"title\">All<\/span> <\/a> <\/li> <li> <a href=\"#\" data-filter-type=\"details\" data-attr=\"meta__thegem_cf_access\" data-filter=\"Free\" class=\"\" rel=\"nofollow\"> <span class=\"title\">Free<\/span> <\/a> <\/li> <li> <a href=\"#\" data-filter-type=\"details\" data-attr=\"meta__thegem_cf_access\" data-filter=\"Premium\" class=\"\" rel=\"nofollow\"> <span class=\"title\">Premium<\/span> <\/a> <\/li> <\/ul> <\/div> <\/div> <div class=\"portfolio-filter-item attribute meta__thegem_cf_year single\"> <h4 class=\"name widget-title\"> <span class=\"widget-title-by\"> Filter By <\/span> Year <span class=\"widget-title-arrow\"><\/span> <\/h4> <div class=\"portfolio-filter-item-list\"> <ul> <li> <a href=\"#\" data-filter-type=\"details\" data-attr=\"meta__thegem_cf_year\" data-filter=\"*\" class=\"all active\" rel=\"nofollow\"> <span class=\"check\"><\/span> <span class=\"title\">All<\/span> <\/a> <\/li> <li> <a href=\"#\" data-filter-type=\"details\" data-attr=\"meta__thegem_cf_year\" data-filter=\"2019\" class=\"\" rel=\"nofollow\"> <span class=\"check\"><\/span> <span class=\"title\">2019<\/span> <\/a> <\/li> <li> <a href=\"#\" data-filter-type=\"details\" data-attr=\"meta__thegem_cf_year\" data-filter=\"2020\" class=\"\" rel=\"nofollow\"> <span class=\"check\"><\/span> <span class=\"title\">2020<\/span> <\/a> <\/li> <li> <a href=\"#\" data-filter-type=\"details\" data-attr=\"meta__thegem_cf_year\" data-filter=\"2021\" class=\"\" rel=\"nofollow\"> <span class=\"check\"><\/span> <span class=\"title\">2021<\/span> <\/a> <\/li> <li> <a href=\"#\" data-filter-type=\"details\" data-attr=\"meta__thegem_cf_year\" data-filter=\"2022\" class=\"\" rel=\"nofollow\"> <span class=\"check\"><\/span> <span class=\"title\">2022<\/span> <\/a> <\/li> <li> <a href=\"#\" data-filter-type=\"details\" data-attr=\"meta__thegem_cf_year\" data-filter=\"2023\" class=\"\" rel=\"nofollow\"> <span class=\"check\"><\/span> <span class=\"title\">2023<\/span> <\/a> <\/li> <\/ul> <\/div> <\/div> <div class=\"portfolio-filter-item portfolio-selected-filters left\"> <div class=\"portfolio-selected-filter-item clear-filters\"> Clear Filters\t<\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-close-filters\"><\/div> <\/div>\n<\/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 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 events item-animations-not-inited portfolio-item-template appearance-type-featured_image post-10337 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710115356\"> <div class=\"wrap clearfix\"> <div class=\"image post-10337 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\/Metro-4-01-thegem-portfolio-metro.jpg 1x\" sizes=\"100vw\"> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Metro-4-01-thegem-portfolio-metro.jpg\" width=\"684\" height=\"500\" class=\"attachment-thegem-portfolio-metro\" alt=\"WP Developer\" \/> <\/picture> <\/div> <div class=\"overlay \"> <div class=\"overlay-circle\"><\/div> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"portfolio-icons\"> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/pf\/wp-developer\/\" target=\"_blank\" class=\"icon self-link \" data-elementor-open-lightbox=\"no\"> <i class=\"default\"><\/i> <\/a> <a href=\"javascript: void(0);\" class=\"icon share\"> <i class=\"default\"><\/i> <\/a> <div class=\"portfolio-sharing-pane\"> <div class=\"socials-sharing socials socials-colored-hover\"> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fwp-developer%2F\" title=\"Facebook\"><i class=\"socials-item-icon facebook\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/twitter.com\/intent\/tweet?text=WP+Developer&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fwp-developer%2F\" title=\"Twitter\"><i class=\"socials-item-icon twitter\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/pinterest.com\/pin\/create\/button\/?url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fwp-developer%2F&#038;description=WP+Developer&#038;media=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fwp-content%2Fuploads%2F2023%2F03%2FMetro-4-01-thegem-blog-timeline-large.jpg\" title=\"Pinterest\"><i class=\"socials-item-icon pinterest\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.tumblr.com\/widgets\/share\/tool?canonicalUrl=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fwp-developer%2F\" title=\"Tumblr\"><i class=\"socials-item-icon tumblr\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.linkedin.com\/shareArticle?mini=true&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fwp-developer%2F&#038;title=WP+Developer&amp;summary=Lorem+ipsum+dolor+sit+amet%2C+consectetur+adipisicing+elit%2C+sed+do+eiusmod+tempor+incididunt+ut+labore+et+dolore+magna+aliqua.+Ut+enim+ad+minim+veniam%2C+quis+nostrud+ullamco+laboris+nisi+ut+aliquip+ex+ea+commodo+consequat.+\" title=\"LinkedIn\"><i class=\"socials-item-icon linkedin\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.reddit.com\/submit?url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fwp-developer%2F&#038;title=WP+Developer\" title=\"Reddit\"><i class=\"socials-item-icon reddit\"><\/i><\/a> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"caption post-10337 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\"> <div class=\"title\"> <span class=\"title-h6 \"> WP Developer <\/span> <\/div> <div class=\"subtitle\"> <span class=\"\"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud ullamco laboris nisi ut aliquip ex ea commodo consequat. <\/p>\n<\/span> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item events item-animations-not-inited portfolio-item-template appearance-type-featured_image post-10346 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710115372\"> <div class=\"wrap clearfix\"> <div class=\"image post-10346 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\/Metro-4-02-thegem-portfolio-metro.jpg 1x\" sizes=\"100vw\"> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Metro-4-02-thegem-portfolio-metro.jpg\" width=\"437\" height=\"500\" class=\"attachment-thegem-portfolio-metro\" alt=\"Branding Pro\" \/> <\/picture> <\/div> <div class=\"overlay \"> <div class=\"overlay-circle\"><\/div> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"portfolio-icons\"> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/pf\/branding-pro\/\" target=\"_blank\" class=\"icon self-link \" data-elementor-open-lightbox=\"no\"> <i class=\"default\"><\/i> <\/a> <a href=\"javascript: void(0);\" class=\"icon share\"> <i class=\"default\"><\/i> <\/a> <div class=\"portfolio-sharing-pane\"> <div class=\"socials-sharing socials socials-colored-hover\"> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fbranding-pro%2F\" title=\"Facebook\"><i class=\"socials-item-icon facebook\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/twitter.com\/intent\/tweet?text=Branding+Pro&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fbranding-pro%2F\" title=\"Twitter\"><i class=\"socials-item-icon twitter\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/pinterest.com\/pin\/create\/button\/?url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fbranding-pro%2F&#038;description=Branding+Pro&#038;media=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fwp-content%2Fuploads%2F2023%2F03%2FMetro-4-02-thegem-blog-timeline-large.jpg\" title=\"Pinterest\"><i class=\"socials-item-icon pinterest\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.tumblr.com\/widgets\/share\/tool?canonicalUrl=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fbranding-pro%2F\" title=\"Tumblr\"><i class=\"socials-item-icon tumblr\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.linkedin.com\/shareArticle?mini=true&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fbranding-pro%2F&#038;title=Branding+Pro&amp;summary=Lorem+ipsum+dolor+sit+amet%2C+consectetur+adipisicing+elit%2C+sed+do+eiusmod+tempor+incididunt+ut+labore+et+dolore+magna+aliqua.+Ut+enim+ad+minim+veniam%2C+quis+nostrud+ullamco+laboris+nisi+ut+aliquip+ex+ea+commodo+consequat.+\" title=\"LinkedIn\"><i class=\"socials-item-icon linkedin\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.reddit.com\/submit?url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fbranding-pro%2F&#038;title=Branding+Pro\" title=\"Reddit\"><i class=\"socials-item-icon reddit\"><\/i><\/a> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"caption post-10346 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\"> <div class=\"title\"> <span class=\"title-h6 \"> Branding Pro <\/span> <\/div> <div class=\"subtitle\"> <span class=\"\"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud ullamco laboris nisi ut aliquip ex ea commodo consequat. <\/p>\n<\/span> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item events item-animations-not-inited portfolio-item-template appearance-type-featured_image post-10354 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710115501\"> <div class=\"wrap clearfix\"> <div class=\"image post-10354 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\/Metro-4-03-thegem-portfolio-metro.jpg 1x\" sizes=\"100vw\"> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Metro-4-03-thegem-portfolio-metro.jpg\" width=\"531\" height=\"500\" class=\"attachment-thegem-portfolio-metro\" alt=\"Marketer\" \/> <\/picture> <\/div> <div class=\"overlay \"> <div class=\"overlay-circle\"><\/div> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"portfolio-icons\"> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/pf\/marketer\/\" target=\"_blank\" class=\"icon self-link \" data-elementor-open-lightbox=\"no\"> <i class=\"default\"><\/i> <\/a> <a href=\"javascript: void(0);\" class=\"icon share\"> <i class=\"default\"><\/i> <\/a> <div class=\"portfolio-sharing-pane\"> <div class=\"socials-sharing socials socials-colored-hover\"> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fmarketer%2F\" title=\"Facebook\"><i class=\"socials-item-icon facebook\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/twitter.com\/intent\/tweet?text=Marketer&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fmarketer%2F\" title=\"Twitter\"><i class=\"socials-item-icon twitter\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/pinterest.com\/pin\/create\/button\/?url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fmarketer%2F&#038;description=Marketer&#038;media=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fwp-content%2Fuploads%2F2023%2F03%2FMetro-4-03-thegem-blog-timeline-large.jpg\" title=\"Pinterest\"><i class=\"socials-item-icon pinterest\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.tumblr.com\/widgets\/share\/tool?canonicalUrl=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fmarketer%2F\" title=\"Tumblr\"><i class=\"socials-item-icon tumblr\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.linkedin.com\/shareArticle?mini=true&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fmarketer%2F&#038;title=Marketer&amp;summary=Lorem+ipsum+dolor+sit+amet%2C+consectetur+adipisicing+elit%2C+sed+do+eiusmod+tempor+incididunt+ut+labore+et+dolore+magna+aliqua.+Ut+enim+ad+minim+veniam%2C+quis+nostrud+ullamco+laboris+nisi+ut+aliquip+ex+ea+commodo+consequat.+\" title=\"LinkedIn\"><i class=\"socials-item-icon linkedin\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.reddit.com\/submit?url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fmarketer%2F&#038;title=Marketer\" title=\"Reddit\"><i class=\"socials-item-icon reddit\"><\/i><\/a> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"caption post-10354 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\"> <div class=\"title\"> <span class=\"title-h6 \"> Marketer <\/span> <\/div> <div class=\"subtitle\"> <span class=\"\"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud ullamco laboris nisi ut aliquip ex ea commodo consequat. <\/p>\n<\/span> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item events item-animations-not-inited portfolio-item-template appearance-type-featured_image post-10355 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710115530\"> <div class=\"wrap clearfix\"> <div class=\"image post-10355 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\/Metro-4-04-thegem-portfolio-metro.jpg 1x\" sizes=\"100vw\"> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Metro-4-04-thegem-portfolio-metro.jpg\" width=\"615\" height=\"500\" class=\"attachment-thegem-portfolio-metro\" alt=\"Web Designer\" \/> <\/picture> <\/div> <div class=\"overlay \"> <div class=\"overlay-circle\"><\/div> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"portfolio-icons\"> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/pf\/web-designer\/\" target=\"_blank\" class=\"icon self-link \" data-elementor-open-lightbox=\"no\"> <i class=\"default\"><\/i> <\/a> <a href=\"javascript: void(0);\" class=\"icon share\"> <i class=\"default\"><\/i> <\/a> <div class=\"portfolio-sharing-pane\"> <div class=\"socials-sharing socials socials-colored-hover\"> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fweb-designer%2F\" title=\"Facebook\"><i class=\"socials-item-icon facebook\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/twitter.com\/intent\/tweet?text=Web+Designer&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fweb-designer%2F\" title=\"Twitter\"><i class=\"socials-item-icon twitter\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/pinterest.com\/pin\/create\/button\/?url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fweb-designer%2F&#038;description=Web+Designer&#038;media=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fwp-content%2Fuploads%2F2023%2F03%2FMetro-4-04-thegem-blog-timeline-large.jpg\" title=\"Pinterest\"><i class=\"socials-item-icon pinterest\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.tumblr.com\/widgets\/share\/tool?canonicalUrl=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fweb-designer%2F\" title=\"Tumblr\"><i class=\"socials-item-icon tumblr\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.linkedin.com\/shareArticle?mini=true&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fweb-designer%2F&#038;title=Web+Designer&amp;summary=Lorem+ipsum+dolor+sit+amet%2C+consectetur+adipisicing+elit%2C+sed+do+eiusmod+tempor+incididunt+ut+labore+et+dolore+magna+aliqua.+Ut+enim+ad+minim+veniam%2C+quis+nostrud+ullamco+laboris+nisi+ut+aliquip+ex+ea+commodo+consequat.+\" title=\"LinkedIn\"><i class=\"socials-item-icon linkedin\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.reddit.com\/submit?url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fweb-designer%2F&#038;title=Web+Designer\" title=\"Reddit\"><i class=\"socials-item-icon reddit\"><\/i><\/a> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"caption post-10355 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\"> <div class=\"title\"> <span class=\"title-h6 \"> Web Designer <\/span> <\/div> <div class=\"subtitle\"> <span class=\"\"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud ullamco laboris nisi ut aliquip ex ea commodo consequat. <\/p>\n<\/span> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item events item-animations-not-inited portfolio-item-template appearance-type-featured_image post-10356 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710115545\"> <div class=\"wrap clearfix\"> <div class=\"image post-10356 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\/Metro-4-05-thegem-portfolio-metro.jpg 1x\" sizes=\"100vw\"> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Metro-4-05-thegem-portfolio-metro.jpg\" width=\"489\" height=\"500\" class=\"attachment-thegem-portfolio-metro\" alt=\"Product Dev\" \/> <\/picture> <\/div> <div class=\"overlay \"> <div class=\"overlay-circle\"><\/div> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"portfolio-icons\"> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/pf\/product-dev\/\" target=\"_blank\" class=\"icon self-link \" data-elementor-open-lightbox=\"no\"> <i class=\"default\"><\/i> <\/a> <a href=\"javascript: void(0);\" class=\"icon share\"> <i class=\"default\"><\/i> <\/a> <div class=\"portfolio-sharing-pane\"> <div class=\"socials-sharing socials socials-colored-hover\"> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fproduct-dev%2F\" title=\"Facebook\"><i class=\"socials-item-icon facebook\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/twitter.com\/intent\/tweet?text=Product+Dev&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fproduct-dev%2F\" title=\"Twitter\"><i class=\"socials-item-icon twitter\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/pinterest.com\/pin\/create\/button\/?url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fproduct-dev%2F&#038;description=Product+Dev&#038;media=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fwp-content%2Fuploads%2F2023%2F03%2FMetro-4-05-thegem-blog-timeline-large.jpg\" title=\"Pinterest\"><i class=\"socials-item-icon pinterest\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.tumblr.com\/widgets\/share\/tool?canonicalUrl=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fproduct-dev%2F\" title=\"Tumblr\"><i class=\"socials-item-icon tumblr\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.linkedin.com\/shareArticle?mini=true&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fproduct-dev%2F&#038;title=Product+Dev&amp;summary=Lorem+ipsum+dolor+sit+amet%2C+consectetur+adipisicing+elit%2C+sed+do+eiusmod+tempor+incididunt+ut+labore+et+dolore+magna+aliqua.+Ut+enim+ad+minim+veniam%2C+quis+nostrud+ullamco+laboris+nisi+ut+aliquip+ex+ea+commodo+consequat.+\" title=\"LinkedIn\"><i class=\"socials-item-icon linkedin\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.reddit.com\/submit?url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fproduct-dev%2F&#038;title=Product+Dev\" title=\"Reddit\"><i class=\"socials-item-icon reddit\"><\/i><\/a> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"caption post-10356 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\"> <div class=\"title\"> <span class=\"title-h6 \"> Product Dev <\/span> <\/div> <div class=\"subtitle\"> <span class=\"\"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud ullamco laboris nisi ut aliquip ex ea commodo consequat. <\/p>\n<\/span> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item events item-animations-not-inited portfolio-item-template appearance-type-featured_image post-10357 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710115562\"> <div class=\"wrap clearfix\"> <div class=\"image post-10357 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\/Metro-4-06-thegem-portfolio-metro.jpg 1x\" sizes=\"100vw\"> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Metro-4-06-thegem-portfolio-metro.jpg\" width=\"471\" height=\"500\" class=\"attachment-thegem-portfolio-metro\" alt=\"Audio Engineer\" \/> <\/picture> <\/div> <div class=\"overlay \"> <div class=\"overlay-circle\"><\/div> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"portfolio-icons\"> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/pf\/audio-engineer\/\" target=\"_blank\" class=\"icon self-link \" data-elementor-open-lightbox=\"no\"> <i class=\"default\"><\/i> <\/a> <a href=\"javascript: void(0);\" class=\"icon share\"> <i class=\"default\"><\/i> <\/a> <div class=\"portfolio-sharing-pane\"> <div class=\"socials-sharing socials socials-colored-hover\"> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Faudio-engineer%2F\" title=\"Facebook\"><i class=\"socials-item-icon facebook\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/twitter.com\/intent\/tweet?text=Audio+Engineer&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Faudio-engineer%2F\" title=\"Twitter\"><i class=\"socials-item-icon twitter\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/pinterest.com\/pin\/create\/button\/?url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Faudio-engineer%2F&#038;description=Audio+Engineer&#038;media=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fwp-content%2Fuploads%2F2023%2F03%2FMetro-4-06-thegem-blog-timeline-large.jpg\" title=\"Pinterest\"><i class=\"socials-item-icon pinterest\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.tumblr.com\/widgets\/share\/tool?canonicalUrl=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Faudio-engineer%2F\" title=\"Tumblr\"><i class=\"socials-item-icon tumblr\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.linkedin.com\/shareArticle?mini=true&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Faudio-engineer%2F&#038;title=Audio+Engineer&amp;summary=Lorem+ipsum+dolor+sit+amet%2C+consectetur+adipisicing+elit%2C+sed+do+eiusmod+tempor+incididunt+ut+labore+et+dolore+magna+aliqua.+Ut+enim+ad+minim+veniam%2C+quis+nostrud+ullamco+laboris+nisi+ut+aliquip+ex+ea+commodo+consequat.+\" title=\"LinkedIn\"><i class=\"socials-item-icon linkedin\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.reddit.com\/submit?url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Faudio-engineer%2F&#038;title=Audio+Engineer\" title=\"Reddit\"><i class=\"socials-item-icon reddit\"><\/i><\/a> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"caption post-10357 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\"> <div class=\"title\"> <span class=\"title-h6 \"> Audio Engineer <\/span> <\/div> <div class=\"subtitle\"> <span class=\"\"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud ullamco laboris nisi ut aliquip ex ea commodo consequat. <\/p>\n<\/span> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item events item-animations-not-inited portfolio-item-template appearance-type-featured_image post-10358 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710115581\"> <div class=\"wrap clearfix\"> <div class=\"image post-10358 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\/Metro-4-07-thegem-portfolio-metro.jpg 1x\" sizes=\"100vw\"> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Metro-4-07-thegem-portfolio-metro.jpg\" width=\"399\" height=\"500\" class=\"attachment-thegem-portfolio-metro\" alt=\"Product QA\" \/> <\/picture> <\/div> <div class=\"overlay \"> <div class=\"overlay-circle\"><\/div> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"portfolio-icons\"> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/pf\/product-qa\/\" target=\"_blank\" class=\"icon self-link \" data-elementor-open-lightbox=\"no\"> <i class=\"default\"><\/i> <\/a> <a href=\"javascript: void(0);\" class=\"icon share\"> <i class=\"default\"><\/i> <\/a> <div class=\"portfolio-sharing-pane\"> <div class=\"socials-sharing socials socials-colored-hover\"> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fproduct-qa%2F\" title=\"Facebook\"><i class=\"socials-item-icon facebook\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/twitter.com\/intent\/tweet?text=Product+QA&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fproduct-qa%2F\" title=\"Twitter\"><i class=\"socials-item-icon twitter\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/pinterest.com\/pin\/create\/button\/?url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fproduct-qa%2F&#038;description=Product+QA&#038;media=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fwp-content%2Fuploads%2F2023%2F03%2FMetro-4-07-thegem-blog-timeline-large.jpg\" title=\"Pinterest\"><i class=\"socials-item-icon pinterest\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.tumblr.com\/widgets\/share\/tool?canonicalUrl=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fproduct-qa%2F\" title=\"Tumblr\"><i class=\"socials-item-icon tumblr\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.linkedin.com\/shareArticle?mini=true&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fproduct-qa%2F&#038;title=Product+QA&amp;summary=Lorem+ipsum+dolor+sit+amet%2C+consectetur+adipisicing+elit%2C+sed+do+eiusmod+tempor+incididunt+ut+labore+et+dolore+magna+aliqua.+Ut+enim+ad+minim+veniam%2C+quis+nostrud+ullamco+laboris+nisi+ut+aliquip+ex+ea+commodo+consequat.+\" title=\"LinkedIn\"><i class=\"socials-item-icon linkedin\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.reddit.com\/submit?url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fproduct-qa%2F&#038;title=Product+QA\" title=\"Reddit\"><i class=\"socials-item-icon reddit\"><\/i><\/a> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"caption post-10358 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\"> <div class=\"title\"> <span class=\"title-h6 \"> Product QA <\/span> <\/div> <div class=\"subtitle\"> <span class=\"\"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud ullamco laboris nisi ut aliquip ex ea commodo consequat. <\/p>\n<\/span> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item events item-animations-not-inited portfolio-item-template appearance-type-featured_image post-10359 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710115608\"> <div class=\"wrap clearfix\"> <div class=\"image post-10359 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\/Metro-4-08-thegem-portfolio-metro.jpg 1x\" sizes=\"100vw\"> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Metro-4-08-thegem-portfolio-metro.jpg\" width=\"892\" height=\"500\" class=\"attachment-thegem-portfolio-metro\" alt=\"System Design\" \/> <\/picture> <\/div> <div class=\"overlay \"> <div class=\"overlay-circle\"><\/div> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"portfolio-icons\"> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/pf\/system-design\/\" target=\"_blank\" class=\"icon self-link \" data-elementor-open-lightbox=\"no\"> <i class=\"default\"><\/i> <\/a> <a href=\"javascript: void(0);\" class=\"icon share\"> <i class=\"default\"><\/i> <\/a> <div class=\"portfolio-sharing-pane\"> <div class=\"socials-sharing socials socials-colored-hover\"> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fsystem-design%2F\" title=\"Facebook\"><i class=\"socials-item-icon facebook\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/twitter.com\/intent\/tweet?text=System+Design&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fsystem-design%2F\" title=\"Twitter\"><i class=\"socials-item-icon twitter\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/pinterest.com\/pin\/create\/button\/?url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fsystem-design%2F&#038;description=System+Design&#038;media=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fwp-content%2Fuploads%2F2023%2F03%2FMetro-4-08-thegem-blog-timeline-large.jpg\" title=\"Pinterest\"><i class=\"socials-item-icon pinterest\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.tumblr.com\/widgets\/share\/tool?canonicalUrl=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fsystem-design%2F\" title=\"Tumblr\"><i class=\"socials-item-icon tumblr\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.linkedin.com\/shareArticle?mini=true&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fsystem-design%2F&#038;title=System+Design&amp;summary=Lorem+ipsum+dolor+sit+amet%2C+consectetur+adipisicing+elit%2C+sed+do+eiusmod+tempor+incididunt+ut+labore+et+dolore+magna+aliqua.+Ut+enim+ad+minim+veniam%2C+quis+nostrud+ullamco+laboris+nisi+ut+aliquip+ex+ea+commodo+consequat.+\" title=\"LinkedIn\"><i class=\"socials-item-icon linkedin\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.reddit.com\/submit?url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fsystem-design%2F&#038;title=System+Design\" title=\"Reddit\"><i class=\"socials-item-icon reddit\"><\/i><\/a> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"caption post-10359 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\"> <div class=\"title\"> <span class=\"title-h6 \"> System Design <\/span> <\/div> <div class=\"subtitle\"> <span class=\"\"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud ullamco laboris nisi ut aliquip ex ea commodo consequat. <\/p>\n<\/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-3 item-animations-not-inited portfolio-item-template appearance-type-featured_image post-10359 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_1678949485741{margin-bottom: 0px !important;}&#8221;][vc_column css=&#8221;.vc_custom_1678961488632{padding-top: 100px !important;padding-bottom: 80px !important;}&#8221; mobile_padding_bottom=&#8221;30&#8243; tablet_padding_top=&#8221;40&#8243; tablet_padding_bottom=&#8221;40&#8243; mobile_padding_top=&#8221;30&#8243;]<div class=\"thegem-te-heading thegem-custom-69d270501e0e12026\" ><div id=\"thegem-heading-69d270501e05d\" class=\"thegem-heading title-h2\" style=\"text-align: center;\" ><span>Highlighted Items<\/span><\/div><style type=\"text\/css\">#thegem-heading-69d270501e05d {margin: 0;}#thegem-heading-69d270501e05d {margin-left: auto; margin-right: auto;}#thegem-heading-69d270501e05d > * {justify-content: center;}#thegem-heading-69d270501e05d {letter-spacing: 0px;}#thegem-heading-69d270501e05d, #thegem-heading-69d270501e05d .light {text-transform: none;}#thegem-heading-69d270501e05d a:hover, #thegem-heading-69d270501e05d 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-69d270501e0e12026{display: block!important;}}@media screen and (max-width: 767px) {.thegem-te-heading.thegem-custom-69d270501e0e12026{display: block!important;}}@media screen and (max-width: 1023px) {.thegem-te-heading.thegem-custom-69d270501e0e12026{position: relative !important;}}@media screen and (max-width: 767px) {.thegem-te-heading.thegem-custom-69d270501e0e12026{position: relative !important;}}<\/style><div class=\"clearboth\"><\/div><style>#thegem-divider-69d270501e0fe {margin-top: 20px !important;}<\/style><div id=\"thegem-divider-69d270501e0fe\" class=\"gem-divider  \" style=\"\" ><\/div><div class=\"thegem-te-heading thegem-custom-69d270501e1c7999\" ><div id=\"thegem-heading-69d270501e15f\" class=\"thegem-heading styled-subtitle\" style=\"text-align: center;\" ><span>Highlight any project\/item in your portfolio grid by displaying it in double size.<\/span><\/div><style type=\"text\/css\">#thegem-heading-69d270501e15f {margin: 0;}#thegem-heading-69d270501e15f {margin-left: auto; margin-right: auto;}#thegem-heading-69d270501e15f > * {justify-content: center;}#thegem-heading-69d270501e15f {max-width: 590px;}#thegem-heading-69d270501e15f a:hover, #thegem-heading-69d270501e15f 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-69d270501e1c7999{display: block!important;}}@media screen and (max-width: 767px) {.thegem-te-heading.thegem-custom-69d270501e1c7999{display: block!important;}}@media screen and (max-width: 1023px) {.thegem-te-heading.thegem-custom-69d270501e1c7999{position: relative !important;}}@media screen and (max-width: 767px) {.thegem-te-heading.thegem-custom-69d270501e1c7999{position: relative !important;}}<\/style>[\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row_content_no_spaces&#8221; css=&#8221;.vc_custom_1678959260278{margin-bottom: 0px !important;}&#8221;][vc_column css=&#8221;.vc_custom_1678961558927{padding-top: 70px !important;}&#8221; mobile_padding_top=&#8221;55&#8243;]<style>.portfolio.portfolio-grid#style-bae7a2d .portfolio-item:not(.size-item), .preloader#style-preloader-bae7a2d .portfolio-item { padding: calc(0px\/2) !important; }.portfolio.portfolio-grid#style-bae7a2d .portfolio-item.size-item { padding: 0 calc(0px\/2) !important; }.portfolio.portfolio-grid#style-bae7a2d .portfolio-row, .preloader#style-preloader-bae7a2d .skeleton-posts.portfolio-row { margin: calc(-0px\/2); }.portfolio.portfolio-grid#style-bae7a2d.fullwidth-columns .portfolio-row { margin: calc(-0px\/2) 0; }.portfolio.portfolio-grid#style-bae7a2d .fullwidth-block:not(.no-paddings) { padding-left: 0px; padding-right: 0px; }.portfolio.portfolio-grid#style-bae7a2d .fullwidth-block .portfolio-row { padding-left: calc(0px\/2); padding-right: calc(0px\/2); }.portfolio.portfolio-grid#style-bae7a2d .fullwidth-block .portfolio-top-panel { padding-left: 0px; padding-right: 0px; }.portfolio.portfolio-grid#style-bae7a2d.fullwidth-columns .with-filter-sidebar .filter-sidebar { padding-left: 0px; }.portfolio.portfolio-grid#style-bae7a2d .portfolio-item .caption .title span { letter-spacing: px !important; }.portfolio.portfolio-grid#style-bae7a2d .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-bae7a2d .portfolio-item .caption .subtitle { max-height: initial !important; }.portfolio.portfolio-grid#style-bae7a2d .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-bae7a2d .portfolio-item .caption .subtitle a, .portfolio.portfolio-grid#style-bae7a2d .portfolio-item .caption .subtitle p { white-space: initial; overflow: initial; }<\/style><style>.portfolio.portfolio-grid#style-bae7a2d .portfolio-filters { text-align: center; }<\/style><div id=\"style-preloader-bae7a2d\" class=\"preloader save-space\"><div class=\"preloader-spin-new\"><\/div><\/div> <div class=\"portfolio-preloader-wrapper panel-sidebar-position-left\"> <div class=\"portfolio portfolio-grid extended-portfolio-grid no-padding portfolio-pagination-disable portfolio-style-masonry background-style-white title-style-light hover-circular title-on-hover hover-elements-size-default version-alternative caption-position-hover loading-animation item-animation-fade-in no-gaps hover-title portfolio-items-masonry columns-4 columns-tablet-2 columns-mobile-1 disable-bottom-margin minimal-preloader \" id=\"style-bae7a2d\" data-style-uid=\"bae7a2d\" data-portfolio-uid=\"grid_5962xfcx\" data-current-page=\"1\" data-per-page=\"6\" data-next-page=\"0\" data-pages-count=\"1\" data-hover=\"circular\" data-portfolio-filter=\"[]\" data-portfolio-filter-attributes=\"null\" data-portfolio-filter-search=\"\"> <div class=\"portfolio-row-outer \"> <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 miscellaneous col-xs-12 col-sm-12 col-md-6 double-item double-item-squared item-animations-not-inited portfolio-item-template appearance-type-featured_image post-10361 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710115680\"> <div class=\"wrap clearfix\"> <div class=\"image post-10361 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\"> <div class=\"image-inner \"> <picture> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Metro-5-01.jpg\" width=\"950\" height=\"950\" class=\"attachment-thegem-portfolio-masonry-double\" alt=\"Magic Tonic\" \/> <\/picture> <\/div> <div class=\"overlay \"> <div class=\"overlay-circle\"><\/div> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"portfolio-icons\"> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/pf\/magic-tonic\/\" target=\"_blank\" class=\"icon self-link \" data-elementor-open-lightbox=\"no\"> <i class=\"default\"><\/i> <\/a> <a href=\"javascript: void(0);\" class=\"icon share\"> <i class=\"default\"><\/i> <\/a> <div class=\"portfolio-sharing-pane\"> <div class=\"socials-sharing socials socials-colored-hover\"> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fmagic-tonic%2F\" title=\"Facebook\"><i class=\"socials-item-icon facebook\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/twitter.com\/intent\/tweet?text=Magic+Tonic&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fmagic-tonic%2F\" title=\"Twitter\"><i class=\"socials-item-icon twitter\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/pinterest.com\/pin\/create\/button\/?url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fmagic-tonic%2F&#038;description=Magic+Tonic&#038;media=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fwp-content%2Fuploads%2F2023%2F03%2FMetro-5-01-thegem-blog-timeline-large.jpg\" title=\"Pinterest\"><i class=\"socials-item-icon pinterest\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.tumblr.com\/widgets\/share\/tool?canonicalUrl=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fmagic-tonic%2F\" title=\"Tumblr\"><i class=\"socials-item-icon tumblr\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.linkedin.com\/shareArticle?mini=true&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fmagic-tonic%2F&#038;title=Magic+Tonic&amp;summary=Lorem+ipsum+dolor+sit+amet%2C+consectetur+adipisicing+elit%2C+sed+do+eiusmod+tempor+incididunt+ut+labore+et+dolore+magna+aliqua.+Ut+enim+ad+minim+veniam%2C+quis+nostrud+ullamco+laboris+nisi+ut+aliquip+ex+ea+commodo+consequat.+\" title=\"LinkedIn\"><i class=\"socials-item-icon linkedin\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.reddit.com\/submit?url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fmagic-tonic%2F&#038;title=Magic+Tonic\" title=\"Reddit\"><i class=\"socials-item-icon reddit\"><\/i><\/a> <\/div> <\/div> <\/div> <div class=\"caption\"> <div class=\"top-info\"> <div class=\"description\"> <div class=\"subtitle\"> <span class=\"\"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud ullamco laboris nisi ut aliquip ex ea commodo consequat. <\/p>\n<\/span> <\/div> <\/div> <\/div> <div class=\"info\"> <div class=\"date\">11 March, 2024<\/div> <\/div> <div class=\"title title-h5\"> <span class=\" \"> Magic Tonic <\/span> <\/div> <div class=\"info\"><\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item miscellaneous col-xs-12 col-sm-6 col-md-3 item-animations-not-inited portfolio-item-template appearance-type-featured_image post-10373 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710115736\"> <div class=\"wrap clearfix\"> <div class=\"image post-10373 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\"> <div class=\"image-inner \"> <picture> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Metro-5-02-thegem-portfolio-masonry.jpg\" width=\"754\" height=\"754\" class=\"attachment-thegem-portfolio-masonry\" alt=\"Lip Balm\" \/> <\/picture> <\/div> <div class=\"overlay \"> <div class=\"overlay-circle\"><\/div> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"portfolio-icons\"> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/pf\/lip-balm\/\" target=\"_blank\" class=\"icon self-link \" data-elementor-open-lightbox=\"no\"> <i class=\"default\"><\/i> <\/a> <a href=\"javascript: void(0);\" class=\"icon share\"> <i class=\"default\"><\/i> <\/a> <div class=\"portfolio-sharing-pane\"> <div class=\"socials-sharing socials socials-colored-hover\"> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Flip-balm%2F\" title=\"Facebook\"><i class=\"socials-item-icon facebook\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/twitter.com\/intent\/tweet?text=Lip+Balm&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Flip-balm%2F\" title=\"Twitter\"><i class=\"socials-item-icon twitter\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/pinterest.com\/pin\/create\/button\/?url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Flip-balm%2F&#038;description=Lip+Balm&#038;media=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fwp-content%2Fuploads%2F2023%2F03%2FMetro-5-02-thegem-blog-timeline-large.jpg\" title=\"Pinterest\"><i class=\"socials-item-icon pinterest\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.tumblr.com\/widgets\/share\/tool?canonicalUrl=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Flip-balm%2F\" title=\"Tumblr\"><i class=\"socials-item-icon tumblr\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.linkedin.com\/shareArticle?mini=true&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Flip-balm%2F&#038;title=Lip+Balm&amp;summary=Lorem+ipsum+dolor+sit+amet%2C+consectetur+adipisicing+elit%2C+sed+do+eiusmod+tempor+incididunt+ut+labore+et+dolore+magna+aliqua.+Ut+enim+ad+minim+veniam%2C+quis+nostrud+ullamco+laboris+nisi+ut+aliquip+ex+ea+commodo+consequat.+\" title=\"LinkedIn\"><i class=\"socials-item-icon linkedin\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.reddit.com\/submit?url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Flip-balm%2F&#038;title=Lip+Balm\" title=\"Reddit\"><i class=\"socials-item-icon reddit\"><\/i><\/a> <\/div> <\/div> <\/div> <div class=\"caption\"> <div class=\"top-info\"> <div class=\"description\"> <div class=\"subtitle\"> <span class=\"\"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud ullamco laboris nisi ut aliquip ex ea commodo consequat. <\/p>\n<\/span> <\/div> <\/div> <\/div> <div class=\"info\"> <div class=\"date\">11 March, 2024<\/div> <\/div> <div class=\"title title-h5\"> <span class=\" \"> Lip Balm <\/span> <\/div> <div class=\"info\"><\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item miscellaneous col-xs-12 col-sm-6 col-md-3 item-animations-not-inited portfolio-item-template appearance-type-featured_image post-10374 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710115747\"> <div class=\"wrap clearfix\"> <div class=\"image post-10374 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\"> <div class=\"image-inner \"> <picture> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Metro-5-03-thegem-portfolio-masonry.jpg\" width=\"754\" height=\"754\" class=\"attachment-thegem-portfolio-masonry\" alt=\"Fresh Emotions\" \/> <\/picture> <\/div> <div class=\"overlay \"> <div class=\"overlay-circle\"><\/div> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"portfolio-icons\"> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/pf\/fresh-emotions\/\" target=\"_blank\" class=\"icon self-link \" data-elementor-open-lightbox=\"no\"> <i class=\"default\"><\/i> <\/a> <a href=\"javascript: void(0);\" class=\"icon share\"> <i class=\"default\"><\/i> <\/a> <div class=\"portfolio-sharing-pane\"> <div class=\"socials-sharing socials socials-colored-hover\"> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Ffresh-emotions%2F\" title=\"Facebook\"><i class=\"socials-item-icon facebook\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/twitter.com\/intent\/tweet?text=Fresh+Emotions&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Ffresh-emotions%2F\" title=\"Twitter\"><i class=\"socials-item-icon twitter\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/pinterest.com\/pin\/create\/button\/?url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Ffresh-emotions%2F&#038;description=Fresh+Emotions&#038;media=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fwp-content%2Fuploads%2F2023%2F03%2FMetro-5-03-thegem-blog-timeline-large.jpg\" title=\"Pinterest\"><i class=\"socials-item-icon pinterest\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.tumblr.com\/widgets\/share\/tool?canonicalUrl=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Ffresh-emotions%2F\" title=\"Tumblr\"><i class=\"socials-item-icon tumblr\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.linkedin.com\/shareArticle?mini=true&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Ffresh-emotions%2F&#038;title=Fresh+Emotions&amp;summary=Lorem+ipsum+dolor+sit+amet%2C+consectetur+adipisicing+elit%2C+sed+do+eiusmod+tempor+incididunt+ut+labore+et+dolore+magna+aliqua.+Ut+enim+ad+minim+veniam%2C+quis+nostrud+ullamco+laboris+nisi+ut+aliquip+ex+ea+commodo+consequat.+\" title=\"LinkedIn\"><i class=\"socials-item-icon linkedin\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.reddit.com\/submit?url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Ffresh-emotions%2F&#038;title=Fresh+Emotions\" title=\"Reddit\"><i class=\"socials-item-icon reddit\"><\/i><\/a> <\/div> <\/div> <\/div> <div class=\"caption\"> <div class=\"top-info\"> <div class=\"description\"> <div class=\"subtitle\"> <span class=\"\"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud ullamco laboris nisi ut aliquip ex ea commodo consequat. <\/p>\n<\/span> <\/div> <\/div> <\/div> <div class=\"info\"> <div class=\"date\">11 March, 2024<\/div> <\/div> <div class=\"title title-h5\"> <span class=\" \"> Fresh Emotions <\/span> <\/div> <div class=\"info\"><\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item miscellaneous col-xs-12 col-sm-12 col-md-6 double-item double-item-squared item-animations-not-inited portfolio-item-template appearance-type-featured_image post-10375 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710115785\"> <div class=\"wrap clearfix\"> <div class=\"image post-10375 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\"> <div class=\"image-inner \"> <picture> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Metro-5-06.jpg\" width=\"950\" height=\"950\" class=\"attachment-thegem-portfolio-masonry-double\" alt=\"Natural Scent\" \/> <\/picture> <\/div> <div class=\"overlay \"> <div class=\"overlay-circle\"><\/div> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"portfolio-icons\"> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/pf\/natural-scent\/\" target=\"_blank\" class=\"icon self-link \" data-elementor-open-lightbox=\"no\"> <i class=\"default\"><\/i> <\/a> <a href=\"javascript: void(0);\" class=\"icon share\"> <i class=\"default\"><\/i> <\/a> <div class=\"portfolio-sharing-pane\"> <div class=\"socials-sharing socials socials-colored-hover\"> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fnatural-scent%2F\" title=\"Facebook\"><i class=\"socials-item-icon facebook\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/twitter.com\/intent\/tweet?text=Natural+Scent&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fnatural-scent%2F\" title=\"Twitter\"><i class=\"socials-item-icon twitter\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/pinterest.com\/pin\/create\/button\/?url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fnatural-scent%2F&#038;description=Natural+Scent&#038;media=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fwp-content%2Fuploads%2F2023%2F03%2FMetro-5-06-thegem-blog-timeline-large.jpg\" title=\"Pinterest\"><i class=\"socials-item-icon pinterest\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.tumblr.com\/widgets\/share\/tool?canonicalUrl=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fnatural-scent%2F\" title=\"Tumblr\"><i class=\"socials-item-icon tumblr\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.linkedin.com\/shareArticle?mini=true&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fnatural-scent%2F&#038;title=Natural+Scent&amp;summary=Lorem+ipsum+dolor+sit+amet%2C+consectetur+adipisicing+elit%2C+sed+do+eiusmod+tempor+incididunt+ut+labore+et+dolore+magna+aliqua.+Ut+enim+ad+minim+veniam%2C+quis+nostrud+ullamco+laboris+nisi+ut+aliquip+ex+ea+commodo+consequat.+\" title=\"LinkedIn\"><i class=\"socials-item-icon linkedin\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.reddit.com\/submit?url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fnatural-scent%2F&#038;title=Natural+Scent\" title=\"Reddit\"><i class=\"socials-item-icon reddit\"><\/i><\/a> <\/div> <\/div> <\/div> <div class=\"caption\"> <div class=\"top-info\"> <div class=\"description\"> <div class=\"subtitle\"> <span class=\"\"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud ullamco laboris nisi ut aliquip ex ea commodo consequat. <\/p>\n<\/span> <\/div> <\/div> <\/div> <div class=\"info\"> <div class=\"date\">11 March, 2024<\/div> <\/div> <div class=\"title title-h5\"> <span class=\" \"> Natural Scent <\/span> <\/div> <div class=\"info\"><\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item miscellaneous col-xs-12 col-sm-6 col-md-3 item-animations-not-inited portfolio-item-template appearance-type-featured_image post-10376 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710115796\"> <div class=\"wrap clearfix\"> <div class=\"image post-10376 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\"> <div class=\"image-inner \"> <picture> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Metro-5-04-thegem-portfolio-masonry.jpg\" width=\"754\" height=\"754\" class=\"attachment-thegem-portfolio-masonry\" alt=\"Shadow Games\" \/> <\/picture> <\/div> <div class=\"overlay \"> <div class=\"overlay-circle\"><\/div> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"portfolio-icons\"> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/pf\/shadow-games\/\" target=\"_blank\" class=\"icon self-link \" data-elementor-open-lightbox=\"no\"> <i class=\"default\"><\/i> <\/a> <a href=\"javascript: void(0);\" class=\"icon share\"> <i class=\"default\"><\/i> <\/a> <div class=\"portfolio-sharing-pane\"> <div class=\"socials-sharing socials socials-colored-hover\"> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fshadow-games%2F\" title=\"Facebook\"><i class=\"socials-item-icon facebook\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/twitter.com\/intent\/tweet?text=Shadow+Games&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fshadow-games%2F\" title=\"Twitter\"><i class=\"socials-item-icon twitter\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/pinterest.com\/pin\/create\/button\/?url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fshadow-games%2F&#038;description=Shadow+Games&#038;media=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fwp-content%2Fuploads%2F2023%2F03%2FMetro-5-04-thegem-blog-timeline-large.jpg\" title=\"Pinterest\"><i class=\"socials-item-icon pinterest\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.tumblr.com\/widgets\/share\/tool?canonicalUrl=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fshadow-games%2F\" title=\"Tumblr\"><i class=\"socials-item-icon tumblr\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.linkedin.com\/shareArticle?mini=true&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fshadow-games%2F&#038;title=Shadow+Games&amp;summary=Lorem+ipsum+dolor+sit+amet%2C+consectetur+adipisicing+elit%2C+sed+do+eiusmod+tempor+incididunt+ut+labore+et+dolore+magna+aliqua.+Ut+enim+ad+minim+veniam%2C+quis+nostrud+ullamco+laboris+nisi+ut+aliquip+ex+ea+commodo+consequat.+\" title=\"LinkedIn\"><i class=\"socials-item-icon linkedin\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.reddit.com\/submit?url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fshadow-games%2F&#038;title=Shadow+Games\" title=\"Reddit\"><i class=\"socials-item-icon reddit\"><\/i><\/a> <\/div> <\/div> <\/div> <div class=\"caption\"> <div class=\"top-info\"> <div class=\"description\"> <div class=\"subtitle\"> <span class=\"\"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud ullamco laboris nisi ut aliquip ex ea commodo consequat. <\/p>\n<\/span> <\/div> <\/div> <\/div> <div class=\"info\"> <div class=\"date\">11 March, 2024<\/div> <\/div> <div class=\"title title-h5\"> <span class=\" \"> Shadow Games <\/span> <\/div> <div class=\"info\"><\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item miscellaneous col-xs-12 col-sm-6 col-md-3 item-animations-not-inited portfolio-item-template appearance-type-featured_image post-10377 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710115805\"> <div class=\"wrap clearfix\"> <div class=\"image post-10377 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\"> <div class=\"image-inner \"> <picture> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/Metro-5-05-thegem-portfolio-masonry.jpg\" width=\"754\" height=\"754\" class=\"attachment-thegem-portfolio-masonry\" alt=\"Natural Branding\" \/> <\/picture> <\/div> <div class=\"overlay \"> <div class=\"overlay-circle\"><\/div> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"portfolio-icons\"> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/pf\/natural-branding\/\" target=\"_blank\" class=\"icon self-link \" data-elementor-open-lightbox=\"no\"> <i class=\"default\"><\/i> <\/a> <a href=\"javascript: void(0);\" class=\"icon share\"> <i class=\"default\"><\/i> <\/a> <div class=\"portfolio-sharing-pane\"> <div class=\"socials-sharing socials socials-colored-hover\"> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fnatural-branding%2F\" title=\"Facebook\"><i class=\"socials-item-icon facebook\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/twitter.com\/intent\/tweet?text=Natural+Branding&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fnatural-branding%2F\" title=\"Twitter\"><i class=\"socials-item-icon twitter\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/pinterest.com\/pin\/create\/button\/?url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fnatural-branding%2F&#038;description=Natural+Branding&#038;media=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fwp-content%2Fuploads%2F2023%2F03%2FMetro-5-05-thegem-blog-timeline-large.jpg\" title=\"Pinterest\"><i class=\"socials-item-icon pinterest\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.tumblr.com\/widgets\/share\/tool?canonicalUrl=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fnatural-branding%2F\" title=\"Tumblr\"><i class=\"socials-item-icon tumblr\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.linkedin.com\/shareArticle?mini=true&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fnatural-branding%2F&#038;title=Natural+Branding&amp;summary=Lorem+ipsum+dolor+sit+amet%2C+consectetur+adipisicing+elit%2C+sed+do+eiusmod+tempor+incididunt+ut+labore+et+dolore+magna+aliqua.+Ut+enim+ad+minim+veniam%2C+quis+nostrud+ullamco+laboris+nisi+ut+aliquip+ex+ea+commodo+consequat.+\" title=\"LinkedIn\"><i class=\"socials-item-icon linkedin\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.reddit.com\/submit?url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fnatural-branding%2F&#038;title=Natural+Branding\" title=\"Reddit\"><i class=\"socials-item-icon reddit\"><\/i><\/a> <\/div> <\/div> <\/div> <div class=\"caption\"> <div class=\"top-info\"> <div class=\"description\"> <div class=\"subtitle\"> <span class=\"\"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud ullamco laboris nisi ut aliquip ex ea commodo consequat. <\/p>\n<\/span> <\/div> <\/div> <\/div> <div class=\"info\"> <div class=\"date\">11 March, 2024<\/div> <\/div> <div class=\"title title-h5\"> <span class=\" \"> Natural Branding <\/span> <\/div> <div class=\"info\"><\/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 item-animations-not-inited portfolio-item-template appearance-type-featured_image post-10377 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]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_row css=&#8221;.vc_custom_1678949485741{margin-bottom: 0px !important;}&#8221;][vc_column css=&#8221;.vc_custom_1678950375510{padding-top: 70px !important;padding-bottom: 60px !important;}&#8221; mobile_padding_bottom=&#8221;50&#8243;][\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row_content&#8221; css=&#8221;.vc_custom_1680863109767{margin-bottom: 0px !important;}&#8221; el_class=&#8221;row-metro-grid&#8221;][vc_column css=&#8221;.vc_custom_1679048315400{padding-top: 70px !important;padding-right: 180px !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\/10247"}],"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=10247"}],"version-history":[{"count":96,"href":"https:\/\/codex-themes.com\/thegem\/blocks\/wp-json\/wp\/v2\/pages\/10247\/revisions"}],"predecessor-version":[{"id":12183,"href":"https:\/\/codex-themes.com\/thegem\/blocks\/wp-json\/wp\/v2\/pages\/10247\/revisions\/12183"}],"wp:attachment":[{"href":"https:\/\/codex-themes.com\/thegem\/blocks\/wp-json\/wp\/v2\/media?parent=10247"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}