{"id":12263,"date":"2024-03-17T13:04:01","date_gmt":"2024-03-17T13:04:01","guid":{"rendered":"https:\/\/codex-themes.com\/thegem\/blocks\/?page_id=12263"},"modified":"2023-04-28T13:43:54","modified_gmt":"2023-04-28T13:43:54","slug":"colored-sport-bootles-mockup","status":"publish","type":"page","link":"https:\/\/codex-themes.com\/thegem\/blocks\/colored-sport-bootles-mockup\/","title":{"rendered":"Colored Sport Bootles Mockup"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row full_width=&#8221;stretch_row_content&#8221; full_height=&#8221;yes&#8221; columns_placement=&#8221;stretch&#8221; equal_height=&#8221;yes&#8221; content_placement=&#8221;middle&#8221; ken_burns_direction=&#8221;zoom_out&#8221; ken_burns_transition_speed=&#8221;15000&#8243; vertical_slider=&#8221;true&#8221; ken_burns_enabled=&#8221;true&#8221; css=&#8221;.vc_custom_1682685718042{margin-bottom: 0px !important;background-color: #292c4e !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}&#8221; ken_burns_image=&#8221;9785&#8243;][vc_column width=&#8221;1\/6&#8243; offset=&#8221;vc_col-lg-4 vc_col-md-3 vc_hidden-xs&#8221;][\/vc_column][vc_column width=&#8221;2\/3&#8243; css=&#8221;.vc_custom_1681995352605{padding-top: 70px !important;padding-right: 42px !important;padding-bottom: 70px !important;padding-left: 42px !important;background-color: rgba(26,27,50,0.93) !important;*background-color: rgb(26,27,50) !important;}&#8221; offset=&#8221;vc_col-lg-4 vc_col-md-6&#8243; tablet_padding_left=&#8221;21&#8243; tablet_padding_right=&#8221;21&#8243; mobile_margin_left=&#8221;21&#8243; mobile_margin_right=&#8221;21&#8243;]<div class=\"thegem-te-heading thegem-custom-69d3709cea3392961\" ><div id=\"thegem-heading-69d3709cea314\" class=\"thegem-heading title-h1\" style=\"text-align: center;\" ><span class=\"colored\" style=\"color: #ffffff;\">Colored Sport Bootle Mockup<\/span><\/div><style type=\"text\/css\">#thegem-heading-69d3709cea314 {margin: 0;}#thegem-heading-69d3709cea314 {margin-left: auto; margin-right: auto;}#thegem-heading-69d3709cea314 > * {justify-content: center;}#thegem-heading-69d3709cea314 {letter-spacing: 0px;}#thegem-heading-69d3709cea314, #thegem-heading-69d3709cea314 .light {text-transform: none;}#thegem-heading-69d3709cea314 {max-width: 410px;}#thegem-heading-69d3709cea314 a:hover, #thegem-heading-69d3709cea314 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-69d3709cea3392961{display: block!important;}}@media screen and (max-width: 767px) {.thegem-te-heading.thegem-custom-69d3709cea3392961{display: block!important;}}@media screen and (max-width: 1023px) {.thegem-te-heading.thegem-custom-69d3709cea3392961{position: relative !important;}}@media screen and (max-width: 767px) {.thegem-te-heading.thegem-custom-69d3709cea3392961{position: relative !important;}}<\/style><div class=\"clearboth\"><\/div><style>#thegem-divider-69d3709cea35a {margin-top: 20px !important;}<\/style><div id=\"thegem-divider-69d3709cea35a\" class=\"gem-divider  \" style=\"\" ><\/div><div class=\"thegem-te-heading thegem-custom-69d3709cea49f1585\" ><div id=\"thegem-heading-69d3709cea486\" class=\"thegem-heading title-h6\" style=\"text-align: center;\" ><span class=\"light colored\" style=\"color: #ffffff;\">September 12, 2022<\/span><\/div><style type=\"text\/css\">#thegem-heading-69d3709cea486 {margin: 0;}#thegem-heading-69d3709cea486 {margin-left: auto; margin-right: auto;}#thegem-heading-69d3709cea486 > * {justify-content: center;}#thegem-heading-69d3709cea486 {letter-spacing: 0px;}#thegem-heading-69d3709cea486, #thegem-heading-69d3709cea486 .light {text-transform: none;}#thegem-heading-69d3709cea486 a:hover, #thegem-heading-69d3709cea486 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-69d3709cea49f1585{display: block!important;}}@media screen and (max-width: 767px) {.thegem-te-heading.thegem-custom-69d3709cea49f1585{display: block!important;}}@media screen and (max-width: 1023px) {.thegem-te-heading.thegem-custom-69d3709cea49f1585{position: relative !important;}}@media screen and (max-width: 767px) {.thegem-te-heading.thegem-custom-69d3709cea49f1585{position: relative !important;}}<\/style><div class=\"clearboth\"><\/div><style>#thegem-divider-69d3709cea4b5 {margin-top: 50px !important;}<\/style><div id=\"thegem-divider-69d3709cea4b5\" class=\"gem-divider  \" style=\"\" ><\/div><div class=\"thegem-te-heading thegem-custom-69d3709cea5228454\" ><div id=\"thegem-heading-69d3709cea510\" class=\"thegem-heading styled-subtitle\" style=\"text-align: center;\" ><span class=\"colored\" style=\"color: #ffffff;\">Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit non!<\/span><\/div><style type=\"text\/css\">#thegem-heading-69d3709cea510 {margin: 0;}#thegem-heading-69d3709cea510 {margin-left: auto; margin-right: auto;}#thegem-heading-69d3709cea510 > * {justify-content: center;}#thegem-heading-69d3709cea510 {max-width: 410px;}#thegem-heading-69d3709cea510 a:hover, #thegem-heading-69d3709cea510 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-69d3709cea5228454{display: block!important;}}@media screen and (max-width: 767px) {.thegem-te-heading.thegem-custom-69d3709cea5228454{display: block!important;}}@media screen and (max-width: 1023px) {.thegem-te-heading.thegem-custom-69d3709cea5228454{position: relative !important;}}@media screen and (max-width: 767px) {.thegem-te-heading.thegem-custom-69d3709cea5228454{position: relative !important;}}<\/style>[\/vc_column][vc_column width=&#8221;1\/6&#8243; offset=&#8221;vc_col-lg-4 vc_col-md-3 vc_hidden-xs&#8221;][\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row_content&#8221; full_height=&#8221;yes&#8221; columns_placement=&#8221;stretch&#8221; equal_height=&#8221;yes&#8221; content_placement=&#8221;middle&#8221; vertical_slider=&#8221;true&#8221; css=&#8221;.vc_custom_1681992208917{margin-bottom: 0px !important;background-color: #1a1c32 !important;}&#8221;][vc_column width=&#8221;1\/2&#8243; css=&#8221;.vc_custom_1681995368463{padding-top: 300px !important;padding-bottom: 300px !important;background-image: url(https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/02\/fullpage_scrolling_2.jpg?id=9786) !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}&#8221; offset=&#8221;vc_col-lg-8 vc_col-md-7 vc_hidden-xs&#8221;][\/vc_column][vc_column width=&#8221;1\/2&#8243; css=&#8221;.vc_custom_1681995131921{padding-top: 60px !important;padding-right: 60px !important;padding-bottom: 60px !important;padding-left: 120px !important;background-color: #2f324f !important;}&#8221; tablet_padding_left=&#8221;42&#8243; offset=&#8221;vc_col-lg-4 vc_col-md-5&#8243; el_class=&#8221;padding-on-laptop&#8221; tablet_padding_right=&#8221;42&#8243;]<style>.thegem-custom-69d3709cea54a8145 .gem-icon-half-1 {color: #ffffff;}.thegem-custom-69d3709cea54a8145 .gem-icon-half-2 {color: #ffffff;}.thegem-custom-69d3709cea54a8145 .gem-icon-style-gradient .back-angle {background: linear-gradient( to bottom, #ffffff, ); -webkit-text-fill-color: transparent; -webkit-background-clip: text;}.thegem-custom-69d3709cea54a8145 .gem-icon  {font-size: 22px;}.thegem-custom-69d3709cea54a8145 .gem-icon:not(.gem-simple-icon) .gem-icon-inner {width: 33px; height: 33px; line-height: 33px;}.thegem-custom-69d3709cea54a8145 .gem-icon.gem-simple-icon {width: 22px; height: 22px; line-height: 22px;}.gem-infotext.thegem-custom-69d3709cea54a8145 .gem-infotext-icon {margin-top:2px !important;}.gem-infotext.thegem-custom-69d3709cea54a8145 .gem-infotext-icon {margin-right:8px !important;}.gem-infotext.thegem-custom-69d3709cea54a8145 .title-customize {color:#ffffff !important;}.gem-infotext.thegem-custom-69d3709cea54a8145 .title-customize {letter-spacing:0px !important;}.gem-infotext.thegem-custom-69d3709cea54a8145 .title-customize {text-transform:none !important;}.gem-infotext.thegem-custom-69d3709cea54a8145 .subtitle-customize {color:#ffffff !important;}.gem-infotext.thegem-custom-69d3709cea54a8145 .subtitle-customize {letter-spacing:0px !important;}.gem-infotext.thegem-custom-69d3709cea54a8145 .subtitle-customize {text-transform:none !important;}<\/style><div class=\"gem-infotext alignment-left thegem-custom-69d3709cea54a8145\"> <div class=\"gem-infotext-wrap position--left vertical--top\"> <div class=\"gem-infotext-icon\"> <div class=\"gem-icon gem-simple-icon gem-icon-pack-thegem-header gem-icon-size-custom\"> <div class=\"gem-icon-inner\"><span class=\"gem-icon-half-1\"><span class=\"back-angle\">&#xe700;<\/span><\/span><span class=\"gem-icon-half-2\"><span class=\"back-angle\">&#xe700;<\/span><\/span><\/div> <\/div> <\/div> <div class=\"gem-infotext\"> <div class=\"gem-infotext__title\"> <div class=\"title-customize title-default\" style=\"\"> Client <\/div> <\/div> <div class=\"gem-infotext__subtitle\"> <div class=\"subtitle-customize title-default light\" style=\"\"> Castro Capital <\/div> <\/div> <\/div> <\/div> <\/div><div class=\"clearboth\"><\/div><style>#thegem-divider-69d3709cea57a {margin-top: 20px !important;}<\/style><div id=\"thegem-divider-69d3709cea57a\" class=\"gem-divider  \" style=\"\" ><\/div><style>.thegem-custom-69d3709cea5912832 .gem-icon-half-1 {color: #ffffff;}.thegem-custom-69d3709cea5912832 .gem-icon-half-2 {color: #ffffff;}.thegem-custom-69d3709cea5912832 .gem-icon-style-gradient .back-angle {background: linear-gradient( to bottom, #ffffff, ); -webkit-text-fill-color: transparent; -webkit-background-clip: text;}.thegem-custom-69d3709cea5912832 .gem-icon  {font-size: 22px;}.thegem-custom-69d3709cea5912832 .gem-icon:not(.gem-simple-icon) .gem-icon-inner {width: 33px; height: 33px; line-height: 33px;}.thegem-custom-69d3709cea5912832 .gem-icon.gem-simple-icon {width: 22px; height: 22px; line-height: 22px;}.gem-infotext.thegem-custom-69d3709cea5912832 .gem-infotext-icon {margin-top:2px !important;}.gem-infotext.thegem-custom-69d3709cea5912832 .gem-infotext-icon {margin-right:8px !important;}.gem-infotext.thegem-custom-69d3709cea5912832 .title-customize {color:#ffffff !important;}.gem-infotext.thegem-custom-69d3709cea5912832 .title-customize {letter-spacing:0px !important;}.gem-infotext.thegem-custom-69d3709cea5912832 .title-customize {text-transform:none !important;}.gem-infotext.thegem-custom-69d3709cea5912832 .subtitle-customize {color:#ffffff !important;}.gem-infotext.thegem-custom-69d3709cea5912832 .subtitle-customize {letter-spacing:0px !important;}.gem-infotext.thegem-custom-69d3709cea5912832 .subtitle-customize {text-transform:none !important;}<\/style><div class=\"gem-infotext alignment-left thegem-custom-69d3709cea5912832\"> <div class=\"gem-infotext-wrap position--left vertical--top\"> <div class=\"gem-infotext-icon\"> <div class=\"gem-icon gem-simple-icon gem-icon-pack-thegem-header gem-icon-size-custom\"> <div class=\"gem-icon-inner\"><span class=\"gem-icon-half-1\"><span class=\"back-angle\">&#xe9ce;<\/span><\/span><span class=\"gem-icon-half-2\"><span class=\"back-angle\">&#xe9ce;<\/span><\/span><\/div> <\/div> <\/div> <div class=\"gem-infotext\"> <div class=\"gem-infotext__title\"> <div class=\"title-customize title-default\" style=\"\"> Services <\/div> <\/div> <div class=\"gem-infotext__subtitle\"> <div class=\"subtitle-customize title-default light\" style=\"\"> Branding, Design <\/div> <\/div> <\/div> <\/div> <\/div><div class=\"clearboth\"><\/div><style>#thegem-divider-69d3709cea5b3 {margin-top: 20px !important;}<\/style><div id=\"thegem-divider-69d3709cea5b3\" class=\"gem-divider  \" style=\"\" ><\/div><style>.thegem-custom-69d3709cea5cb3091 .gem-icon-half-1 {color: #ffffff;}.thegem-custom-69d3709cea5cb3091 .gem-icon-half-2 {color: #ffffff;}.thegem-custom-69d3709cea5cb3091 .gem-icon-style-gradient .back-angle {background: linear-gradient( to bottom, #ffffff, ); -webkit-text-fill-color: transparent; -webkit-background-clip: text;}.thegem-custom-69d3709cea5cb3091 .gem-icon  {font-size: 22px;}.thegem-custom-69d3709cea5cb3091 .gem-icon:not(.gem-simple-icon) .gem-icon-inner {width: 33px; height: 33px; line-height: 33px;}.thegem-custom-69d3709cea5cb3091 .gem-icon.gem-simple-icon {width: 22px; height: 22px; line-height: 22px;}.thegem-custom-69d3709cea5cb3091 a:hover .gem-infotext-icon .gem-icon-half-1 {color: #ffffff !important;}.thegem-custom-69d3709cea5cb3091 a:hover .gem-infotext-icon .gem-icon-half-2 {color: #ffffff !important;}.thegem-custom-69d3709cea5cb3091 a:hover .gem-infotext-icon .gem-icon-style-gradient .back-angle {background: linear-gradient( to bottom, #ffffff, ); -webkit-text-fill-color: transparent; -webkit-background-clip: text;}.gem-infotext.thegem-custom-69d3709cea5cb3091 .gem-infotext-icon {margin-top:2px !important;}.gem-infotext.thegem-custom-69d3709cea5cb3091 .gem-infotext-icon {margin-right:8px !important;}.gem-infotext.thegem-custom-69d3709cea5cb3091 .title-customize {color:#ffffff !important;}.gem-infotext.thegem-custom-69d3709cea5cb3091 a:hover .gem-infotext .title-customize {color:#ffffff !important;}.gem-infotext.thegem-custom-69d3709cea5cb3091 .title-customize {letter-spacing:0px !important;}.gem-infotext.thegem-custom-69d3709cea5cb3091 .title-customize {text-transform:none !important;}.gem-infotext.thegem-custom-69d3709cea5cb3091 .subtitle-customize {color:#00bcd4 !important;}.gem-infotext.thegem-custom-69d3709cea5cb3091 a:hover .gem-infotext .subtitle-customize {color:#ffffff !important;}.gem-infotext.thegem-custom-69d3709cea5cb3091 .subtitle-customize {letter-spacing:0px !important;}.gem-infotext.thegem-custom-69d3709cea5cb3091 .subtitle-customize {text-transform:none !important;}<\/style><div class=\"gem-infotext alignment-left thegem-custom-69d3709cea5cb3091\"> <a href=\"#\" target=\"_self\" class=\"gem-infotext-wrap position--left vertical--top\" > <div class=\"gem-infotext-icon\"> <div class=\"gem-icon gem-simple-icon gem-icon-pack-thegem-header gem-icon-size-custom\"> <div class=\"gem-icon-inner\"><span class=\"gem-icon-half-1\"><span class=\"back-angle\">&#xe72f;<\/span><\/span><span class=\"gem-icon-half-2\"><span class=\"back-angle\">&#xe72f;<\/span><\/span><\/div> <\/div> <\/div> <div class=\"gem-infotext\"> <div class=\"gem-infotext__title\"> <div class=\"title-customize title-default\" style=\"\"> Link <\/div> <\/div> <div class=\"gem-infotext__subtitle\"> <div class=\"subtitle-customize title-default light\" style=\"\"> castrocapital@info.com <\/div> <\/div> <\/div> <\/a> <\/div><div class=\"clearboth\"><\/div><style>#thegem-divider-69d3709cea5fa {margin-top: 55px !important;}<\/style><div id=\"thegem-divider-69d3709cea5fa\" class=\"gem-divider  \" style=\"\" ><\/div>[vc_column_text]<\/p>\n<div style=\"max-width: 350px;\"><span style=\"color: #99a9b5;\">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.<\/span><\/div>\n<p>[\/vc_column_text]<div class=\"clearboth\"><\/div><style>#thegem-divider-69d3709cea601 {margin-top: 55px !important;}<\/style><div id=\"thegem-divider-69d3709cea601\" class=\"gem-divider  \" style=\"\" ><\/div><style>.thegem-te-socials-sharing.thegem-custom-69d3709cea6107969 .socials-sharing .socials-item {color: #ffffff;}<\/style><div class=\"thegem-te-socials-sharing socials-sharing--left socials-sharing--simple socials-sharing--tiny thegem-custom-69d3709cea6107969\"> <div class=\"socials-sharing\"> <ul> <li><a class=\"socials-item facebook\" target=\"_blank\" href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fwp-json%2Fwp%2Fv2%2Fpages%2F12263\" title=\"Facebook\"><i class=\"socials-item-icon facebook\"><\/i><\/a><\/li> <li><a class=\"socials-item twitter\" target=\"_blank\" href=\"https:\/\/twitter.com\/intent\/tweet?text=&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fwp-json%2Fwp%2Fv2%2Fpages%2F12263\" title=\"Twitter\"><i class=\"socials-item-icon twitter\"><\/i><\/a><\/li> <li><a class=\"socials-item pinterest\" target=\"_blank\" href=\"https:\/\/pinterest.com\/pin\/create\/button\/?url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fwp-json%2Fwp%2Fv2%2Fpages%2F12263&#038;description=\" title=\"Pinterest\"><i class=\"socials-item-icon pinterest\"><\/i><\/a><\/li> <li><a class=\"socials-item linkedin\" target=\"_blank\" href=\"https:\/\/www.linkedin.com\/shareArticle?mini=true&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fwp-json%2Fwp%2Fv2%2Fpages%2F12263&#038;title=&amp;summary=\" title=\"LinkedIn\"><i class=\"socials-item-icon linkedin\"><\/i><\/a><\/li> <li><a class=\"socials-item telegram\" target=\"_blank\" href=\"https:\/\/t.me\/share\/url?url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fwp-json%2Fwp%2Fv2%2Fpages%2F12263&#038;text=\" title=\"Telegram\"><i class=\"socials-item-icon telegram\"><\/i><\/a><\/li> <\/ul> <\/div> <\/div>[\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row_content_no_spaces&#8221; full_height=&#8221;yes&#8221; equal_height=&#8221;yes&#8221; vertical_slider=&#8221;true&#8221; css=&#8221;.vc_custom_1681995058915{margin-bottom: 0px !important;background-color: #25273d !important;}&#8221;][vc_column width=&#8221;1\/3&#8243; css=&#8221;.vc_custom_1682689307648{padding-top: 0px !important;background-color: #25273d !important;}&#8221; offset=&#8221;vc_col-lg-4 vc_col-md-4&#8243;]<div class=\"centered-box gem-image-centered-box\" ><div class=\"gem-image gem-wrapbox gem-wrapbox-style-default gem-wrapbox-position-centered  thegem-custom-69d3709cea64d4187\"  style=\"\" ><div class=\"gem-wrapbox-inner \" ><img class=\"gem-wrapbox-element img-responsive\" src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/02\/fullpage_scrolling_4.jpg\" alt=\"\"\/><\/div><\/div><\/div>[\/vc_column][vc_column width=&#8221;1\/3&#8243; css=&#8221;.vc_custom_1682689315087{padding-top: 0px !important;background-color: #2f324f !important;}&#8221; offset=&#8221;vc_col-lg-4 vc_col-md-4 vc_hidden-xs&#8221;]<div class=\"centered-box gem-image-centered-box\" ><div class=\"gem-image gem-wrapbox gem-wrapbox-style-default gem-wrapbox-position-centered  thegem-custom-69d3709cea7a08625\"  style=\"\" ><div class=\"gem-wrapbox-inner \" ><img class=\"gem-wrapbox-element img-responsive\" src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/02\/fullpage_scrolling_5.jpg\" alt=\"\"\/><\/div><\/div><\/div>[\/vc_column][vc_column width=&#8221;1\/3&#8243; css=&#8221;.vc_custom_1682689341305{padding-top: 0px !important;background-color: #25273d !important;}&#8221; offset=&#8221;vc_col-lg-4 vc_col-md-4 vc_hidden-xs&#8221;]<div class=\"centered-box gem-image-centered-box\" ><div class=\"gem-image gem-wrapbox gem-wrapbox-style-default gem-wrapbox-position-centered  thegem-custom-69d3709cea8b76901\"  style=\"\" ><div class=\"gem-wrapbox-inner \" ><img class=\"gem-wrapbox-element img-responsive\" src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/02\/fullpage_scrolling_6.jpg\" alt=\"\"\/><\/div><\/div><\/div>[\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row_content_no_spaces&#8221; full_height=&#8221;yes&#8221; columns_placement=&#8221;stretch&#8221; equal_height=&#8221;yes&#8221; content_placement=&#8221;middle&#8221; vertical_slider=&#8221;true&#8221; css=&#8221;.vc_custom_1682688992532{margin-bottom: 0px !important;background-color: #242539 !important;}&#8221;][vc_column css=&#8221;.vc_custom_1682689433081{padding-top: 135px !important;padding-right: 21px !important;padding-bottom: 135px !important;padding-left: 21px !important;background-color: #2f324f !important;}&#8221; offset=&#8221;vc_col-lg-4 vc_col-md-4 vc_hidden-xs&#8221; mobile_padding_top=&#8221;90&#8243; mobile_padding_bottom=&#8221;90&#8243;]<div class=\"thegem-te-heading thegem-custom-69d3709ceaa545502\" ><div id=\"thegem-heading-69d3709ceaa3d\" class=\"thegem-heading title-h1\" style=\"text-align: center;\" ><span class=\"colored\" style=\"color: #ffffff;\">Related<br \/>\nProjects<\/span><\/div><style type=\"text\/css\">#thegem-heading-69d3709ceaa3d {margin: 0;}#thegem-heading-69d3709ceaa3d {margin-left: auto; margin-right: auto;}#thegem-heading-69d3709ceaa3d > * {justify-content: center;}#thegem-heading-69d3709ceaa3d {letter-spacing: 0px;}#thegem-heading-69d3709ceaa3d, #thegem-heading-69d3709ceaa3d .light {text-transform: none;}#thegem-heading-69d3709ceaa3d a:hover, #thegem-heading-69d3709ceaa3d 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-69d3709ceaa545502{display: block!important;}}@media screen and (max-width: 767px) {.thegem-te-heading.thegem-custom-69d3709ceaa545502{display: block!important;}}@media screen and (max-width: 1023px) {.thegem-te-heading.thegem-custom-69d3709ceaa545502{position: relative !important;}}@media screen and (max-width: 767px) {.thegem-te-heading.thegem-custom-69d3709ceaa545502{position: relative !important;}}<\/style>[\/vc_column][vc_column css=&#8221;.vc_custom_1682684646123{padding-top: 0px !important;}&#8221; offset=&#8221;vc_col-lg-8 vc_col-md-8&#8243;]<style>.portfolio.portfolio-grid#style-2bf311c .portfolio-item:not(.size-item), .preloader#style-preloader-2bf311c .portfolio-item { padding: calc(0px\/2) !important; }.portfolio.portfolio-grid#style-2bf311c .portfolio-item.size-item { padding: 0 calc(0px\/2) !important; }.portfolio.portfolio-grid#style-2bf311c .portfolio-row, .preloader#style-preloader-2bf311c .skeleton-posts.portfolio-row { margin: calc(-0px\/2); }.portfolio.portfolio-grid#style-2bf311c.fullwidth-columns .portfolio-row { margin: calc(-0px\/2) 0; }.portfolio.portfolio-grid#style-2bf311c .fullwidth-block:not(.no-paddings) { padding-left: 0px; padding-right: 0px; }.portfolio.portfolio-grid#style-2bf311c .fullwidth-block .portfolio-row { padding-left: calc(0px\/2); padding-right: calc(0px\/2); }.portfolio.portfolio-grid#style-2bf311c .fullwidth-block .portfolio-top-panel { padding-left: 0px; padding-right: 0px; }.portfolio.portfolio-grid#style-2bf311c.fullwidth-columns .with-filter-sidebar .filter-sidebar { padding-left: 0px; }.portfolio.portfolio-grid#style-2bf311c .portfolio-item:not(.custom-ratio, .double-item) .image-inner:not(.empty) { aspect-ratio: 1.18 !important; height: auto; }.portfolio.portfolio-grid#style-2bf311c .portfolio-item .caption .title span { letter-spacing: px !important; }.portfolio.portfolio-grid#style-2bf311c .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-2bf311c .portfolio-item .caption .subtitle { max-height: initial !important; }.portfolio.portfolio-grid#style-2bf311c .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-2bf311c .portfolio-item .caption .subtitle a, .portfolio.portfolio-grid#style-2bf311c .portfolio-item .caption .subtitle p { white-space: initial; overflow: initial; }<\/style><style>.portfolio.portfolio-grid#style-2bf311c .portfolio-filters { text-align: center; }<\/style> <div class=\"portfolio-preloader-wrapper panel-sidebar-position-left\"> <div class=\"portfolio portfolio-grid extended-portfolio-grid no-padding portfolio-pagination-disable portfolio-style-justified background-style-white title-style-light hover-default title-on-hover hover-elements-size-default version-alternative caption-position-hover loading-animation item-animation-move-up no-gaps hover-title columns-2 columns-tablet-2 columns-mobile-1 disable-isotope next-page-preloading disable-bottom-margin \" id=\"style-2bf311c\" data-style-uid=\"2bf311c\" data-portfolio-uid=\"grid_108ba74\" data-current-page=\"1\" data-per-page=\"4\" data-next-page=\"0\" data-pages-count=\"1\" data-hover=\"default\" data-portfolio-filter=\"[]\" data-portfolio-filter-attributes=\"null\" data-portfolio-filter-search=\"\"> <div class=\"portfolio-row-outer \"> <div class=\"portfolio-top-panel 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 brand-mockup col-xs-12 col-sm-6 col-md-6 bigger item-animations-not-inited portfolio-item-template appearance-type-featured_image post-9890 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1709550250\"> <div class=\"wrap clearfix\"> <div class=\"image post-9890 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\"> <div class=\"image-inner \"> <picture> <source srcset=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/02\/fullpage_scrolling_7-thegem-product-justified-square-xxl.jpg 1x\" sizes=\"100vw\"> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/02\/fullpage_scrolling_7-thegem-product-justified-square-xxl.jpg\" width=\"960\" height=\"960\" class=\"attachment-thegem-product-justified-square-xxl\" alt=\"Branding Case Mockup\" \/> <\/picture> <\/div> <div class=\"overlay \"> <div class=\"overlay-circle\"><\/div> <div class=\"links-wrapper\"> <div class=\"links\"> <div class=\"portfolio-icons\"> <a href=\"https:\/\/codex-themes.com\/thegem\/blocks\/pf\/branding-case-mockup\/\" target=\"_blank\" class=\"icon self-link \" data-elementor-open-lightbox=\"no\"> <i class=\"default\"><\/i> <\/a> <a href=\"javascript: void(0);\" class=\"icon share\"> <i class=\"default\"><\/i> <\/a> <div class=\"portfolio-sharing-pane\"> <div class=\"socials-sharing socials socials-colored-hover\"> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fbranding-case-mockup%2F\" title=\"Facebook\"><i class=\"socials-item-icon facebook\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/twitter.com\/intent\/tweet?text=Branding+Case+Mockup&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fbranding-case-mockup%2F\" title=\"Twitter\"><i class=\"socials-item-icon twitter\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/pinterest.com\/pin\/create\/button\/?url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fbranding-case-mockup%2F&#038;description=Branding+Case+Mockup&#038;media=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fwp-content%2Fuploads%2F2023%2F02%2Ffullpage_scrolling_7-thegem-blog-timeline-large.jpg\" title=\"Pinterest\"><i class=\"socials-item-icon pinterest\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.tumblr.com\/widgets\/share\/tool?canonicalUrl=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fbranding-case-mockup%2F\" title=\"Tumblr\"><i class=\"socials-item-icon tumblr\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.linkedin.com\/shareArticle?mini=true&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fbranding-case-mockup%2F&#038;title=Branding+Case+Mockup&amp;summary=Sed+molestie+diam+sed+metus+rhoncus+tincidunt.+Integer+et+urna+in+leo+rutrum+placerat.+Nam+interdum%2C+lacus+in+euismod+tristique%2C+urna+velit+scelerisque+dui.\" title=\"LinkedIn\"><i class=\"socials-item-icon linkedin\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/www.reddit.com\/submit?url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fbranding-case-mockup%2F&#038;title=Branding+Case+Mockup\" title=\"Reddit\"><i class=\"socials-item-icon reddit\"><\/i><\/a> <\/div> <\/div> <\/div> <div class=\"caption\"> <div class=\"info\"> <div class=\"date\">4 March, 2024<\/div> <\/div> <div class=\"title title-h5\"> <span class=\" \"> Branding Case Mockup <\/span> <\/div> <div class=\"description\"> <div class=\"subtitle\"> <span class=\"\"><p>Sed molestie diam sed metus rhoncus tincidunt. Integer et urna in leo rutrum placerat. Nam interdum, lacus in euismod tristique, urna velit scelerisque dui.<\/p>\n<\/span> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item brand-mockup col-xs-12 col-sm-6 col-md-6 bigger item-animations-not-inited portfolio-item-template appearance-type-featured_image post-9892 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1709550304\"> <div class=\"wrap clearfix\"> <div class=\"image post-9892 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\"> <div class=\"image-inner \"> <picture> <source srcset=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/02\/fullpage_scrolling_8-thegem-product-justified-square-xxl.jpg 1x\" sizes=\"100vw\"> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/02\/fullpage_scrolling_8-thegem-product-justified-square-xxl.jpg\" width=\"960\" height=\"960\" class=\"attachment-thegem-product-justified-square-xxl\" alt=\"Styled Case Mockup\" \/> <\/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\/styled-case-mockup\/\" 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%2Fstyled-case-mockup%2F\" title=\"Facebook\"><i class=\"socials-item-icon facebook\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/twitter.com\/intent\/tweet?text=Styled+Case+Mockup&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fstyled-case-mockup%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%2Fstyled-case-mockup%2F&#038;description=Styled+Case+Mockup&#038;media=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fwp-content%2Fuploads%2F2023%2F02%2Ffullpage_scrolling_8-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%2Fstyled-case-mockup%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%2Fstyled-case-mockup%2F&#038;title=Styled+Case+Mockup&amp;summary=Sed+molestie+diam+sed+metus+rhoncus+tincidunt.+Integer+et+urna+in+leo+rutrum+placerat.+Nam+interdum%2C+lacus+in+euismod+tristique%2C+urna+velit+scelerisque+dui.\" 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%2Fstyled-case-mockup%2F&#038;title=Styled+Case+Mockup\" title=\"Reddit\"><i class=\"socials-item-icon reddit\"><\/i><\/a> <\/div> <\/div> <\/div> <div class=\"caption\"> <div class=\"info\"> <div class=\"date\">4 March, 2024<\/div> <\/div> <div class=\"title title-h5\"> <span class=\" \"> Styled Case Mockup <\/span> <\/div> <div class=\"description\"> <div class=\"subtitle\"> <span class=\"\"><p>Sed molestie diam sed metus rhoncus tincidunt. Integer et urna in leo rutrum placerat. Nam interdum, lacus in euismod tristique, urna velit scelerisque dui.<\/p>\n<\/span> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item brand-mockup col-xs-12 col-sm-6 col-md-6 bigger item-animations-not-inited portfolio-item-template appearance-type-featured_image post-9894 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1709550352\"> <div class=\"wrap clearfix\"> <div class=\"image post-9894 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\"> <div class=\"image-inner \"> <picture> <source srcset=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/02\/fullpage_scrolling_9-thegem-product-justified-square-xxl.jpg 1x\" sizes=\"100vw\"> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/02\/fullpage_scrolling_9-thegem-product-justified-square-xxl.jpg\" width=\"960\" height=\"960\" class=\"attachment-thegem-product-justified-square-xxl\" alt=\"Styled Project Mockup\" \/> <\/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\/styled-project-mockup\/\" 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%2Fstyled-project-mockup%2F\" title=\"Facebook\"><i class=\"socials-item-icon facebook\"><\/i><\/a> <a class=\"socials-item\" target=\"_blank\" href=\"https:\/\/twitter.com\/intent\/tweet?text=Styled+Project+Mockup&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fstyled-project-mockup%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%2Fstyled-project-mockup%2F&#038;description=Styled+Project+Mockup&#038;media=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fwp-content%2Fuploads%2F2023%2F02%2Ffullpage_scrolling_9-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%2Fstyled-project-mockup%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%2Fstyled-project-mockup%2F&#038;title=Styled+Project+Mockup&amp;summary=Sed+molestie+diam+sed+metus+rhoncus+tincidunt.+Integer+et+urna+in+leo+rutrum+placerat.+Nam+interdum%2C+lacus+in+euismod+tristique%2C+urna+velit+scelerisque+dui.\" 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%2Fstyled-project-mockup%2F&#038;title=Styled+Project+Mockup\" title=\"Reddit\"><i class=\"socials-item-icon reddit\"><\/i><\/a> <\/div> <\/div> <\/div> <div class=\"caption\"> <div class=\"info\"> <div class=\"date\">4 March, 2024<\/div> <\/div> <div class=\"title title-h5\"> <span class=\" \"> Styled Project Mockup <\/span> <\/div> <div class=\"description\"> <div class=\"subtitle\"> <span class=\"\"><p>Sed molestie diam sed metus rhoncus tincidunt. Integer et urna in leo rutrum placerat. Nam interdum, lacus in euismod tristique, urna velit scelerisque dui.<\/p>\n<\/span> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <div class=\"portfolio-item brand-mockup col-xs-12 col-sm-6 col-md-6 bigger item-animations-not-inited portfolio-item-template appearance-type-featured_image post-9895 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\" data-default-sort=\"0\" data-sort-date=\"1709550355\"> <div class=\"wrap clearfix\"> <div class=\"image post-9895 thegem_pf_item type-thegem_pf_item status-publish has-post-thumbnail\"> <div class=\"image-inner \"> <picture> <source srcset=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/02\/fullpage_scrolling_10-thegem-product-justified-square-xxl.jpg 1x\" sizes=\"100vw\"> <img src=\"https:\/\/codex-themes.com\/thegem\/blocks\/wp-content\/uploads\/2023\/02\/fullpage_scrolling_10-thegem-product-justified-square-xxl.jpg\" width=\"960\" height=\"960\" class=\"attachment-thegem-product-justified-square-xxl\" alt=\"Modern Project Mockup\" \/> <\/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-project-mockup\/\" 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-project-mockup%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+Project+Mockup&#038;url=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fpf%2Fmodern-project-mockup%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-project-mockup%2F&#038;description=Modern+Project+Mockup&#038;media=https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fblocks%2Fwp-content%2Fuploads%2F2023%2F02%2Ffullpage_scrolling_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%2Fmodern-project-mockup%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-project-mockup%2F&#038;title=Modern+Project+Mockup&amp;summary=Sed+molestie+diam+sed+metus+rhoncus+tincidunt.+Integer+et+urna+in+leo+rutrum+placerat.+Nam+interdum%2C+lacus+in+euismod+tristique%2C+urna+velit+scelerisque+dui.\" 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-project-mockup%2F&#038;title=Modern+Project+Mockup\" title=\"Reddit\"><i class=\"socials-item-icon reddit\"><\/i><\/a> <\/div> <\/div> <\/div> <div class=\"caption\"> <div class=\"info\"> <div class=\"date\">4 March, 2024<\/div> <\/div> <div class=\"title title-h5\"> <span class=\" \"> Modern Project Mockup <\/span> <\/div> <div class=\"description\"> <div class=\"subtitle\"> <span class=\"\"><p>Sed molestie diam sed metus rhoncus tincidunt. Integer et urna in leo rutrum placerat. Nam interdum, lacus in euismod tristique, urna velit scelerisque dui.<\/p>\n<\/span> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div> <\/div><!-- .portflio-set --> <div class=\"portfolio-item-size-container\"> <div class=\"portfolio-item col-xs-12 col-sm-6 col-md-6 bigger item-animations-not-inited portfolio-item-template appearance-type-featured_image post-9895 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 full_width=&#8221;stretch_row&#8221; content_placement=&#8221;middle&#8221; vertical_slider=&#8221;true&#8221; css=&#8221;.vc_custom_1681992226132{margin-bottom: 0px !important;background-color: #242539 !important;}&#8221; mobile_padding_top=&#8221;50&#8243;][vc_column css=&#8221;.vc_custom_1682063310706{padding-top: 70px !important;padding-bottom: 60px !important;}&#8221; mobile_padding_top=&#8221;40&#8243; mobile_padding_bottom=&#8221;40&#8243;]<div class=\"thegem-te-heading thegem-custom-69d3709ced1b82446\" ><div id=\"thegem-heading-69d3709ced141\" class=\"thegem-heading styled-subtitle vc_custom_1682683636548\" style=\"text-align: center;\" ><span class=\"colored\" style=\"color: #ffffff;\">TheGem is multi-purpose wordpress theme for creative agencies, business of any kind, online stores, designers, architects, photographers, freelancers, bloggers etc. \u2013 TheGem delivers everything to cover your ambitions &amp; creative needs! Grab this theme now and start building the website of your dreams!<\/span><\/div><style type=\"text\/css\">#thegem-heading-69d3709ced141 {margin: 0;}#thegem-heading-69d3709ced141 {margin-left: auto; margin-right: auto;}#thegem-heading-69d3709ced141 > * {justify-content: center;}#thegem-heading-69d3709ced141 {max-width: 850px;}#thegem-heading-69d3709ced141 a:hover, #thegem-heading-69d3709ced141 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-69d3709ced1b82446{display: block!important;}}@media screen and (max-width: 767px) {.thegem-te-heading.thegem-custom-69d3709ced1b82446{display: block!important;}}@media screen and (max-width: 1023px) {.thegem-te-heading.thegem-custom-69d3709ced1b82446{position: relative !important;}}@media screen and (max-width: 767px) {.thegem-te-heading.thegem-custom-69d3709ced1b82446{position: relative !important;}}<\/style><div class=\"socials socials-list socials-colored-hover socials-rounded socials-alignment-center\"><a class=\"socials-item\" target=\"_blank\" href=\"#\" style=\"color: #ffffff;\"><i class=\"socials-item-icon facebook\" style=\"font-size: 32px\"><\/i><\/a><a class=\"socials-item\" target=\"_blank\" href=\"#\" style=\"color: #ffffff;\"><i class=\"socials-item-icon twitter\" style=\"font-size: 32px\"><\/i><\/a><a class=\"socials-item\" target=\"_blank\" href=\"#\" style=\"color: #ffffff;\"><i class=\"socials-item-icon pinterest\" style=\"font-size: 32px\"><\/i><\/a><a class=\"socials-item\" target=\"_blank\" href=\"#\" style=\"color: #ffffff;\"><i class=\"socials-item-icon facebook\" style=\"font-size: 32px\"><\/i><\/a><a class=\"socials-item\" target=\"_blank\" href=\"#\" style=\"color: #ffffff;\"><i class=\"socials-item-icon tumblr\" style=\"font-size: 32px\"><\/i><\/a><a class=\"socials-item\" target=\"_blank\" href=\"#\" style=\"color: #ffffff;\"><i class=\"socials-item-icon stumbleupon\" style=\"font-size: 32px\"><\/i><\/a><a class=\"socials-item\" target=\"_blank\" href=\"#\" style=\"color: #ffffff;\"><i class=\"socials-item-icon wordpress\" style=\"font-size: 32px\"><\/i><\/a><a class=\"socials-item\" target=\"_blank\" href=\"#\" style=\"color: #ffffff;\"><i class=\"socials-item-icon instagram\" style=\"font-size: 32px\"><\/i><\/a><a class=\"socials-item\" target=\"_blank\" href=\"#\" style=\"color: #ffffff;\"><i class=\"socials-item-icon dribbble\" style=\"font-size: 32px\"><\/i><\/a><a class=\"socials-item\" target=\"_blank\" href=\"#\" style=\"color: #ffffff;\"><i class=\"socials-item-icon vimeo\" style=\"font-size: 32px\"><\/i><\/a><a class=\"socials-item\" target=\"_blank\" href=\"#\" style=\"color: #ffffff;\"><i class=\"socials-item-icon linkedin\" style=\"font-size: 32px\"><\/i><\/a><\/div><div class=\"clearboth\"><\/div><style>#thegem-divider-69d3709ced1f3 {margin-top: 8px !important;}<\/style><div id=\"thegem-divider-69d3709ced1f3\" class=\"gem-divider  \" style=\"\" ><\/div><style type=\"text\/css\">.thegem-button-69d3709ced27e4347 .gem-button {padding-left: 50px;padding-right: 50px;}.thegem-button-69d3709ced27e4347 .gem-button svg {fill: #ffffff;}<\/style><div class=\"gem-button-container gem-button-position-center thegem-button-69d3709ced27e4347    \"  ><a class=\"gem-button gem-button-size-large gem-button-style-flat gem-button-text-weight-normal  gem-button-mobile-size-large\" data-ll-effect=\"drop-right-without-wrap\" style=\"border-radius: 100px;background-color: #00bcd4;color: #ffffff;\" onmouseleave=\"this.style.backgroundColor='#00bcd4';this.style.color='#ffffff';\" onmouseenter=\"this.style.backgroundColor='#5f727f';\" href=\"https:\/\/themeforest.net\/item\/thegem-creative-multipurpose-wordpress-theme\/16061685?ref=CodexThemes\" target=\"_self\">purchase<\/a><\/div> <div class=\"clearboth\"><\/div><style>#thegem-divider-69d3709ced292 {margin-top: 30px !important;}<\/style><div id=\"thegem-divider-69d3709ced292\" class=\"gem-divider  \" style=\"\" ><\/div>[vc_column_text]<\/p>\n<p style=\"text-align: center;\"><span style=\"color: #99a9b5;\">\u00a9 Copyright<\/span> <a href=\"https:\/\/codex-themes.com\/thegem\/\">CodexThemes<\/a><\/p>\n<p>[\/vc_column_text]<div class=\"clearboth\"><\/div><style>#thegem-divider-69d3709ced299 {margin-top: 50px !important;}<\/style><div id=\"thegem-divider-69d3709ced299\" class=\"gem-divider  \" style=\"\" ><\/div>[\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_row full_width=&#8221;stretch_row_content&#8221; full_height=&#8221;yes&#8221; columns_placement=&#8221;stretch&#8221; equal_height=&#8221;yes&#8221; content_placement=&#8221;middle&#8221; ken_burns_direction=&#8221;zoom_out&#8221; ken_burns_transition_speed=&#8221;15000&#8243; vertical_slider=&#8221;true&#8221; ken_burns_enabled=&#8221;true&#8221; css=&#8221;.vc_custom_1682685718042{margin-bottom: 0px !important;background-color: #292c4e !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover&#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\/12263"}],"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=12263"}],"version-history":[{"count":64,"href":"https:\/\/codex-themes.com\/thegem\/blocks\/wp-json\/wp\/v2\/pages\/12263\/revisions"}],"predecessor-version":[{"id":12414,"href":"https:\/\/codex-themes.com\/thegem\/blocks\/wp-json\/wp\/v2\/pages\/12263\/revisions\/12414"}],"wp:attachment":[{"href":"https:\/\/codex-themes.com\/thegem\/blocks\/wp-json\/wp\/v2\/media?parent=12263"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}