{"id":10061,"date":"2024-03-10T15:59:42","date_gmt":"2024-03-10T15:59:42","guid":{"rendered":"https:\/\/codex-themes.com\/thegem\/blocks\/?page_id=10061"},"modified":"2023-04-17T13:07:38","modified_gmt":"2023-04-17T13:07:38","slug":"masonry-portfolio-grids","status":"publish","type":"page","link":"https:\/\/codex-themes.com\/thegem\/blocks\/masonry-portfolio-grids\/","title":{"rendered":"Masonry Portfolio Grids"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row css=&#8221;.vc_custom_1678786476703{margin-bottom: 0px !important;}&#8221;][vc_column css=&#8221;.vc_custom_1678891134963{padding-top: 70px !important;padding-bottom: 70px !important;}&#8221; mobile_padding_bottom=&#8221;50&#8243;]<div class=\"thegem-te-heading thegem-custom-69d2704febceb7326\" ><div id=\"thegem-heading-69d2704febcca\" class=\"thegem-heading title-h2\" style=\"text-align: center;\" ><span>Masonry Portfolio Grids<\/span><\/div><style type=\"text\/css\">#thegem-heading-69d2704febcca {margin: 0;}#thegem-heading-69d2704febcca {margin-left: auto; margin-right: auto;}#thegem-heading-69d2704febcca > * {justify-content: center;}#thegem-heading-69d2704febcca {letter-spacing: 0px;}#thegem-heading-69d2704febcca, #thegem-heading-69d2704febcca .light {text-transform: none;}#thegem-heading-69d2704febcca a:hover, #thegem-heading-69d2704febcca 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-69d2704febceb7326{display: block!important;}}@media screen and (max-width: 767px) {.thegem-te-heading.thegem-custom-69d2704febceb7326{display: block!important;}}@media screen and (max-width: 1023px) {.thegem-te-heading.thegem-custom-69d2704febceb7326{position: relative !important;}}@media screen and (max-width: 767px) {.thegem-te-heading.thegem-custom-69d2704febceb7326{position: relative !important;}}<\/style><div class=\"clearboth\"><\/div><style>#thegem-divider-69d2704febd0c {margin-top: 20px !important;}<\/style><div id=\"thegem-divider-69d2704febd0c\" class=\"gem-divider  \" style=\"\" ><\/div><div class=\"thegem-te-heading thegem-custom-69d2704febe316701\" ><div id=\"thegem-heading-69d2704febe1b\" class=\"thegem-heading styled-subtitle\" style=\"text-align: center;\" ><span>Create clean overviews of your works using the masonry style in TheGem Portfolio Grid element. Add extended AJAX filters with custom fields.<\/span><\/div><style type=\"text\/css\">#thegem-heading-69d2704febe1b {margin: 0;}#thegem-heading-69d2704febe1b {margin-left: auto; margin-right: auto;}#thegem-heading-69d2704febe1b > * {justify-content: center;}#thegem-heading-69d2704febe1b {max-width: 720px;}#thegem-heading-69d2704febe1b a:hover, #thegem-heading-69d2704febe1b 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-69d2704febe316701{display: block!important;}}@media screen and (max-width: 767px) {.thegem-te-heading.thegem-custom-69d2704febe316701{display: block!important;}}@media screen and (max-width: 1023px) {.thegem-te-heading.thegem-custom-69d2704febe316701{position: relative !important;}}@media screen and (max-width: 767px) {.thegem-te-heading.thegem-custom-69d2704febe316701{position: relative !important;}}<\/style>[\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row_content&#8221; css=&#8221;.vc_custom_1678863972907{margin-bottom: 0px !important;}&#8221;][vc_column css=&#8221;.vc_custom_1678866796927{padding-top: 35px !important;padding-bottom: 30px !important;}&#8221;]<style>.portfolio.portfolio-grid#style-304de32 .portfolio-item:not(.size-item), .preloader#style-preloader-304de32 .portfolio-item { padding: calc(16px\/2) !important; }.portfolio.portfolio-grid#style-304de32 .portfolio-item.size-item { padding: 0 calc(16px\/2) !important; }.portfolio.portfolio-grid#style-304de32 .portfolio-row, .preloader#style-preloader-304de32 .skeleton-posts.portfolio-row { margin: calc(-16px\/2); }.portfolio.portfolio-grid#style-304de32.fullwidth-columns .portfolio-row { margin: calc(-16px\/2) 0; }.portfolio.portfolio-grid#style-304de32 .fullwidth-block:not(.no-paddings) { padding-left: 16px; padding-right: 16px; }.portfolio.portfolio-grid#style-304de32 .fullwidth-block .portfolio-row { padding-left: calc(16px\/2); padding-right: calc(16px\/2); }.portfolio.portfolio-grid#style-304de32 .fullwidth-block .portfolio-top-panel { padding-left: 16px; padding-right: 16px; }.portfolio.portfolio-grid#style-304de32.fullwidth-columns .with-filter-sidebar .filter-sidebar { padding-left: 16px; }.portfolio.portfolio-grid#style-304de32 .portfolio-item .caption { padding-bottom: 25px !important; }.portfolio.portfolio-grid#style-304de32 .portfolio-item .caption { padding-left: 25px !important; }.portfolio.portfolio-grid#style-304de32 .portfolio-item .caption { padding-right: 25px !important; }.portfolio.portfolio-grid#style-304de32 .portfolio-item .caption .title span { letter-spacing: 0px !important; }.portfolio.portfolio-grid#style-304de32 .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-304de32 .portfolio-item .caption .subtitle { max-height: initial !important; }.portfolio.portfolio-grid#style-304de32 .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-304de32 .portfolio-item .caption .subtitle a, .portfolio.portfolio-grid#style-304de32 .portfolio-item .caption .subtitle p { white-space: initial; overflow: initial; }<\/style><style>.portfolio.portfolio-grid#style-304de32 .portfolio-top-panel { margin-bottom: 35px }.portfolio.portfolio-grid#style-304de32 .portfolio-item .image,.portfolio.portfolio-grid#style-304de32 .portfolio-item .image .image-inner,.portfolio.portfolio-grid#style-304de32 .portfolio-item .image .overlay,.portfolio.portfolio-grid#style-304de32.caption-position-hover .portfolio-item .wrap,.portfolio.portfolio-grid#style-304de32.caption-position-image .portfolio-item .wrap { border-radius: 5px }.portfolio.portfolio-grid#style-304de32.caption-position-page .portfolio-item .wrap { border-radius: 5px 5px 0 0 }<\/style><div id=\"style-preloader-304de32\" 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-page hover-elements-size-default version-alternative caption-position-image loading-animation item-animation-fall-perspective hover-circular-title hover-title portfolio-items-masonry columns-5 columns-tablet-2 columns-mobile-1 disable-bottom-margin minimal-preloader \" id=\"style-304de32\" data-style-uid=\"304de32\" data-portfolio-uid=\"grid_cdaae5c\" data-current-page=\"1\" data-per-page=\"14\" 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 filter-type-extended\"> <div class=\"portfolio-top-panel-row filter-style-buttons\"> <div class=\"portfolio-top-panel-left center\"> <div class=\"portfolio-filters-list style-standard \"> <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 attribute tax_thegem_portfolios multiple\"> <h4 class=\"name widget-title\"> <span class=\"widget-title-by\"> Filter By <\/span> Category <span class=\"widget-title-arrow\"><\/span> <\/h4> <div class=\"portfolio-filter-item-list\"> <ul> <li> <a href=\"#\" data-filter-type=\"taxonomies\" data-attr=\"tax_thegem_portfolios\" data-filter=\"*\" class=\"all active\" rel=\"nofollow\"> <span class=\"title\">Show All<\/span> <\/a> <\/li> <li> <a href=\"#\" data-filter-type=\"taxonomies\" data-attr=\"tax_thegem_portfolios\" data-filter=\"promo-campaign\" class=\"\" rel=\"nofollow\"> <span class=\"title\">Promo Campaign<\/span> <\/a> <\/li> <li> <a href=\"#\" data-filter-type=\"taxonomies\" data-attr=\"tax_thegem_portfolios\" data-filter=\"product-designs\" class=\"\" rel=\"nofollow\"> <span class=\"title\">Product Designs<\/span> <\/a> <\/li> <li> <a href=\"#\" data-filter-type=\"taxonomies\" data-attr=\"tax_thegem_portfolios\" data-filter=\"accessoires\" class=\"\" rel=\"nofollow\"> <span class=\"title\">Accessoires<\/span> <\/a> <\/li> <\/ul> <\/div> <\/div> <div class=\"portfolio-filter-item attribute meta__thegem_cf_scope single\"> <h4 class=\"name widget-title\"> <span class=\"widget-title-by\"> Filter By <\/span> Scope <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_scope\" data-filter=\"*\" class=\"all active\" rel=\"nofollow\"> <span class=\"check\"><\/span> <span class=\"title\">Show All<\/span> <\/a> <\/li> <li> <a href=\"#\" data-filter-type=\"details\" data-attr=\"meta__thegem_cf_scope\" data-filter=\"Accessoires\" class=\"\" rel=\"nofollow\"> <span class=\"check\"><\/span> <span class=\"title\">Accessoires<\/span> <\/a> <\/li> <li> <a href=\"#\" data-filter-type=\"details\" data-attr=\"meta__thegem_cf_scope\" data-filter=\"Furniture\" class=\"\" rel=\"nofollow\"> <span class=\"check\"><\/span> <span class=\"title\">Furniture<\/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\">Show 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 center\"> <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> <div class=\"portfolio-filter-item portfolio-selected-filters center\"> <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-campaign col-xs-12 col-sm-12 columns-desktop-5 double-item double-item-horizontal item-animations-not-inited portfolio-item-template appearance-type-featured_image post-10076 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710097522\"> <div class=\"wrap clearfix\"> <div class=\"image post-10076 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\/M1-01.jpg\" width=\"1000\" height=\"623\" class=\"attachment-thegem-portfolio-masonry-double-horizontal\" alt=\"Promo Campaign\" \/> <\/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\/promo-campaign\/\" 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%2Fpromo-campaign%2F\" title=\"Facebook\"><i class=\"socials-item-icon facebook\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/twitter.com\/intent\/tweet?text=Promo+Campaign&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fpromo-campaign%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%2Fpromo-campaign%2F&#038;description=Promo+Campaign&#038;media=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fwp-content%2Fuploads%2F2023%2F03%2FM1-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%2Fpromo-campaign%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%2Fpromo-campaign%2F&#038;title=Promo+Campaign&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+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%2Fpromo-campaign%2F&#038;title=Promo+Campaign\" 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 commodo consequat. <\/p>\n<\/span> <\/div> <\/div> <\/div> <div class=\"info\"> <div class=\"date\">10 March, 2024<\/div> <\/div> <div class=\"title \"> <span class=\"title-h6 \"> Promo Campaign <\/span> <\/div> <div class=\"info\"><\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item product-designs col-xs-12 col-sm-6 columns-desktop-5 item-animations-not-inited portfolio-item-template appearance-type-featured_image post-10091 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710097580\"> <div class=\"wrap clearfix\"> <div class=\"image post-10091 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\/M1-02-thegem-portfolio-masonry.jpg\" width=\"754\" height=\"754\" class=\"attachment-thegem-portfolio-masonry\" alt=\"Product 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\/product-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%2Fproduct-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=Product+Design&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fproduct-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%2Fproduct-design%2F&#038;description=Product+Design&#038;media=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fwp-content%2Fuploads%2F2023%2F03%2FM1-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%2Fproduct-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%2Fproduct-design%2F&#038;title=Product+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+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-design%2F&#038;title=Product+Design\" 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 commodo consequat. <\/p>\n<\/span> <\/div> <\/div> <\/div> <div class=\"info\"> <div class=\"date\">10 March, 2024<\/div> <\/div> <div class=\"title \"> <span class=\"title-h6 \"> Product Design <\/span> <\/div> <div class=\"info\"><\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item accessoires product-designs col-xs-12 col-sm-6 columns-desktop-5 item-animations-not-inited portfolio-item-template appearance-type-featured_image post-10092 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710097631\"> <div class=\"wrap clearfix\"> <div class=\"image post-10092 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\/M1-03-thegem-portfolio-masonry.jpg\" width=\"754\" height=\"506\" class=\"attachment-thegem-portfolio-masonry\" alt=\"Book Collection\" \/> <\/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\/book-collection\/\" 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%2Fbook-collection%2F\" title=\"Facebook\"><i class=\"socials-item-icon facebook\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/twitter.com\/intent\/tweet?text=Book+Collection&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fbook-collection%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%2Fbook-collection%2F&#038;description=Book+Collection&#038;media=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fwp-content%2Fuploads%2F2023%2F03%2FM1-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%2Fbook-collection%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%2Fbook-collection%2F&#038;title=Book+Collection&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+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%2Fbook-collection%2F&#038;title=Book+Collection\" 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 commodo consequat. <\/p>\n<\/span> <\/div> <\/div> <\/div> <div class=\"info\"> <div class=\"date\">10 March, 2024<\/div> <\/div> <div class=\"title \"> <span class=\"title-h6 \"> Book Collection <\/span> <\/div> <div class=\"info\"><\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item promo-campaign col-xs-12 col-sm-6 columns-desktop-5 item-animations-not-inited portfolio-item-template appearance-type-featured_image post-10093 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710097700\"> <div class=\"wrap clearfix\"> <div class=\"image post-10093 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\/M1-04-thegem-portfolio-masonry.jpg\" width=\"754\" height=\"754\" class=\"attachment-thegem-portfolio-masonry\" alt=\"Miracle 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\/miracle-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%2Fmiracle-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=Miracle+Tonic&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fmiracle-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%2Fmiracle-tonic%2F&#038;description=Miracle+Tonic&#038;media=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fwp-content%2Fuploads%2F2023%2F03%2FM1-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%2Fmiracle-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%2Fmiracle-tonic%2F&#038;title=Miracle+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+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%2Fmiracle-tonic%2F&#038;title=Miracle+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 commodo consequat. <\/p>\n<\/span> <\/div> <\/div> <\/div> <div class=\"info\"> <div class=\"date\">10 March, 2024<\/div> <\/div> <div class=\"title \"> <span class=\"title-h6 \"> Miracle Tonic <\/span> <\/div> <div class=\"info\"><\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item product-designs col-xs-12 col-sm-6 columns-desktop-5 item-animations-not-inited portfolio-item-template appearance-type-featured_image post-10094 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710097768\"> <div class=\"wrap clearfix\"> <div class=\"image post-10094 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\/M1-08-thegem-portfolio-masonry.jpg\" width=\"754\" height=\"1126\" class=\"attachment-thegem-portfolio-masonry\" alt=\"Color Approach\" \/> <\/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\/color-approach\/\" 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%2Fcolor-approach%2F\" title=\"Facebook\"><i class=\"socials-item-icon facebook\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/twitter.com\/intent\/tweet?text=Color+Approach&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fcolor-approach%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%2Fcolor-approach%2F&#038;description=Color+Approach&#038;media=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fwp-content%2Fuploads%2F2023%2F03%2FM1-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%2Fcolor-approach%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%2Fcolor-approach%2F&#038;title=Color+Approach&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+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%2Fcolor-approach%2F&#038;title=Color+Approach\" 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 commodo consequat. <\/p>\n<\/span> <\/div> <\/div> <\/div> <div class=\"info\"> <div class=\"date\">10 March, 2024<\/div> <\/div> <div class=\"title \"> <span class=\"title-h6 \"> Color Approach <\/span> <\/div> <div class=\"info\"><\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item promo-campaign col-xs-12 col-sm-6 columns-desktop-5 item-animations-not-inited portfolio-item-template appearance-type-featured_image post-10095 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710097804\"> <div class=\"wrap clearfix\"> <div class=\"image post-10095 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\/M1-07-thegem-portfolio-masonry.jpg\" width=\"754\" height=\"589\" class=\"attachment-thegem-portfolio-masonry\" alt=\"Product Photography\" \/> <\/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-photography\/\" 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-photography%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+Photography&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fproduct-photography%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-photography%2F&#038;description=Product+Photography&#038;media=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fwp-content%2Fuploads%2F2023%2F03%2FM1-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-photography%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-photography%2F&#038;title=Product+Photography&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+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-photography%2F&#038;title=Product+Photography\" 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 commodo consequat. <\/p>\n<\/span> <\/div> <\/div> <\/div> <div class=\"info\"> <div class=\"date\">10 March, 2024<\/div> <\/div> <div class=\"title \"> <span class=\"title-h6 \"> Product Photography <\/span> <\/div> <div class=\"info\"><\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item accessoires col-xs-12 col-sm-6 columns-desktop-5 item-animations-not-inited portfolio-item-template appearance-type-featured_image post-10096 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710097824\"> <div class=\"wrap clearfix\"> <div class=\"image post-10096 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\/M1-09-thegem-portfolio-masonry.jpg\" width=\"754\" height=\"1064\" class=\"attachment-thegem-portfolio-masonry\" alt=\"Product Launch\" \/> <\/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-launch\/\" 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-launch%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+Launch&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fproduct-launch%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-launch%2F&#038;description=Product+Launch&#038;media=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fwp-content%2Fuploads%2F2023%2F03%2FM1-09-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-launch%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-launch%2F&#038;title=Product+Launch&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+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-launch%2F&#038;title=Product+Launch\" 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 commodo consequat. <\/p>\n<\/span> <\/div> <\/div> <\/div> <div class=\"info\"> <div class=\"date\">10 March, 2024<\/div> <\/div> <div class=\"title \"> <span class=\"title-h6 \"> Product Launch <\/span> <\/div> <div class=\"info\"><\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item product-designs promo-campaign col-xs-12 col-sm-6 columns-desktop-5 item-animations-not-inited portfolio-item-template appearance-type-featured_image post-10097 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710097895\"> <div class=\"wrap clearfix\"> <div class=\"image post-10097 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\/M1-05-thegem-portfolio-masonry.jpg\" width=\"754\" height=\"878\" class=\"attachment-thegem-portfolio-masonry\" alt=\"Flower Spa\" \/> <\/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\/flower-spa\/\" 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%2Fflower-spa%2F\" title=\"Facebook\"><i class=\"socials-item-icon facebook\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/twitter.com\/intent\/tweet?text=Flower+Spa&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fflower-spa%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%2Fflower-spa%2F&#038;description=Flower+Spa&#038;media=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fwp-content%2Fuploads%2F2023%2F03%2FM1-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%2Fflower-spa%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%2Fflower-spa%2F&#038;title=Flower+Spa&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+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%2Fflower-spa%2F&#038;title=Flower+Spa\" 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 commodo consequat. <\/p>\n<\/span> <\/div> <\/div> <\/div> <div class=\"info\"> <div class=\"date\">10 March, 2024<\/div> <\/div> <div class=\"title \"> <span class=\"title-h6 \"> Flower Spa <\/span> <\/div> <div class=\"info\"><\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item product-designs col-xs-12 col-sm-6 columns-desktop-5 item-animations-not-inited portfolio-item-template appearance-type-featured_image post-10098 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710097930\"> <div class=\"wrap clearfix\"> <div class=\"image post-10098 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\/M1-06-thegem-portfolio-masonry.jpg\" width=\"754\" height=\"609\" class=\"attachment-thegem-portfolio-masonry\" alt=\"Product 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\/product-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%2Fproduct-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=Product+Branding&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fproduct-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%2Fproduct-branding%2F&#038;description=Product+Branding&#038;media=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fwp-content%2Fuploads%2F2023%2F03%2FM1-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%2Fproduct-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%2Fproduct-branding%2F&#038;title=Product+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+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-branding%2F&#038;title=Product+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 commodo consequat. <\/p>\n<\/span> <\/div> <\/div> <\/div> <div class=\"info\"> <div class=\"date\">10 March, 2024<\/div> <\/div> <div class=\"title \"> <span class=\"title-h6 \"> Product Branding <\/span> <\/div> <div class=\"info\"><\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item promo-campaign col-xs-12 col-sm-6 columns-desktop-5 item-animations-not-inited portfolio-item-template appearance-type-featured_image post-10107 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710098117\"> <div class=\"wrap clearfix\"> <div class=\"image post-10107 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\/M1-12-thegem-portfolio-masonry.jpg\" width=\"754\" height=\"812\" class=\"attachment-thegem-portfolio-masonry\" alt=\"Candle Promo\" \/> <\/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\/candle-promo\/\" 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%2Fcandle-promo%2F\" title=\"Facebook\"><i class=\"socials-item-icon facebook\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/twitter.com\/intent\/tweet?text=Candle+Promo&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fcandle-promo%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%2Fcandle-promo%2F&#038;description=Candle+Promo&#038;media=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fwp-content%2Fuploads%2F2023%2F03%2FM1-12-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%2Fcandle-promo%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%2Fcandle-promo%2F&#038;title=Candle+Promo&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+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%2Fcandle-promo%2F&#038;title=Candle+Promo\" 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 commodo consequat. <\/p>\n<\/span> <\/div> <\/div> <\/div> <div class=\"info\"> <div class=\"date\">10 March, 2024<\/div> <\/div> <div class=\"title \"> <span class=\"title-h6 \"> Candle Promo <\/span> <\/div> <div class=\"info\"><\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item product-designs col-xs-12 col-sm-6 columns-desktop-5 item-animations-not-inited portfolio-item-template appearance-type-featured_image post-10108 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710098137\"> <div class=\"wrap clearfix\"> <div class=\"image post-10108 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\/M1-11-thegem-portfolio-masonry.jpg\" width=\"754\" height=\"692\" class=\"attachment-thegem-portfolio-masonry\" alt=\"Instagram Story\" \/> <\/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\/instagram-story\/\" 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%2Finstagram-story%2F\" title=\"Facebook\"><i class=\"socials-item-icon facebook\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/twitter.com\/intent\/tweet?text=Instagram+Story&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Finstagram-story%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%2Finstagram-story%2F&#038;description=Instagram+Story&#038;media=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fwp-content%2Fuploads%2F2023%2F03%2FM1-11-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%2Finstagram-story%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%2Finstagram-story%2F&#038;title=Instagram+Story&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+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%2Finstagram-story%2F&#038;title=Instagram+Story\" 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 commodo consequat. <\/p>\n<\/span> <\/div> <\/div> <\/div> <div class=\"info\"> <div class=\"date\">10 March, 2024<\/div> <\/div> <div class=\"title \"> <span class=\"title-h6 \"> Instagram Story <\/span> <\/div> <div class=\"info\"><\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item accessoires col-xs-12 col-sm-6 columns-desktop-5 item-animations-not-inited portfolio-item-template appearance-type-featured_image post-10109 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710098159\"> <div class=\"wrap clearfix\"> <div class=\"image post-10109 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\/M1-13-thegem-portfolio-masonry.jpg\" width=\"754\" height=\"713\" class=\"attachment-thegem-portfolio-masonry\" alt=\"Promo Video\" \/> <\/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\/promo-video\/\" 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%2Fpromo-video%2F\" title=\"Facebook\"><i class=\"socials-item-icon facebook\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/twitter.com\/intent\/tweet?text=Promo+Video&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fpromo-video%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%2Fpromo-video%2F&#038;description=Promo+Video&#038;media=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fwp-content%2Fuploads%2F2023%2F03%2FM1-13-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%2Fpromo-video%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%2Fpromo-video%2F&#038;title=Promo+Video&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+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%2Fpromo-video%2F&#038;title=Promo+Video\" 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 commodo consequat. <\/p>\n<\/span> <\/div> <\/div> <\/div> <div class=\"info\"> <div class=\"date\">10 March, 2024<\/div> <\/div> <div class=\"title \"> <span class=\"title-h6 \"> Promo Video <\/span> <\/div> <div class=\"info\"><\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item accessoires col-xs-12 col-sm-6 columns-desktop-5 item-animations-not-inited portfolio-item-template appearance-type-featured_image post-10111 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710098190\"> <div class=\"wrap clearfix\"> <div class=\"image post-10111 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\/M1-14-thegem-portfolio-masonry.jpg\" width=\"754\" height=\"667\" class=\"attachment-thegem-portfolio-masonry\" alt=\"Soy Candle\" \/> <\/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\/soy-candle\/\" 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%2Fsoy-candle%2F\" title=\"Facebook\"><i class=\"socials-item-icon facebook\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/twitter.com\/intent\/tweet?text=Soy+Candle&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fsoy-candle%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%2Fsoy-candle%2F&#038;description=Soy+Candle&#038;media=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fwp-content%2Fuploads%2F2023%2F03%2FM1-14-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%2Fsoy-candle%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%2Fsoy-candle%2F&#038;title=Soy+Candle&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+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%2Fsoy-candle%2F&#038;title=Soy+Candle\" 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 commodo consequat. <\/p>\n<\/span> <\/div> <\/div> <\/div> <div class=\"info\"> <div class=\"date\">10 March, 2024<\/div> <\/div> <div class=\"title \"> <span class=\"title-h6 \"> Soy Candle <\/span> <\/div> <div class=\"info\"><\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item product-designs col-xs-12 col-sm-6 columns-desktop-5 item-animations-not-inited portfolio-item-template appearance-type-featured_image post-10112 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710098214\"> <div class=\"wrap clearfix\"> <div class=\"image post-10112 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\/M1-10-thegem-portfolio-masonry.jpg\" width=\"754\" height=\"581\" class=\"attachment-thegem-portfolio-masonry\" alt=\"Shape 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\/shape-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%2Fshape-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=Shape+Design&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fshape-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%2Fshape-design%2F&#038;description=Shape+Design&#038;media=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fwp-content%2Fuploads%2F2023%2F03%2FM1-10-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%2Fshape-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%2Fshape-design%2F&#038;title=Shape+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+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%2Fshape-design%2F&#038;title=Shape+Design\" 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 commodo consequat. <\/p>\n<\/span> <\/div> <\/div> <\/div> <div class=\"info\"> <div class=\"date\">10 March, 2024<\/div> <\/div> <div class=\"title \"> <span class=\"title-h6 \"> Shape Design <\/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 columns-desktop-5 item-animations-not-inited portfolio-item-template appearance-type-featured_image post-10112 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_1678786476703{margin-bottom: 0px !important;}&#8221;][vc_column css=&#8221;.vc_custom_1678891230662{padding-top: 70px !important;padding-bottom: 70px !important;}&#8221; tablet_padding_top=&#8221;20&#8243; tablet_padding_bottom=&#8221;40&#8243; mobile_padding_bottom=&#8221;20&#8243;]<div class=\"thegem-te-heading thegem-custom-69d2704ff2feb4925\" ><div id=\"thegem-heading-69d2704ff2f20\" class=\"thegem-heading title-h2\" style=\"text-align: center;\" ><span>Any Columns, Gaps, Captions<\/span><\/div><style type=\"text\/css\">#thegem-heading-69d2704ff2f20 {margin: 0;}#thegem-heading-69d2704ff2f20 {margin-left: auto; margin-right: auto;}#thegem-heading-69d2704ff2f20 > * {justify-content: center;}#thegem-heading-69d2704ff2f20 {letter-spacing: 0px;}#thegem-heading-69d2704ff2f20, #thegem-heading-69d2704ff2f20 .light {text-transform: none;}#thegem-heading-69d2704ff2f20 a:hover, #thegem-heading-69d2704ff2f20 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-69d2704ff2feb4925{display: block!important;}}@media screen and (max-width: 767px) {.thegem-te-heading.thegem-custom-69d2704ff2feb4925{display: block!important;}}@media screen and (max-width: 1023px) {.thegem-te-heading.thegem-custom-69d2704ff2feb4925{position: relative !important;}}@media screen and (max-width: 767px) {.thegem-te-heading.thegem-custom-69d2704ff2feb4925{position: relative !important;}}<\/style><div class=\"clearboth\"><\/div><style>#thegem-divider-69d2704ff3019 {margin-top: 20px !important;}<\/style><div id=\"thegem-divider-69d2704ff3019\" class=\"gem-divider  \" style=\"\" ><\/div><div class=\"thegem-te-heading thegem-custom-69d2704ff31225664\" ><div id=\"thegem-heading-69d2704ff3094\" class=\"thegem-heading styled-subtitle\" style=\"text-align: center;\" ><span>Adjust number of columns, gaps between portfolio items and set the caption position. Add sticky sidebar filters with taxonomy terms and custom fields.<\/span><\/div><style type=\"text\/css\">#thegem-heading-69d2704ff3094 {margin: 0;}#thegem-heading-69d2704ff3094 {margin-left: auto; margin-right: auto;}#thegem-heading-69d2704ff3094 > * {justify-content: center;}#thegem-heading-69d2704ff3094 {max-width: 830px;}#thegem-heading-69d2704ff3094 a:hover, #thegem-heading-69d2704ff3094 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-69d2704ff31225664{display: block!important;}}@media screen and (max-width: 767px) {.thegem-te-heading.thegem-custom-69d2704ff31225664{display: block!important;}}@media screen and (max-width: 1023px) {.thegem-te-heading.thegem-custom-69d2704ff31225664{position: relative !important;}}@media screen and (max-width: 767px) {.thegem-te-heading.thegem-custom-69d2704ff31225664{position: relative !important;}}<\/style>[\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row_content&#8221; css=&#8221;.vc_custom_1680696170917{margin-bottom: 0px !important;}&#8221; el_class=&#8221;row-sidebar-grid&#8221;][vc_column css=&#8221;.vc_custom_1679042169771{padding-top: 70px !important;padding-right: 80px !important;padding-bottom: 60px !important;padding-left: 80px !important;}&#8221; tablet_padding_left=&#8221;21&#8243; tablet_padding_right=&#8221;21&#8243;]<style>.portfolio.portfolio-grid#style-a38dd55 .portfolio-item:not(.size-item), .preloader#style-preloader-a38dd55 .portfolio-item { padding: calc(80px\/2) !important; }.portfolio.portfolio-grid#style-a38dd55 .portfolio-item.size-item { padding: 0 calc(80px\/2) !important; }.portfolio.portfolio-grid#style-a38dd55 .portfolio-row, .preloader#style-preloader-a38dd55 .skeleton-posts.portfolio-row { margin: calc(-80px\/2); }.portfolio.portfolio-grid#style-a38dd55.fullwidth-columns .portfolio-row { margin: calc(-80px\/2) 0; }.portfolio.portfolio-grid#style-a38dd55 .fullwidth-block:not(.no-paddings) { padding-left: 80px; padding-right: 80px; }.portfolio.portfolio-grid#style-a38dd55 .fullwidth-block .portfolio-row { padding-left: calc(80px\/2); padding-right: calc(80px\/2); }.portfolio.portfolio-grid#style-a38dd55 .fullwidth-block .portfolio-top-panel { padding-left: 80px; padding-right: 80px; }.portfolio.portfolio-grid#style-a38dd55.fullwidth-columns .with-filter-sidebar .filter-sidebar { padding-left: 80px; }@media (max-width: 991px) { .portfolio.portfolio-grid#style-a38dd55 .portfolio-item:not(.size-item), .preloader#style-preloader-a38dd55 .portfolio-item { padding: calc(42px\/2) !important; }.portfolio.portfolio-grid#style-a38dd55 .portfolio-item.size-item { padding: 0 calc(42px\/2) !important; }.portfolio.portfolio-grid#style-a38dd55 .portfolio-row, .preloader#style-preloader-a38dd55 .skeleton-posts.portfolio-row { margin: calc(-42px\/2); }.portfolio.portfolio-grid#style-a38dd55.fullwidth-columns .portfolio-row { margin: calc(-42px\/2) 0; }.portfolio.portfolio-grid#style-a38dd55 .fullwidth-block:not(.no-paddings) { padding-left: 42px; padding-right: 42px; }.portfolio.portfolio-grid#style-a38dd55 .fullwidth-block .portfolio-row { padding-left: calc(42px\/2); padding-right: calc(42px\/2); }.portfolio.portfolio-grid#style-a38dd55 .fullwidth-block .portfolio-top-panel { padding-left: 42px; padding-right: 42px; }.portfolio.portfolio-grid#style-a38dd55.fullwidth-columns .with-filter-sidebar .filter-sidebar { padding-left: 42px; }}.portfolio.portfolio-grid#style-a38dd55 .portfolio-item .caption { text-align: center !important; }.portfolio.portfolio-grid#style-a38dd55 .portfolio-item .caption .caption-separator { margin-center : 0 !important; }.portfolio.portfolio-grid#style-a38dd55 .portfolio-item .caption .portfolio-likes { text-align: -webkit-center !important; }.portfolio.portfolio-grid#style-a38dd55 .portfolio-item .caption { padding-top: 30px !important; }.portfolio.portfolio-grid#style-a38dd55 .portfolio-item .caption { padding-bottom: 30px !important; }.portfolio.portfolio-grid#style-a38dd55 .portfolio-item .caption { border-bottom-color: rgba(255,255,255,0.01) !important; }.portfolio.portfolio-grid#style-a38dd55 .portfolio-item .caption .title span { letter-spacing: 0px !important; }.portfolio.portfolio-grid#style-a38dd55 .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-a38dd55 .portfolio-item .caption .subtitle { max-height: initial !important; }.portfolio.portfolio-grid#style-a38dd55 .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-a38dd55 .portfolio-item .caption .subtitle a, .portfolio.portfolio-grid#style-a38dd55 .portfolio-item .caption .subtitle p { white-space: initial; overflow: initial; }<\/style><style>.portfolio.portfolio-grid#style-a38dd55 .portfolio-selected-filters .portfolio-selected-filter-item { color: #5f727f }.portfolio.portfolio-grid#style-a38dd55 .portfolio-top-panel .portfolio-top-panel-right .portfolio-search-filter .portfolio-search-filter-button,.portfolio.portfolio-grid#style-a38dd55 .portfolio-filters-list .portfolio-filters-area .portfolio-search-filter .portfolio-search-filter-button { color: #5f727f }.portfolio.portfolio-grid#style-a38dd55 .portfolio-top-panel .portfolio-top-panel-right .portfolio-search-filter .portfolio-search-filter-form input,.portfolio.portfolio-grid#style-a38dd55 .portfolio-filters-list .portfolio-filters-area .portfolio-search-filter input { color: #5f727f }.portfolio.portfolio-grid#style-a38dd55 .portfolio-top-panel .portfolio-top-panel-right .portfolio-search-filter .portfolio-search-filter-form input,.portfolio.portfolio-grid#style-a38dd55 .portfolio-filters-list .portfolio-filters-area .portfolio-search-filter input { background-color: #f0f3f2 }.portfolio.portfolio-grid#style-a38dd55.shadowed-container .portfolio-item .wrap, .portfolio.portfolio-grid#style-a38dd55 .portfolio-item .thegem-template-wrapper { box-shadow: 0px 10px 40px 0px rgba(0,0,0,0.12); }<\/style><div id=\"style-preloader-a38dd55\" 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-dark hover-zooming-blur title-on-page hover-elements-size-default version-alternative caption-position-page loading-animation item-animation-move-up shadowed-container portfolio-items-masonry columns-3 columns-tablet-2 columns-mobile-1 minimal-preloader \" id=\"style-a38dd55\" data-style-uid=\"a38dd55\" data-portfolio-uid=\"grid_2335eb5\" data-current-page=\"1\" data-per-page=\"6\" data-next-page=\"2\" data-pages-count=\"4\" data-hover=\"zooming-blur\" data-portfolio-filter=\"[]\" data-portfolio-filter-attributes=\"null\" data-portfolio-filter-search=\"\"> <div class=\"portfolio-row-outer \"> <div class=\"with-filter-sidebar sticky-sidebar\"> <div class=\"filter-sidebar \"> <div class=\"portfolio-filters-list style-sidebar scroll-top \"> <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 reset-filters\" 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 tax_thegem_portfolios multiple\"> <div class=\"portfolio-filter-item-list\"> <ul> <li> <a href=\"#\" data-filter-type=\"taxonomies\" data-attr=\"tax_thegem_portfolios\" data-filter=\"*\" class=\"all active\" rel=\"nofollow\"> <span class=\"title\">All<\/span> <\/a> <\/li> <li> <a href=\"#\" data-filter-type=\"taxonomies\" data-attr=\"tax_thegem_portfolios\" data-filter=\"promo-campaign\" class=\"\" rel=\"nofollow\"> <span class=\"title\">Promo Campaign<\/span> <\/a> <\/li> <li> <a href=\"#\" data-filter-type=\"taxonomies\" data-attr=\"tax_thegem_portfolios\" data-filter=\"product-designs\" class=\"\" rel=\"nofollow\"> <span class=\"title\">Product Designs<\/span> <\/a> <\/li> <li> <a href=\"#\" data-filter-type=\"taxonomies\" data-attr=\"tax_thegem_portfolios\" data-filter=\"accessoires\" class=\"\" rel=\"nofollow\"> <span class=\"title\">Accessoires<\/span> <\/a> <\/li> <li> <a href=\"#\" data-filter-type=\"taxonomies\" data-attr=\"tax_thegem_portfolios\" data-filter=\"interior-design\" class=\"\" rel=\"nofollow\"> <span class=\"title\">Interior Design<\/span> <\/a> <\/li> <\/ul> <\/div> <\/div> <div class=\"portfolio-filter-item attribute meta__thegem_cf_year single\"> <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=\"content\"> <div class=\"portfolio-top-panel filter-type-extended sidebar-filter selected-only\"> <div class=\"portfolio-top-panel-row filter-style-buttons\"> <div class=\"portfolio-top-panel-left left\"> <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 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 interior-design col-xs-12 col-sm-6 col-md-4 item-animations-not-inited portfolio-item-template appearance-type-featured_image post-10123 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710098699\"> <div class=\"wrap clearfix\"> <div class=\"image post-10123 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\/M2-01-thegem-portfolio-masonry.jpg\" width=\"754\" height=\"992\" class=\"attachment-thegem-portfolio-masonry\" 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\/\" 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%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%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%2F&#038;description=Wooden+Chair&#038;media=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fwp-content%2Fuploads%2F2023%2F03%2FM2-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%2Fwooden-chair%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%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%2F&#038;title=Wooden+Chair\" title=\"Reddit\"><i class=\"socials-item-icon reddit\"><\/i><\/a> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"caption post-10123 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\"> <div class=\"title\"> <span class=\"title-h6 \"> Wooden Chair <\/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 class=\"portfolio-likes\"> <i class=\"default\"><\/i> <a href=\"#\" class=\"zilla-likes\" id=\"zilla-likes-10123\" title=\"Like this\"><span class=\"zilla-likes-count\">1<\/span> <span class=\"zilla-likes-postfix\"><\/span><\/a> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item interior-design col-xs-12 col-sm-6 col-md-4 item-animations-not-inited portfolio-item-template appearance-type-featured_image post-10130 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710098687\"> <div class=\"wrap clearfix\"> <div class=\"image post-10130 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\/M2-02-thegem-portfolio-masonry.jpg\" width=\"754\" height=\"546\" class=\"attachment-thegem-portfolio-masonry\" 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\/\" 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%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%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%2F&#038;description=Elegant+Couch&#038;media=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fwp-content%2Fuploads%2F2023%2F03%2FM2-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%2Felegant-couch%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%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%2F&#038;title=Elegant+Couch\" title=\"Reddit\"><i class=\"socials-item-icon reddit\"><\/i><\/a> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"caption post-10130 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\"> <div class=\"title\"> <span class=\"title-h6 \"> Elegant Couch <\/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 class=\"portfolio-likes\"> <i class=\"default\"><\/i> <a href=\"#\" class=\"zilla-likes\" id=\"zilla-likes-10130\" title=\"Like this\"><span class=\"zilla-likes-count\">0<\/span> <span class=\"zilla-likes-postfix\"><\/span><\/a> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item interior-design col-xs-12 col-sm-6 col-md-4 item-animations-not-inited portfolio-item-template appearance-type-featured_image post-10131 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710098675\"> <div class=\"wrap clearfix\"> <div class=\"image post-10131 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\/M2-03-thegem-portfolio-masonry.jpg\" width=\"754\" height=\"794\" class=\"attachment-thegem-portfolio-masonry\" alt=\"Pastel 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\/pastel-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%2Fpastel-flowers%2F\" title=\"Facebook\"><i class=\"socials-item-icon facebook\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/twitter.com\/intent\/tweet?text=Pastel+Flowers&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fpastel-flowers%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%2Fpastel-flowers%2F&#038;description=Pastel+Flowers&#038;media=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fwp-content%2Fuploads%2F2023%2F03%2FM2-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%2Fpastel-flowers%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%2Fpastel-flowers%2F&#038;title=Pastel+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%2Fpastel-flowers%2F&#038;title=Pastel+Flowers\" title=\"Reddit\"><i class=\"socials-item-icon reddit\"><\/i><\/a> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"caption post-10131 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\"> <div class=\"title\"> <span class=\"title-h6 \"> Pastel Flowers <\/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 class=\"portfolio-likes\"> <i class=\"default\"><\/i> <a href=\"#\" class=\"zilla-likes\" id=\"zilla-likes-10131\" title=\"Like this\"><span class=\"zilla-likes-count\">1<\/span> <span class=\"zilla-likes-postfix\"><\/span><\/a> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item interior-design col-xs-12 col-sm-6 col-md-4 item-animations-not-inited portfolio-item-template appearance-type-featured_image post-10133 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710098661\"> <div class=\"wrap clearfix\"> <div class=\"image post-10133 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\/M2-05-thegem-portfolio-masonry.jpg\" width=\"754\" height=\"794\" class=\"attachment-thegem-portfolio-masonry\" alt=\"Modern 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\/modern-chair\/\" 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%2Fmodern-chair%2F\" title=\"Facebook\"><i class=\"socials-item-icon facebook\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/twitter.com\/intent\/tweet?text=Modern+Chair&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fmodern-chair%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%2Fmodern-chair%2F&#038;description=Modern+Chair&#038;media=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fwp-content%2Fuploads%2F2023%2F03%2FM2-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%2Fmodern-chair%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%2Fmodern-chair%2F&#038;title=Modern+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%2Fmodern-chair%2F&#038;title=Modern+Chair\" title=\"Reddit\"><i class=\"socials-item-icon reddit\"><\/i><\/a> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"caption post-10133 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\"> <div class=\"title\"> <span class=\"title-h6 \"> Modern Chair <\/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 class=\"portfolio-likes\"> <i class=\"default\"><\/i> <a href=\"#\" class=\"zilla-likes\" id=\"zilla-likes-10133\" title=\"Like this\"><span class=\"zilla-likes-count\">1<\/span> <span class=\"zilla-likes-postfix\"><\/span><\/a> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item interior-design col-xs-12 col-sm-6 col-md-4 item-animations-not-inited portfolio-item-template appearance-type-featured_image post-10134 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710098651\"> <div class=\"wrap clearfix\"> <div class=\"image post-10134 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\/M2-06-thegem-portfolio-masonry.jpg\" width=\"754\" height=\"794\" class=\"attachment-thegem-portfolio-masonry\" 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\/\" 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%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%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%2F&#038;description=Urban+Style&#038;media=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fwp-content%2Fuploads%2F2023%2F03%2FM2-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%2Furban-style%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%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%2F&#038;title=Urban+Style\" title=\"Reddit\"><i class=\"socials-item-icon reddit\"><\/i><\/a> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"caption post-10134 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\"> <div class=\"title\"> <span class=\"title-h6 \"> Urban Style <\/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 class=\"portfolio-likes\"> <i class=\"default\"><\/i> <a href=\"#\" class=\"zilla-likes\" id=\"zilla-likes-10134\" title=\"Like this\"><span class=\"zilla-likes-count\">0<\/span> <span class=\"zilla-likes-postfix\"><\/span><\/a> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item interior-design col-xs-12 col-sm-6 col-md-4 item-animations-not-inited portfolio-item-template appearance-type-featured_image post-10135 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710098648\"> <div class=\"wrap clearfix\"> <div class=\"image post-10135 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\/M2-04-thegem-portfolio-masonry.jpg\" width=\"754\" height=\"546\" class=\"attachment-thegem-portfolio-masonry\" alt=\"Product 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\/product-design-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%2Fproduct-design-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=Product+Design&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fproduct-design-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%2Fproduct-design-2%2F&#038;description=Product+Design&#038;media=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fwp-content%2Fuploads%2F2023%2F03%2FM2-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%2Fproduct-design-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%2Fproduct-design-2%2F&#038;title=Product+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%2Fproduct-design-2%2F&#038;title=Product+Design\" title=\"Reddit\"><i class=\"socials-item-icon reddit\"><\/i><\/a> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"caption post-10135 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\"> <div class=\"title\"> <span class=\"title-h6 \"> Product 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 class=\"portfolio-likes\"> <i class=\"default\"><\/i> <a href=\"#\" class=\"zilla-likes\" id=\"zilla-likes-10135\" title=\"Like this\"><span class=\"zilla-likes-count\">0<\/span> <span class=\"zilla-likes-postfix\"><\/span><\/a> <\/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-10135 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\"> <\/div> <\/div> <\/div><!-- .row--> <\/div> <\/div> <\/div><!-- .full-width --> <\/div><!-- .portfolio--> <\/div><!-- .portfolio-preloader-wrapper-->[\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1678786476703{margin-bottom: 0px !important;}&#8221;][vc_column css=&#8221;.vc_custom_1678890916170{padding-top: 70px !important;padding-bottom: 70px !important;}&#8221; tablet_padding_top=&#8221;20&#8243; tablet_padding_bottom=&#8221;20&#8243;]<div class=\"thegem-te-heading thegem-custom-69d270500410d6681\" ><div id=\"thegem-heading-69d270500403b\" class=\"thegem-heading title-h2\" style=\"text-align: center;\" ><span>On Hover Captions, Button Filters<\/span><\/div><style type=\"text\/css\">#thegem-heading-69d270500403b {margin: 0;}#thegem-heading-69d270500403b {margin-left: auto; margin-right: auto;}#thegem-heading-69d270500403b > * {justify-content: center;}#thegem-heading-69d270500403b {letter-spacing: 0px;}#thegem-heading-69d270500403b, #thegem-heading-69d270500403b .light {text-transform: none;}#thegem-heading-69d270500403b a:hover, #thegem-heading-69d270500403b 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-69d270500410d6681{display: block!important;}}@media screen and (max-width: 767px) {.thegem-te-heading.thegem-custom-69d270500410d6681{display: block!important;}}@media screen and (max-width: 1023px) {.thegem-te-heading.thegem-custom-69d270500410d6681{position: relative !important;}}@media screen and (max-width: 767px) {.thegem-te-heading.thegem-custom-69d270500410d6681{position: relative !important;}}<\/style><div class=\"clearboth\"><\/div><style>#thegem-divider-69d270500413b {margin-top: 20px !important;}<\/style><div id=\"thegem-divider-69d270500413b\" class=\"gem-divider  \" style=\"\" ><\/div><div class=\"thegem-te-heading thegem-custom-69d27050042aa1218\" ><div id=\"thegem-heading-69d27050041ef\" class=\"thegem-heading styled-subtitle\" style=\"text-align: center;\" ><span>Display your portfolio in attractive masonry mode with captions appearing on hover. Add category filters in buttons style.<\/span><\/div><style type=\"text\/css\">#thegem-heading-69d27050041ef {margin: 0;}#thegem-heading-69d27050041ef {margin-left: auto; margin-right: auto;}#thegem-heading-69d27050041ef > * {justify-content: center;}#thegem-heading-69d27050041ef {max-width: 720px;}#thegem-heading-69d27050041ef a:hover, #thegem-heading-69d27050041ef 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-69d27050042aa1218{display: block!important;}}@media screen and (max-width: 767px) {.thegem-te-heading.thegem-custom-69d27050042aa1218{display: block!important;}}@media screen and (max-width: 1023px) {.thegem-te-heading.thegem-custom-69d27050042aa1218{position: relative !important;}}@media screen and (max-width: 767px) {.thegem-te-heading.thegem-custom-69d27050042aa1218{position: relative !important;}}<\/style><div class=\"clearboth\"><\/div><style>#thegem-divider-69d27050042ce {margin-top: 115px !important;}@media screen and (max-width: 767px) {#thegem-divider-69d27050042ce {margin-top: 85px !important;}}<\/style><div id=\"thegem-divider-69d27050042ce\" class=\"gem-divider  \" style=\"\" ><\/div><style>.portfolio.portfolio-grid#style-435eadd .portfolio-item:not(.size-item), .preloader#style-preloader-435eadd .portfolio-item { padding: calc(0px\/2) !important; }.portfolio.portfolio-grid#style-435eadd .portfolio-item.size-item { padding: 0 calc(0px\/2) !important; }.portfolio.portfolio-grid#style-435eadd .portfolio-row, .preloader#style-preloader-435eadd .skeleton-posts.portfolio-row { margin: calc(-0px\/2); }.portfolio.portfolio-grid#style-435eadd.fullwidth-columns .portfolio-row { margin: calc(-0px\/2) 0; }.portfolio.portfolio-grid#style-435eadd .fullwidth-block:not(.no-paddings) { padding-left: 0px; padding-right: 0px; }.portfolio.portfolio-grid#style-435eadd .fullwidth-block .portfolio-row { padding-left: calc(0px\/2); padding-right: calc(0px\/2); }.portfolio.portfolio-grid#style-435eadd .fullwidth-block .portfolio-top-panel { padding-left: 0px; padding-right: 0px; }.portfolio.portfolio-grid#style-435eadd.fullwidth-columns .with-filter-sidebar .filter-sidebar { padding-left: 0px; }.portfolio.portfolio-grid#style-435eadd .portfolio-item .caption { padding-left: 40px !important; }.portfolio.portfolio-grid#style-435eadd .portfolio-item .caption { padding-right: 40px !important; }.portfolio.portfolio-grid#style-435eadd .portfolio-item .caption .title span { letter-spacing: px !important; }.portfolio.portfolio-grid#style-435eadd .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-435eadd .portfolio-item .caption .subtitle { max-height: initial !important; }.portfolio.portfolio-grid#style-435eadd .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-435eadd .portfolio-item .caption .subtitle a, .portfolio.portfolio-grid#style-435eadd .portfolio-item .caption .subtitle p { white-space: initial; overflow: initial; }<\/style><style><\/style><div id=\"style-preloader-435eadd\" 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-zoom-overlay title-on-hover hover-elements-size-default version-alternative caption-position-hover no-gaps hover-title portfolio-items-masonry columns-3 columns-tablet-2 columns-mobile-1 minimal-preloader \" id=\"style-435eadd\" data-style-uid=\"435eadd\" data-portfolio-uid=\"grid_164b6a6\" data-current-page=\"1\" data-per-page=\"9\" data-next-page=\"2\" data-pages-count=\"3\" 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 filters-top-sticky\"> <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=\".urban\" class=\" title-h6 hover-pointer\"> <span class=\"light\"> Urban <\/span> <\/a> <a href=\"#\" data-filter=\".portraits\" class=\" title-h6 hover-pointer\"> <span class=\"light\"> Portraits <\/span> <\/a> <a href=\"#\" data-filter=\".product-designs\" class=\" title-h6 hover-pointer\"> <span class=\"light\"> Product Designs <\/span> <\/a> <a href=\"#\" data-filter=\".accessoires\" class=\" title-h6 hover-pointer\"> <span class=\"light\"> Accessoires <\/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=\".urban\"> Urban <\/a> <\/li> <li> <a href=\"#\" data-filter=\".portraits\"> Portraits <\/a> <\/li> <li> <a href=\"#\" data-filter=\".product-designs\"> Product Designs <\/a> <\/li> <li> <a href=\"#\" data-filter=\".accessoires\"> Accessoires <\/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 urban col-xs-12 col-sm-6 col-md-4 portfolio-item-template appearance-type-featured_image post-10146 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710100240\"> <div class=\"wrap clearfix\"> <div class=\"image post-10146 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\/M3-01-thegem-portfolio-masonry.jpg\" width=\"754\" height=\"754\" class=\"attachment-thegem-portfolio-masonry\" alt=\"Night Life Promo\" \/> <\/picture> <\/div> <div class=\"overlay \"> <div class=\"overlay-circle\"><\/div> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/M3-01.jpg\" target=\"_self\" class=\"portfolio-item-link full-image\" data-fancybox=\"thegem-portfolio\" data-elementor-open-lightbox=\"no\"> <span class=\"screen-reader-text\">Night Life Promo<\/span> <\/a> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"caption\"> <div class=\"title title-h5\"> <span class=\" \"> Night Life Promo <\/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 portraits urban col-xs-12 col-sm-6 col-md-4 portfolio-item-template appearance-type-featured_image post-10156 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710100228\"> <div class=\"wrap clearfix\"> <div class=\"image post-10156 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\/M3-02-thegem-portfolio-masonry.jpg\" width=\"754\" height=\"627\" class=\"attachment-thegem-portfolio-masonry\" alt=\"JBL Campaign\" \/> <\/picture> <\/div> <div class=\"overlay \"> <div class=\"overlay-circle\"><\/div> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/M3-02.jpg\" target=\"_self\" class=\"portfolio-item-link full-image\" data-fancybox=\"thegem-portfolio\" data-elementor-open-lightbox=\"no\"> <span class=\"screen-reader-text\">JBL Campaign<\/span> <\/a> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"caption\"> <div class=\"title title-h5\"> <span class=\" \"> JBL Campaign <\/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 portraits col-xs-12 col-sm-6 col-md-4 portfolio-item-template appearance-type-featured_image post-10157 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710100222\"> <div class=\"wrap clearfix\"> <div class=\"image post-10157 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\/M3-03-thegem-portfolio-masonry.jpg\" width=\"754\" height=\"909\" class=\"attachment-thegem-portfolio-masonry\" alt=\"Creative Portraits\" \/> <\/picture> <\/div> <div class=\"overlay \"> <div class=\"overlay-circle\"><\/div> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/M3-03.jpg\" target=\"_self\" class=\"portfolio-item-link full-image\" data-fancybox=\"thegem-portfolio\" data-elementor-open-lightbox=\"no\"> <span class=\"screen-reader-text\">Creative Portraits<\/span> <\/a> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"caption\"> <div class=\"title title-h5\"> <span class=\" \"> Creative Portraits <\/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 portraits urban col-xs-12 col-sm-6 col-md-4 portfolio-item-template appearance-type-featured_image post-10158 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710100212\"> <div class=\"wrap clearfix\"> <div class=\"image post-10158 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\/M3-05-thegem-portfolio-masonry.jpg\" width=\"754\" height=\"986\" class=\"attachment-thegem-portfolio-masonry\" 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\/M3-05.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 portraits urban col-xs-12 col-sm-6 col-md-4 portfolio-item-template appearance-type-featured_image post-10159 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710100200\"> <div class=\"wrap clearfix\"> <div class=\"image post-10159 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\/M3-04-thegem-portfolio-masonry.jpg\" width=\"754\" height=\"1093\" class=\"attachment-thegem-portfolio-masonry\" 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\/M3-04.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 urban col-xs-12 col-sm-6 col-md-4 portfolio-item-template appearance-type-featured_image post-10160 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710100186\"> <div class=\"wrap clearfix\"> <div class=\"image post-10160 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\/M3-06-thegem-portfolio-masonry.jpg\" width=\"754\" height=\"601\" class=\"attachment-thegem-portfolio-masonry\" 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\/M3-06.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 portraits col-xs-12 col-sm-6 col-md-4 portfolio-item-template appearance-type-featured_image post-10161 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710100177\"> <div class=\"wrap clearfix\"> <div class=\"image post-10161 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\/M3-09-thegem-portfolio-masonry.jpg\" width=\"754\" height=\"905\" class=\"attachment-thegem-portfolio-masonry\" alt=\"GoPro Campaign\" \/> <\/picture> <\/div> <div class=\"overlay \"> <div class=\"overlay-circle\"><\/div> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/M3-09.jpg\" target=\"_self\" class=\"portfolio-item-link full-image\" data-fancybox=\"thegem-portfolio\" data-elementor-open-lightbox=\"no\"> <span class=\"screen-reader-text\">GoPro Campaign<\/span> <\/a> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"caption\"> <div class=\"title title-h5\"> <span class=\" \"> GoPro Campaign <\/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 portraits col-xs-12 col-sm-6 col-md-4 portfolio-item-template appearance-type-featured_image post-10162 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710100164\"> <div class=\"wrap clearfix\"> <div class=\"image post-10162 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\/M3-08-thegem-portfolio-masonry.jpg\" width=\"754\" height=\"703\" class=\"attachment-thegem-portfolio-masonry\" 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\/M3-08.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 urban col-xs-12 col-sm-6 col-md-4 portfolio-item-template appearance-type-featured_image post-10163 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710100153\"> <div class=\"wrap clearfix\"> <div class=\"image post-10163 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\/M3-07-thegem-portfolio-masonry.jpg\" width=\"754\" height=\"603\" class=\"attachment-thegem-portfolio-masonry\" alt=\"Pods Case\" \/> <\/picture> <\/div> <div class=\"overlay \"> <div class=\"overlay-circle\"><\/div> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/M3-07.jpg\" target=\"_self\" class=\"portfolio-item-link full-image\" data-fancybox=\"thegem-portfolio\" data-elementor-open-lightbox=\"no\"> <span class=\"screen-reader-text\">Pods Case<\/span> <\/a> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"caption\"> <div class=\"title title-h5\"> <span class=\" \"> Pods Case <\/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 col-md-4 portfolio-item-template appearance-type-featured_image post-10163 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_1678786476703{margin-bottom: 0px !important;}&#8221;][vc_column css=&#8221;.vc_custom_1678891721780{padding-top: 60px !important;padding-bottom: 125px !important;}&#8221; tablet_padding_top=&#8221;30&#8243; tablet_padding_bottom=&#8221;85&#8243; mobile_padding_top=&#8221;20&#8243; mobile_padding_bottom=&#8221;75&#8243;]<div class=\"thegem-te-heading thegem-custom-69d2705009a1a1125\" ><div id=\"thegem-heading-69d2705009970\" class=\"thegem-heading title-h2\" style=\"text-align: center;\" ><span>Fullwidth Masonry<\/span><\/div><style type=\"text\/css\">#thegem-heading-69d2705009970 {margin: 0;}#thegem-heading-69d2705009970 {margin-left: auto; margin-right: auto;}#thegem-heading-69d2705009970 > * {justify-content: center;}#thegem-heading-69d2705009970 {letter-spacing: 0px;}#thegem-heading-69d2705009970, #thegem-heading-69d2705009970 .light {text-transform: none;}#thegem-heading-69d2705009970 a:hover, #thegem-heading-69d2705009970 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-69d2705009a1a1125{display: block!important;}}@media screen and (max-width: 767px) {.thegem-te-heading.thegem-custom-69d2705009a1a1125{display: block!important;}}@media screen and (max-width: 1023px) {.thegem-te-heading.thegem-custom-69d2705009a1a1125{position: relative !important;}}@media screen and (max-width: 767px) {.thegem-te-heading.thegem-custom-69d2705009a1a1125{position: relative !important;}}<\/style><div class=\"clearboth\"><\/div><style>#thegem-divider-69d2705009a46 {margin-top: 20px !important;}<\/style><div id=\"thegem-divider-69d2705009a46\" class=\"gem-divider  \" style=\"\" ><\/div><div class=\"thegem-te-heading thegem-custom-69d2705009b739692\" ><div id=\"thegem-heading-69d2705009ad7\" class=\"thegem-heading styled-subtitle\" style=\"text-align: center;\" ><span>Add fullwidth masonry layouts for modern dynamic look. Display project details.<\/span><\/div><style type=\"text\/css\">#thegem-heading-69d2705009ad7 {margin: 0;}#thegem-heading-69d2705009ad7 {margin-left: auto; margin-right: auto;}#thegem-heading-69d2705009ad7 > * {justify-content: center;}#thegem-heading-69d2705009ad7 {max-width: 610px;}#thegem-heading-69d2705009ad7 a:hover, #thegem-heading-69d2705009ad7 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-69d2705009b739692{display: block!important;}}@media screen and (max-width: 767px) {.thegem-te-heading.thegem-custom-69d2705009b739692{display: block!important;}}@media screen and (max-width: 1023px) {.thegem-te-heading.thegem-custom-69d2705009b739692{position: relative !important;}}@media screen and (max-width: 767px) {.thegem-te-heading.thegem-custom-69d2705009b739692{position: relative !important;}}<\/style>[\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row_content&#8221;][vc_column css=&#8221;.vc_custom_1678891008687{padding-right: 70px !important;padding-left: 70px !important;}&#8221; tablet_padding_left=&#8221;21&#8243; tablet_padding_right=&#8221;21&#8243;]<style>.portfolio.portfolio-grid#style-6c2bd05 .portfolio-item:not(.size-item), .preloader#style-preloader-6c2bd05 .portfolio-item { padding: calc(70px\/2) !important; }.portfolio.portfolio-grid#style-6c2bd05 .portfolio-item.size-item { padding: 0 calc(70px\/2) !important; }.portfolio.portfolio-grid#style-6c2bd05 .portfolio-row, .preloader#style-preloader-6c2bd05 .skeleton-posts.portfolio-row { margin: calc(-70px\/2); }.portfolio.portfolio-grid#style-6c2bd05.fullwidth-columns .portfolio-row { margin: calc(-70px\/2) 0; }.portfolio.portfolio-grid#style-6c2bd05 .fullwidth-block:not(.no-paddings) { padding-left: 70px; padding-right: 70px; }.portfolio.portfolio-grid#style-6c2bd05 .fullwidth-block .portfolio-row { padding-left: calc(70px\/2); padding-right: calc(70px\/2); }.portfolio.portfolio-grid#style-6c2bd05 .fullwidth-block .portfolio-top-panel { padding-left: 70px; padding-right: 70px; }.portfolio.portfolio-grid#style-6c2bd05.fullwidth-columns .with-filter-sidebar .filter-sidebar { padding-left: 70px; }@media (max-width: 991px) { .portfolio.portfolio-grid#style-6c2bd05 .portfolio-item:not(.size-item), .preloader#style-preloader-6c2bd05 .portfolio-item { padding: calc(21px\/2) !important; }.portfolio.portfolio-grid#style-6c2bd05 .portfolio-item.size-item { padding: 0 calc(21px\/2) !important; }.portfolio.portfolio-grid#style-6c2bd05 .portfolio-row, .preloader#style-preloader-6c2bd05 .skeleton-posts.portfolio-row { margin: calc(-21px\/2); }.portfolio.portfolio-grid#style-6c2bd05.fullwidth-columns .portfolio-row { margin: calc(-21px\/2) 0; }.portfolio.portfolio-grid#style-6c2bd05 .fullwidth-block:not(.no-paddings) { padding-left: 21px; padding-right: 21px; }.portfolio.portfolio-grid#style-6c2bd05 .fullwidth-block .portfolio-row { padding-left: calc(21px\/2); padding-right: calc(21px\/2); }.portfolio.portfolio-grid#style-6c2bd05 .fullwidth-block .portfolio-top-panel { padding-left: 21px; padding-right: 21px; }.portfolio.portfolio-grid#style-6c2bd05.fullwidth-columns .with-filter-sidebar .filter-sidebar { padding-left: 21px; }}@media (max-width: 767px) { .portfolio.portfolio-grid#style-6c2bd05 .portfolio-item:not(.size-item), .preloader#style-preloader-6c2bd05 .portfolio-item { padding: calc(21px\/2) !important; }.portfolio.portfolio-grid#style-6c2bd05 .portfolio-item.size-item { padding: 0 calc(21px\/2) !important; }.portfolio.portfolio-grid#style-6c2bd05 .portfolio-row, .preloader#style-preloader-6c2bd05 .skeleton-posts.portfolio-row { margin: calc(-21px\/2); }.portfolio.portfolio-grid#style-6c2bd05.fullwidth-columns .portfolio-row { margin: calc(-21px\/2) 0; }.portfolio.portfolio-grid#style-6c2bd05 .fullwidth-block:not(.no-paddings) { padding-left: 21px; padding-right: 21px; }.portfolio.portfolio-grid#style-6c2bd05 .fullwidth-block .portfolio-row { padding-left: calc(21px\/2); padding-right: calc(21px\/2); }.portfolio.portfolio-grid#style-6c2bd05 .fullwidth-block .portfolio-top-panel { padding-left: 21px; padding-right: 21px; }.portfolio.portfolio-grid#style-6c2bd05.fullwidth-columns .with-filter-sidebar .filter-sidebar { padding-left: 21px; }}.portfolio.portfolio-grid#style-6c2bd05 .portfolio-item .caption { text-align: right !important; }.portfolio.portfolio-grid#style-6c2bd05 .portfolio-item .caption .caption-separator { margin-right : 0 !important; }.portfolio.portfolio-grid#style-6c2bd05 .portfolio-item .caption .portfolio-likes { text-align: -webkit-right !important; }.portfolio.portfolio-grid#style-6c2bd05 .portfolio-item .caption .title span { letter-spacing: px !important; }.portfolio.portfolio-grid#style-6c2bd05 .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-6c2bd05 .portfolio-item .caption .subtitle { max-height: initial !important; }.portfolio.portfolio-grid#style-6c2bd05 .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-6c2bd05 .portfolio-item .caption .subtitle a, .portfolio.portfolio-grid#style-6c2bd05 .portfolio-item .caption .subtitle p { white-space: initial; overflow: initial; }<\/style><style>.portfolio.portfolio-grid#style-6c2bd05 .portfolio-filters { text-align: center; }.portfolio.portfolio-grid#style-6c2bd05 .portfolio-item .details .details-item .label { letter-spacing: px }.portfolio.portfolio-grid#style-6c2bd05 .portfolio-item .details .details-item .value { letter-spacing: px }.portfolio.portfolio-grid#style-6c2bd05 .portfolio-item .details .details-item .value i { font-size: 20px; line-height: 1.2; }<\/style><div id=\"style-preloader-6c2bd05\" 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-transparent title-style-dark hover-horizontal-sliding title-on-page hover-elements-size-default version-alternative caption-position-page loading-animation item-animation-scale portfolio-items-masonry columns-4 columns-tablet-2 columns-mobile-1 minimal-preloader \" id=\"style-6c2bd05\" data-style-uid=\"6c2bd05\" data-portfolio-uid=\"grid_b2a9591\" data-current-page=\"1\" data-per-page=\"4\" data-next-page=\"0\" data-pages-count=\"1\" data-hover=\"horizontal-sliding\" 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 sneakers 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-10164 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710100598\"> <div class=\"wrap clearfix\"> <div class=\"image post-10164 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\/M4-01.jpg\" width=\"1000\" height=\"919\" class=\"attachment-thegem-portfolio-masonry-double\" alt=\"Zoom Pegasus\" \/> <\/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\/wp-content\/uploads\/2023\/03\/M4-01.jpg\" target=\"_self\" class=\"icon full-image \" data-fancybox=\"thegem-portfolio\" data-elementor-open-lightbox=\"no\"> <i class=\"default\"><\/i> <\/a> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/video-3-02.mp4\" target=\"_blank\" class=\"icon self_video video\" data-fancybox=\"thegem-portfolio\" data-elementor-open-lightbox=\"no\"> <i class=\"default\"><\/i> <\/a> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/pf\/zoom-pegasus\/\" 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%2Fzoom-pegasus%2F\" title=\"Facebook\"><i class=\"socials-item-icon facebook\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/twitter.com\/intent\/tweet?text=Zoom+Pegasus&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fzoom-pegasus%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%2Fzoom-pegasus%2F&#038;description=Zoom+Pegasus&#038;media=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fwp-content%2Fuploads%2F2023%2F03%2FM4-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%2Fzoom-pegasus%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%2Fzoom-pegasus%2F&#038;title=Zoom+Pegasus&amp;summary=Ut+enim+ad+minim+veniam%2C+quis+nostrud+exercitation+ullamco+laboris+nisi+ut+aliquip+ex+ea+commodo+consequat+duis+aute+irure+dolor+in+reprehenderit\" 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%2Fzoom-pegasus%2F&#038;title=Zoom+Pegasus\" title=\"Reddit\"><i class=\"socials-item-icon reddit\"><\/i><\/a> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"caption post-10164 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\"> <div class=\"title\"> <span class=\"title-h5 \"> Zoom Pegasus <\/span> <\/div> <div class=\"details layout-inline details-alignment-right style-text with-divider\"> <div class=\"details-item\"> <span class=\"value text-body-tiny \"> <i class=\"gem-print-icon gem-icon-pack-material \">&#xf10e;<\/i><span>Nike<\/span> <\/span> <\/div> <div class=\"details-item\"> <span class=\"value text-body-tiny \"> <i class=\"gem-print-icon gem-icon-pack-material \">&#xf4a3;<\/i><span>Promo<\/span> <\/span> <\/div> <div class=\"details-item\"> <span class=\"value text-body-tiny \"> <i class=\"gem-print-icon gem-icon-pack-material \">&#xf221;<\/i><span>2021<\/span> <\/span> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item sneakers 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-10169 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710100638\"> <div class=\"wrap clearfix\"> <div class=\"image post-10169 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\/M4-02.jpg\" width=\"1000\" height=\"686\" class=\"attachment-thegem-portfolio-masonry-double\" alt=\"SuperRep Go\" \/> <\/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\/wp-content\/uploads\/2023\/03\/M4-02.jpg\" target=\"_self\" class=\"icon full-image \" data-fancybox=\"thegem-portfolio\" data-elementor-open-lightbox=\"no\"> <i class=\"default\"><\/i> <\/a> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/video-3-02.mp4\" target=\"_blank\" class=\"icon self_video video\" data-fancybox=\"thegem-portfolio\" data-elementor-open-lightbox=\"no\"> <i class=\"default\"><\/i> <\/a> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/pf\/superrep-go\/\" 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%2Fsuperrep-go%2F\" title=\"Facebook\"><i class=\"socials-item-icon facebook\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/twitter.com\/intent\/tweet?text=SuperRep+Go&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fsuperrep-go%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%2Fsuperrep-go%2F&#038;description=SuperRep+Go&#038;media=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fwp-content%2Fuploads%2F2023%2F03%2FM4-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%2Fsuperrep-go%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%2Fsuperrep-go%2F&#038;title=SuperRep+Go&amp;summary=Ut+enim+ad+minim+veniam%2C+quis+nostrud+exercitation+ullamco+laboris+nisi+ut+aliquip+ex+ea+commodo+consequat+duis+aute+irure+dolor+in+reprehenderit\" 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%2Fsuperrep-go%2F&#038;title=SuperRep+Go\" title=\"Reddit\"><i class=\"socials-item-icon reddit\"><\/i><\/a> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"caption post-10169 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\"> <div class=\"title\"> <span class=\"title-h5 \"> SuperRep Go <\/span> <\/div> <div class=\"details layout-inline details-alignment-right style-text with-divider\"> <div class=\"details-item\"> <span class=\"value text-body-tiny \"> <i class=\"gem-print-icon gem-icon-pack-material \">&#xf10e;<\/i><span>Collab<\/span> <\/span> <\/div> <div class=\"details-item\"> <span class=\"value text-body-tiny \"> <i class=\"gem-print-icon gem-icon-pack-material \">&#xf4a3;<\/i><span>Reels<\/span> <\/span> <\/div> <div class=\"details-item\"> <span class=\"value text-body-tiny \"> <i class=\"gem-print-icon gem-icon-pack-material \">&#xf221;<\/i><span>2022<\/span> <\/span> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item sneakers 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-10170 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710100653\"> <div class=\"wrap clearfix\"> <div class=\"image post-10170 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\/M4-04.jpg\" width=\"1000\" height=\"919\" class=\"attachment-thegem-portfolio-masonry-double\" alt=\"Kyrie TB\" \/> <\/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\/wp-content\/uploads\/2023\/03\/M4-04.jpg\" target=\"_self\" class=\"icon full-image \" data-fancybox=\"thegem-portfolio\" data-elementor-open-lightbox=\"no\"> <i class=\"default\"><\/i> <\/a> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/video-3-02.mp4\" target=\"_blank\" class=\"icon self_video video\" data-fancybox=\"thegem-portfolio\" data-elementor-open-lightbox=\"no\"> <i class=\"default\"><\/i> <\/a> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/pf\/kyrie-tb\/\" 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%2Fkyrie-tb%2F\" title=\"Facebook\"><i class=\"socials-item-icon facebook\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/twitter.com\/intent\/tweet?text=Kyrie+TB&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fkyrie-tb%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%2Fkyrie-tb%2F&#038;description=Kyrie+TB&#038;media=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fwp-content%2Fuploads%2F2023%2F03%2FM4-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%2Fkyrie-tb%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%2Fkyrie-tb%2F&#038;title=Kyrie+TB&amp;summary=Ut+enim+ad+minim+veniam%2C+quis+nostrud+exercitation+ullamco+laboris+nisi+ut+aliquip+ex+ea+commodo+consequat+duis+aute+irure+dolor+in+reprehenderit\" 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%2Fkyrie-tb%2F&#038;title=Kyrie+TB\" title=\"Reddit\"><i class=\"socials-item-icon reddit\"><\/i><\/a> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"caption post-10170 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\"> <div class=\"title\"> <span class=\"title-h5 \"> Kyrie TB <\/span> <\/div> <div class=\"details layout-inline details-alignment-right style-text with-divider\"> <div class=\"details-item\"> <span class=\"value text-body-tiny \"> <i class=\"gem-print-icon gem-icon-pack-material \">&#xf10e;<\/i><span>Nike<\/span> <\/span> <\/div> <div class=\"details-item\"> <span class=\"value text-body-tiny \"> <i class=\"gem-print-icon gem-icon-pack-material \">&#xf4a3;<\/i><span>Concept<\/span> <\/span> <\/div> <div class=\"details-item\"> <span class=\"value text-body-tiny \"> <i class=\"gem-print-icon gem-icon-pack-material \">&#xf221;<\/i><span>2023<\/span> <\/span> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item sneakers 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-10171 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1710100664\"> <div class=\"wrap clearfix\"> <div class=\"image post-10171 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\/M4-03.jpg\" width=\"1000\" height=\"686\" class=\"attachment-thegem-portfolio-masonry-double\" alt=\"Legend Essential\" \/> <\/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\/wp-content\/uploads\/2023\/03\/M4-03.jpg\" target=\"_self\" class=\"icon full-image \" data-fancybox=\"thegem-portfolio\" data-elementor-open-lightbox=\"no\"> <i class=\"default\"><\/i> <\/a> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/03\/video-3-02.mp4\" target=\"_blank\" class=\"icon self_video video\" data-fancybox=\"thegem-portfolio\" data-elementor-open-lightbox=\"no\"> <i class=\"default\"><\/i> <\/a> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/pf\/legend-essential\/\" 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%2Flegend-essential%2F\" title=\"Facebook\"><i class=\"socials-item-icon facebook\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/twitter.com\/intent\/tweet?text=Legend+Essential&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Flegend-essential%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%2Flegend-essential%2F&#038;description=Legend+Essential&#038;media=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fwp-content%2Fuploads%2F2023%2F03%2FM4-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%2Flegend-essential%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%2Flegend-essential%2F&#038;title=Legend+Essential&amp;summary=Ut+enim+ad+minim+veniam%2C+quis+nostrud+exercitation+ullamco+laboris+nisi+ut+aliquip+ex+ea+commodo+consequat+duis+aute+irure+dolor+in+reprehenderit\" 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%2Flegend-essential%2F&#038;title=Legend+Essential\" title=\"Reddit\"><i class=\"socials-item-icon reddit\"><\/i><\/a> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"caption post-10171 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\"> <div class=\"title\"> <span class=\"title-h5 \"> Legend Essential <\/span> <\/div> <div class=\"details layout-inline details-alignment-right style-text with-divider\"> <div class=\"details-item\"> <span class=\"value text-body-tiny \"> <i class=\"gem-print-icon gem-icon-pack-material \">&#xf10e;<\/i><span>Collab<\/span> <\/span> <\/div> <div class=\"details-item\"> <span class=\"value text-body-tiny \"> <i class=\"gem-print-icon gem-icon-pack-material \">&#xf4a3;<\/i><span>Concept<\/span> <\/span> <\/div> <div class=\"details-item\"> <span class=\"value text-body-tiny \"> <i class=\"gem-print-icon gem-icon-pack-material \">&#xf221;<\/i><span>2021<\/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-3 item-animations-not-inited portfolio-item-template appearance-type-featured_image post-10171 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_1678786476703{margin-bottom: 0px !important;}&#8221;][vc_column css=&#8221;.vc_custom_1678891134963{padding-top: 70px !important;padding-bottom: 70px !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_1678863972907{margin-bottom: 0px !important;}&#8221;][vc_column css=&#8221;.vc_custom_1678866796927{padding-top: 35px !important;padding-bottom: 30px !important;}&#8221;][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1678786476703{margin-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\/10061"}],"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=10061"}],"version-history":[{"count":140,"href":"https:\/\/codex-themes.com\/thegem\/blocks\/wp-json\/wp\/v2\/pages\/10061\/revisions"}],"predecessor-version":[{"id":12182,"href":"https:\/\/codex-themes.com\/thegem\/blocks\/wp-json\/wp\/v2\/pages\/10061\/revisions\/12182"}],"wp:attachment":[{"href":"https:\/\/codex-themes.com\/thegem\/blocks\/wp-json\/wp\/v2\/media?parent=10061"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}