{"id":38499,"date":"2022-11-17T15:34:26","date_gmt":"2022-11-17T15:34:26","guid":{"rendered":"https:\/\/codex-themes.com\/thegem\/?page_id=38499"},"modified":"2023-04-21T07:33:59","modified_gmt":"2023-04-21T07:33:59","slug":"advanced-grids-overview","status":"publish","type":"page","link":"https:\/\/codex-themes.com\/thegem\/advanced-grids-overview\/","title":{"rendered":"Advanced Grids Overview New"},"content":{"rendered":"<p>[vc_row full_width=&#8221;stretch_row&#8221; css=&#8221;.vc_custom_1669707325121{margin-bottom: 0px !important;padding-top: 180px !important;padding-bottom: 150px !important;background-color: #24262e !important;}&#8221; custom_css_code=&#8221;LmdlbS13cmFwYm94LXBvc2l0aW9uLWxlZnQlMjAlN0IlMEElMjAlMjAlMjAlMjBtYXJnaW4tcmlnaHQlM0ElMjAzMnB4JTNCJTBBJTdEJTBBLmdlbS1pbWFnZS1jZW50ZXJlZC1ib3glMjAlN0IlMEElMjAlMjAlMjAlMjBtYXJnaW4tYm90dG9tJTNBJTIwMCUzQiUwQSU3RCUwQS5jdXN0b20tYWJzb2x1dGUtaW1hZ2VzJTIwLndwYl93cmFwcGVyJTIwJTdCJTBBJTIwJTIwJTIwJTIwcG9zaXRpb24lM0FyZWxhdGl2ZSUzQiUwQSU3RCUwQS5nZW0taW50ZXJhY3Rpb25zLWVuYWJsZWQuei1pbmRleC0xJTIwJTdCJTBBJTIwJTIwJTIwcG9zaXRpb24lM0FhYnNvbHV0ZSUzQiUwQSUyMCUyMCUyMHotaW5kZXglM0ExJTNCJTBBJTIwJTIwJTIwcmlnaHQlM0ElMjAtMTEwcHglM0IlMEElMjAlMjAlMjB0b3AlM0ElMjA0MHB4JTNCJTBBJTdEJTBBLmdlbS1pbnRlcmFjdGlvbnMtZW5hYmxlZC56LWluZGV4LTIlMjAlN0IlMEElMjAlMjAlMjBwb3NpdGlvbiUzQWFic29sdXRlJTNCJTBBJTIwJTIwJTIwei1pbmRleCUzQTIlM0IlMEElMjAlMjAlMjBsZWZ0JTNBJTIwMHB4JTNCJTBBJTIwJTIwJTIwdG9wJTNBJTIwMHB4JTNCJTBBJTdEJTBBLmdlbS1pbnRlcmFjdGlvbnMtZW5hYmxlZC56LWluZGV4LTMlMjAlN0IlMEElMjAlMjAlMjBwb3NpdGlvbiUzQWFic29sdXRlJTNCJTBBJTIwJTIwJTIwei1pbmRleCUzQTMlM0IlMEElMjAlMjAlMjByaWdodCUzQSUyMDUwcHglM0IlMEElMjAlMjAlMjB0b3AlM0ElMjAxNDVweCUzQiUwQSU3RCUwQS5nZW0taW50ZXJhY3Rpb25zLWVuYWJsZWQuei1pbmRleC00JTIwJTdCJTBBJTIwJTIwJTIwcG9zaXRpb24lM0FhYnNvbHV0ZSUzQiUwQSUyMCUyMCUyMHotaW5kZXglM0E0JTNCJTBBJTIwJTIwJTIwcmlnaHQlM0ElMjAtMzVweCUzQiUwQSUyMCUyMCUyMHRvcCUzQSUyMDM5MHB4JTNCJTBBJTdEJTBBLmdlbS1pbnRlcmFjdGlvbnMtZW5hYmxlZC56LWluZGV4LTUlMjAlN0IlMEElMjAlMjAlMjBwb3NpdGlvbiUzQWFic29sdXRlJTNCJTBBJTIwJTIwJTIwei1pbmRleCUzQTIlM0IlMEElMjAlMjAlMjBsZWZ0JTNBJTIwLTExMHB4JTNCJTBBJTIwJTIwJTIwdG9wJTNBJTIwMzUwcHglM0IlMEElN0QlMEEud3AtaW1hZ2UtZml4JTIwLmdlbS1pbWFnZS5nZW0td3JhcGJveC5nZW0td3JhcGJveC1zdHlsZS1kZWZhdWx0LmdlbS13cmFwYm94LXBvc2l0aW9uLWxlZnQlM0FsYXN0LW9mLXR5cGUlMjAlN0IlMEElMjAlMjAlMjAlMjBtYXJnaW4tdG9wJTNBJTIwM3B4JTNCJTBBJTdEJTBBJTQwbWVkaWElMjAlMjhtYXgtd2lkdGglM0ElMjAxMDI0cHglMjklMjAlN0IlMEElMjAlMjAlMjAuY3VzdG9tLW1hcmdpbi1kaXZpZGVyJTIwLmdlbS1kaXZpZGVyJTIwJTIwJTdCJTBBJTIwJTIwJTIwJTIwJTIwJTIwbWFyZ2luLXRvcCUzQSUyMDIwcHglMjAlMjFpbXBvcnRhbnQlM0IlMEElN0QlN0Q=&#8221; tablet_padding_top=&#8221;100&#8243; mobile_padding_top=&#8221;50&#8243; mobile_padding_bottom=&#8221;100&#8243;][vc_column css=&#8221;.vc_custom_1668244598874{padding-top: 0px !important;}&#8221; el_class=&#8221;z-index&#8221;][vc_row_inner el_disable_desktop=&#8221;1&#8243; el_disable_tablet=&#8221;1&#8243; css=&#8221;.vc_custom_1668425144025{margin-bottom: 0px !important;}&#8221;][vc_column_inner]<div class=\"centered-box gem-image-centered-box\"><div class=\"gem-image gem-wrapbox gem-wrapbox-style-default gem-wrapbox-position-centered\"  style=\"\"><div class=\"gem-wrapbox-inner \" ><img class=\"gem-wrapbox-element img-responsive\" src=\"https:\/\/codex-themes.com\/thegem\/wp-content\/uploads\/2022\/11\/Collage-2.png\" alt=\"\"\/><\/div><\/div><\/div>[\/vc_column_inner][\/vc_row_inner][vc_row_inner css=&#8221;.vc_custom_1682062436897{margin-right: -90px !important;margin-left: -90px !important;padding-bottom: 255px !important;}&#8221; tablet_padding_bottom=&#8221;50&#8243; mobile_padding_bottom=&#8221;50&#8243; el_class=&#8221;remove-side-margins&#8221; tablet_margin_left=&#8221;0&#8243; tablet_margin_right=&#8221;0&#8243;][vc_column_inner el_class=&#8221;custom-absolute-images&#8221; offset=&#8221;vc_col-md-7 vc_hidden-xs&#8221; tablet_padding_bottom=&#8221;550&#8243; mobile_padding_bottom=&#8221;0&#8243;][vc_single_image image=&#8221;38570&#8243; img_size=&#8221;full&#8221; interactions_enabled=&#8221;1&#8243; mouse_effects=&#8221;1&#8243; mouse_effects_direction=&#8221;mouse_effects_direction_direct&#8221; mouse_effects_speed=&#8221;0.3&#8243; disable_effects_mobile=&#8221;1&#8243; el_class=&#8221;z-index-1&#8243;][vc_single_image image=&#8221;38571&#8243; img_size=&#8221;full&#8221; interactions_enabled=&#8221;1&#8243; mouse_effects=&#8221;1&#8243; mouse_effects_direction=&#8221;mouse_effects_direction_direct&#8221; mouse_effects_speed=&#8221;0.2&#8243; disable_effects_mobile=&#8221;1&#8243; el_class=&#8221;z-index-2&#8243;][vc_single_image image=&#8221;38572&#8243; img_size=&#8221;full&#8221; interactions_enabled=&#8221;1&#8243; mouse_effects=&#8221;1&#8243; mouse_effects_speed=&#8221;0.1&#8243; disable_effects_mobile=&#8221;1&#8243; el_class=&#8221;z-index-3&#8243;][vc_single_image image=&#8221;38573&#8243; img_size=&#8221;full&#8221; alignment=&#8221;right&#8221; interactions_enabled=&#8221;1&#8243; mouse_effects=&#8221;1&#8243; mouse_effects_speed=&#8221;.3&#8243; disable_effects_mobile=&#8221;1&#8243; el_class=&#8221;z-index-4&#8243;][vc_single_image image=&#8221;38569&#8243; img_size=&#8221;full&#8221; interactions_enabled=&#8221;1&#8243; mouse_effects=&#8221;1&#8243; mouse_effects_speed=&#8221;0.2&#8243; disable_effects_mobile=&#8221;1&#8243; el_class=&#8221;z-index-5&#8243;][\/vc_column_inner][vc_column_inner el_class=&#8221;wp-image-fix&#8221; css=&#8221;.vc_custom_1669291198011{margin-right: -100px !important;padding-top: 50px !important;padding-left: 100px !important;}&#8221; tablet_padding_top=&#8221;100&#8243; offset=&#8221;vc_col-md-5&#8243; mobile_padding_top=&#8221;30&#8243; tablet_margin_right=&#8221;0&#8243; tablet_padding_left=&#8221;21&#8243;]<script type=\"text\/javascript\">(function() { function TheGemHeading() { this.selector = '.thegem-heading'; this.animateClass = 'thegem-heading-animate'; this.animatedClass = 'thegem-heading-animated'; this.rotatingSelector = '.thegem-heading-rotating'; } TheGemHeading.prototype = { initialize: function () { let items = document.querySelectorAll(this.selector); if ('IntersectionObserver' in window) { let intersectionObserver = new IntersectionObserver((entries, observer)=>{ entries.forEach((entry)=> { if (entry.isIntersecting) { this.startAnimation(entry.target); intersectionObserver.unobserve(entry.target); } }); }); items.forEach((item)=>{ intersectionObserver.observe(item); setTimeout(()=>this.prepareAnimation(item), 300); }); } else { items.forEach((item)=>{ this.prepareAnimation(item); this.startAnimation(item); }); } }, startAnimation: function (element) { if (element.classList.contains(this.animateClass)) { setTimeout(()=>{ element.classList.remove(this.animateClass); element.classList.add(this.animatedClass); }, 300); } let rotatingItem = element.querySelector(this.rotatingSelector); if (typeof(rotatingItem) != 'undefined' && rotatingItem != null) { this.rotating(rotatingItem); } }, isRotating: function (element) { return element.querySelector(this.rotatingSelector) !== null; }, prepareAnimation: function (element) { if (!element || this.isRotating(element)) { return; } const animationName = element.dataset.animationName; const animationDelay = parseInt(element.dataset.animationDelay) || 0; const animationInterval = parseInt(element.dataset.animationInterval) || 0; switch (animationName) { case 'lines-slide-up': case 'lines-slide-up-random': const animationLineTagWrap = '<span class=\"thegem-heading-line-wrap\">'; function animationLineTag (index) { let styles = ''; if (animationName === 'lines-slide-up' && (animationDelay > 0 || animationInterval > 0)) { styles = `animation-delay: ${(animationDelay + (animationInterval*(index+1)))}ms;`; } return '<span class=\"thegem-heading-line\"' + (styles!== '' ? ' style=\"'+styles+'\"' : '') + '>'; } let nodes = element.childNodes; let currentOffset = nodes[0].offsetTop; let index = 0; let idx = 0; let html = animationLineTagWrap + animationLineTag(index); for (let i = 0; i < nodes.length; i++) { if (nodes[i].nodeType === 3) continue; if (nodes[i].offsetTop > currentOffset + nodes[i].scrollHeight\/2) { index++; html += '<\/span><\/span>' + animationLineTagWrap + animationLineTag(index); currentOffset = nodes[i].offsetTop; if (animationName === 'lines-slide-up-random') idx = 0; } if (animationName === 'lines-slide-up-random' && (animationDelay > 0 || animationInterval > 0)) { nodes[i].style.animationDelay = (animationDelay + animationInterval*(idx+1)) + 'ms'; } html += nodes[i].outerHTML + ' '; if (animationName === 'lines-slide-up-random') idx++; } html += '<\/span><\/span>'; element.innerHTML = html; break; } }, rotating: function (element,) { let current = element.querySelector('.thegem-heading-rotating-text'); element.style.width = element.clientWidth+'px'; current.style.width = element.clientWidth+'px'; setInterval(()=>{ let next = current.nextElementSibling !== null ? current.nextElementSibling : element.childNodes[0]; let nextWidth = next.clientWidth; let currentWidth = current.clientWidth; element.style.width = nextWidth + 'px'; current.style.width = '1px'; current.style.opacity = 0; next.style.width = '1px'; setTimeout(()=>{ current.style.position = 'absolute'; current.style.width = currentWidth + 'px'; next.style.position = 'relative'; next.style.opacity = 1; next.style.width = nextWidth + 'px'; current = next; }, 500); }, 2500); } }; window.theGemHeading = new TheGemHeading(); document.addEventListener('DOMContentLoaded', function(event) { window.theGemHeading.initialize(); }); if (window.parent.vc) { window.parent.vc.events.on('shortcodeView:updated', function (event) { let element = event.view.el.querySelector('.thegem-heading'); window.theGemHeading.prepareAnimation(element); window.theGemHeading.startAnimation(element); }); window.parent.vc.events.on('app.render', function () { window.theGemHeading.initialize(); }); }\n})();<\/script><div id=\"thegem-heading-69e2499e0e625\" class=\"thegem-heading title-h2 vc_custom_1682062275841 words-slide-up thegem-heading-animate\" style=\"text-align: left;\" ><span class=\"thegem-heading-word-wrap\"><span class=\"thegem-heading-word\" style=\"color: #ffffff; animation-delay: 60ms\">TheGem<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"thegem-heading-word\" style=\"color: #ffffff; animation-delay: 120ms\">Blog<\/span><\/span><\/div><style type=\"text\/css\">#thegem-heading-69e2499e0e625 {margin: 0;}#thegem-heading-69e2499e0e625 {letter-spacing: 0px;}#thegem-heading-69e2499e0e625, #thegem-heading-69e2499e0e625 .light {text-transform: none;}#thegem-heading-69e2499e0e625 {max-width: 420px;}#thegem-heading-69e2499e0e625 .thegem-heading-word {animation-timing-function: cubic-bezier(0,1,0.3,1);}<\/style><div id=\"thegem-heading-69e2499e0e6b7\" class=\"thegem-heading styled-subtitle vc_custom_1669285440239 lines-slide-up thegem-heading-animate\" style=\"text-align: left;\" data-animation-name=\"lines-slide-up\" data-animation-delay=\"50\" data-animation-interval=\"80\"><span class=\"thegem-heading-word\" style=\"color: #99a9b5;\">Present<\/span> <span class=\"thegem-heading-word\" style=\"color: #99a9b5;\">your<\/span> <span class=\"thegem-heading-word\" style=\"color: #99a9b5;\">blog<\/span> <span class=\"thegem-heading-word\" style=\"color: #99a9b5;\">loops<\/span> <span class=\"thegem-heading-word\" style=\"color: #99a9b5;\">in<\/span> <span class=\"thegem-heading-word\" style=\"color: #99a9b5;\">a<\/span> <span class=\"thegem-heading-word\" style=\"color: #99a9b5;\">stunning<\/span> <span class=\"thegem-heading-word\" style=\"color: #99a9b5;\">grid<\/span> <span class=\"thegem-heading-word\" style=\"color: #99a9b5;\">and<\/span> <span class=\"thegem-heading-word\" style=\"color: #99a9b5;\">list<\/span> <span class=\"thegem-heading-word\" style=\"color: #99a9b5;\">styles.<\/span> <span class=\"thegem-heading-word\" style=\"color: #99a9b5;\">Include<\/span> <span class=\"thegem-heading-word\" style=\"color: #99a9b5;\">it<\/span> <span class=\"thegem-heading-word\" style=\"color: #99a9b5;\">anywhere<\/span> <span class=\"thegem-heading-word\" style=\"color: #99a9b5;\">on<\/span> <span class=\"thegem-heading-word\" style=\"color: #99a9b5;\">your<\/span> <span class=\"thegem-heading-word\" style=\"color: #99a9b5;\">website.<\/span> <span class=\"thegem-heading-word\" style=\"color: #99a9b5;\">Select<\/span> <span class=\"thegem-heading-word\" style=\"color: #99a9b5;\">different<\/span> <span class=\"thegem-heading-word\" style=\"color: #99a9b5;\">post<\/span> <span class=\"thegem-heading-word\" style=\"color: #99a9b5;\">sources,<\/span> <span class=\"thegem-heading-word\" style=\"color: #99a9b5;\">filters,<\/span> <span class=\"thegem-heading-word\" style=\"color: #99a9b5;\">sorting,<\/span> <span class=\"thegem-heading-word\" style=\"color: #99a9b5;\">offsets<\/span> <span class=\"thegem-heading-word\" style=\"color: #99a9b5;\">and<\/span> <span class=\"thegem-heading-word\" style=\"color: #99a9b5;\">use<\/span> <span class=\"thegem-heading-word\" style=\"color: #99a9b5;\">custom<\/span> <span class=\"thegem-heading-word\" style=\"color: #99a9b5;\">queries.<\/span> <span class=\"thegem-heading-word\" style=\"color: #99a9b5;\">Choose<\/span> <span class=\"thegem-heading-word\" style=\"color: #99a9b5;\">from<\/span> <span class=\"thegem-heading-word\" style=\"color: #99a9b5;\">multiple<\/span> <span class=\"thegem-heading-word\" style=\"color: #99a9b5;\">layouts<\/span> <span class=\"thegem-heading-word\" style=\"color: #99a9b5;\">and<\/span> <span class=\"thegem-heading-word\" style=\"color: #99a9b5;\">pre-built<\/span> <span class=\"thegem-heading-word\" style=\"color: #99a9b5;\">design<\/span> <span class=\"thegem-heading-word\" style=\"color: #99a9b5;\">skins.<\/span> <span class=\"thegem-heading-word\" style=\"color: #99a9b5;\">Enable<\/span> <span class=\"thegem-heading-word\" style=\"color: #99a9b5;\">animations<\/span> <span class=\"thegem-heading-word\" style=\"color: #99a9b5;\">and<\/span> <span class=\"thegem-heading-word\" style=\"color: #99a9b5;\">creative<\/span> <span class=\"thegem-heading-word\" style=\"color: #99a9b5;\">hovers.<\/span> <span class=\"thegem-heading-word\" style=\"color: #99a9b5;\">Customize<\/span> <span class=\"thegem-heading-word\" style=\"color: #99a9b5;\">post<\/span> <span class=\"thegem-heading-word\" style=\"color: #99a9b5;\">elements.<\/span><\/div><style type=\"text\/css\">#thegem-heading-69e2499e0e6b7 {margin: 0;}<\/style>[\/vc_column_inner][\/vc_row_inner][vc_row_inner equal_height=&#8221;yes&#8221;][vc_column_inner width=&#8221;1\/3&#8243;]<div class=\"centered-box gem-image-centered-box\"><div class=\"gem-image gem-wrapbox gem-wrapbox-style-default gem-wrapbox-position-centered\"  style=\"width: 50px;\"><div class=\"gem-wrapbox-inner \" ><img class=\"gem-wrapbox-element img-responsive\" src=\"https:\/\/codex-themes.com\/thegem\/wp-content\/uploads\/2022\/11\/icons8-toggle-off-32-1.svg\" alt=\"\"\/><\/div><\/div><\/div><h5 id=\"thegem-heading-69e2499e0e7f7\" class=\"thegem-heading vc_custom_1668700013088\" style=\"text-align: center;\" ><span style=\"color: #ffffff;\">Advanced Posts Selection<\/span><\/h5><style type=\"text\/css\">#thegem-heading-69e2499e0e7f7 {margin: 0;}#thegem-heading-69e2499e0e7f7 {margin-left: auto; margin-right: auto;}#thegem-heading-69e2499e0e7f7 {letter-spacing: 0px;}#thegem-heading-69e2499e0e7f7, #thegem-heading-69e2499e0e7f7 .light {text-transform: none;}<\/style><p id=\"thegem-heading-69e2499e0e845\" class=\"thegem-heading\" style=\"text-align: center;\" ><span style=\"color: #99a9b5;\">Select posts using categories, tags, authors, posts etc. Exclude posts. Add offset.<\/span><\/p><style type=\"text\/css\">#thegem-heading-69e2499e0e845 {margin: 0;}#thegem-heading-69e2499e0e845 {margin-left: auto; margin-right: auto;}#thegem-heading-69e2499e0e845 {max-width: 360px;}<\/style>[\/vc_column_inner][vc_column_inner width=&#8221;1\/3&#8243; mobile_padding_top=&#8221;40&#8243;]<div class=\"centered-box gem-image-centered-box\"><div class=\"gem-image gem-wrapbox gem-wrapbox-style-default gem-wrapbox-position-centered\"  style=\"width: 50px;\"><div class=\"gem-wrapbox-inner \" ><img class=\"gem-wrapbox-element img-responsive\" src=\"https:\/\/codex-themes.com\/thegem\/wp-content\/uploads\/2022\/11\/icons8-collage-32.svg\" alt=\"\"\/><\/div><\/div><\/div><h5 id=\"thegem-heading-69e2499e0e94b\" class=\"thegem-heading vc_custom_1668700187702\" style=\"text-align: center;\" ><span style=\"color: #ffffff;\">Grid Layouts<\/span><\/h5><style type=\"text\/css\">#thegem-heading-69e2499e0e94b {margin: 0;}#thegem-heading-69e2499e0e94b {margin-left: auto; margin-right: auto;}#thegem-heading-69e2499e0e94b {letter-spacing: 0px;}#thegem-heading-69e2499e0e94b, #thegem-heading-69e2499e0e94b .light {text-transform: none;}<\/style><p id=\"thegem-heading-69e2499e0e996\" class=\"thegem-heading\" style=\"text-align: center;\" ><span style=\"color: #99a9b5;\">Choose between justified, masonry, metro and creative grid layouts.<\/span><\/p><style type=\"text\/css\">#thegem-heading-69e2499e0e996 {margin: 0;}#thegem-heading-69e2499e0e996 {margin-left: auto; margin-right: auto;}#thegem-heading-69e2499e0e996 {max-width: 360px;}<\/style>[\/vc_column_inner][vc_column_inner width=&#8221;1\/3&#8243; mobile_padding_top=&#8221;40&#8243;]<div class=\"centered-box gem-image-centered-box\"><div class=\"gem-image gem-wrapbox gem-wrapbox-style-default gem-wrapbox-position-centered\"  style=\"width: 50px;\"><div class=\"gem-wrapbox-inner \" ><img class=\"gem-wrapbox-element img-responsive\" src=\"https:\/\/codex-themes.com\/thegem\/wp-content\/uploads\/2022\/11\/icons8-stationery-32.svg\" alt=\"\"\/><\/div><\/div><\/div><h5 id=\"thegem-heading-69e2499e0ea90\" class=\"thegem-heading vc_custom_1668700166687\" style=\"text-align: center;\" ><span style=\"color: #ffffff;\">Pre-Built Design Skins<\/span><\/h5><style type=\"text\/css\">#thegem-heading-69e2499e0ea90 {margin: 0;}#thegem-heading-69e2499e0ea90 {margin-left: auto; margin-right: auto;}#thegem-heading-69e2499e0ea90 {letter-spacing: 0px;}#thegem-heading-69e2499e0ea90, #thegem-heading-69e2499e0ea90 .light {text-transform: none;}<\/style><p id=\"thegem-heading-69e2499e0ead9\" class=\"thegem-heading\" style=\"text-align: center;\" ><span style=\"color: #99a9b5;\">Use pre-built grid designs to accelerate your work. Customize every element.<\/span><\/p><style type=\"text\/css\">#thegem-heading-69e2499e0ead9 {margin: 0;}#thegem-heading-69e2499e0ead9 {margin-left: auto; margin-right: auto;}#thegem-heading-69e2499e0ead9 {max-width: 360px;}<\/style>[\/vc_column_inner][vc_column_inner width=&#8221;1\/3&#8243; css=&#8221;.vc_custom_1669285862674{padding-top: 40px !important;}&#8221; mobile_padding_top=&#8221;40&#8243;]<div class=\"centered-box gem-image-centered-box\"><div class=\"gem-image gem-wrapbox gem-wrapbox-style-default gem-wrapbox-position-centered\"  style=\"width: 50px;\"><div class=\"gem-wrapbox-inner \" ><img class=\"gem-wrapbox-element img-responsive\" src=\"https:\/\/codex-themes.com\/thegem\/wp-content\/uploads\/2022\/11\/icons8-conversion-32.svg\" alt=\"\"\/><\/div><\/div><\/div><h5 id=\"thegem-heading-69e2499e0ebd0\" class=\"thegem-heading vc_custom_1668700133877\" style=\"text-align: center;\" ><span style=\"color: #ffffff;\">AJAX Filtering<\/span><\/h5><style type=\"text\/css\">#thegem-heading-69e2499e0ebd0 {margin: 0;}#thegem-heading-69e2499e0ebd0 {margin-left: auto; margin-right: auto;}#thegem-heading-69e2499e0ebd0 {letter-spacing: 0px;}#thegem-heading-69e2499e0ebd0, #thegem-heading-69e2499e0ebd0 .light {text-transform: none;}<\/style><p id=\"thegem-heading-69e2499e0ec19\" class=\"thegem-heading\" style=\"text-align: center;\" ><span style=\"color: #99a9b5;\">Add blog filters and sorting with fast AJAX filtering\/sorting.<\/span><\/p><style type=\"text\/css\">#thegem-heading-69e2499e0ec19 {margin: 0;}#thegem-heading-69e2499e0ec19 {margin-left: auto; margin-right: auto;}#thegem-heading-69e2499e0ec19 {max-width: 360px;}<\/style>[\/vc_column_inner][vc_column_inner width=&#8221;1\/3&#8243; css=&#8221;.vc_custom_1669285875891{padding-top: 40px !important;}&#8221;]<div class=\"centered-box gem-image-centered-box\"><div class=\"gem-image gem-wrapbox gem-wrapbox-style-default gem-wrapbox-position-centered\"  style=\"width: 50px;\"><div class=\"gem-wrapbox-inner \" ><img class=\"gem-wrapbox-element img-responsive\" src=\"https:\/\/codex-themes.com\/thegem\/wp-content\/uploads\/2022\/11\/icons8-new-document-32.svg\" alt=\"\"\/><\/div><\/div><\/div><h5 id=\"thegem-heading-69e2499e0ed0c\" class=\"thegem-heading vc_custom_1668700111197\" style=\"text-align: center;\" ><span style=\"color: #ffffff;\">Versatile Captions<\/span><\/h5><style type=\"text\/css\">#thegem-heading-69e2499e0ed0c {margin: 0;}#thegem-heading-69e2499e0ed0c {margin-left: auto; margin-right: auto;}#thegem-heading-69e2499e0ed0c {letter-spacing: 0px;}#thegem-heading-69e2499e0ed0c, #thegem-heading-69e2499e0ed0c .light {text-transform: none;}<\/style><p id=\"thegem-heading-69e2499e0ed54\" class=\"thegem-heading\" style=\"text-align: center;\" ><span style=\"color: #99a9b5;\">Display post details below the image, on image or on hover. Show\/hide different post details.<\/span><\/p><style type=\"text\/css\">#thegem-heading-69e2499e0ed54 {margin: 0;}#thegem-heading-69e2499e0ed54 {margin-left: auto; margin-right: auto;}#thegem-heading-69e2499e0ed54 {max-width: 360px;}<\/style>[\/vc_column_inner][vc_column_inner width=&#8221;1\/3&#8243; css=&#8221;.vc_custom_1668244059569{padding-top: 40px !important;}&#8221;]<div class=\"centered-box gem-image-centered-box\"><div class=\"gem-image gem-wrapbox gem-wrapbox-style-default gem-wrapbox-position-centered\"  style=\"width: 50px;\"><div class=\"gem-wrapbox-inner \" ><img class=\"gem-wrapbox-element img-responsive\" src=\"https:\/\/codex-themes.com\/thegem\/wp-content\/uploads\/2022\/11\/icons8-states-32.svg\" alt=\"\"\/><\/div><\/div><\/div><h5 id=\"thegem-heading-69e2499e0ee48\" class=\"thegem-heading vc_custom_1668700093870\" style=\"text-align: center;\" ><span style=\"color: #ffffff;\">Creative Hovers &amp; Animations<\/span><\/h5><style type=\"text\/css\">#thegem-heading-69e2499e0ee48 {margin: 0;}#thegem-heading-69e2499e0ee48 {margin-left: auto; margin-right: auto;}#thegem-heading-69e2499e0ee48 {letter-spacing: 0px;}#thegem-heading-69e2499e0ee48, #thegem-heading-69e2499e0ee48 .light {text-transform: none;}<\/style><p id=\"thegem-heading-69e2499e0ee95\" class=\"thegem-heading\" style=\"text-align: center;\" ><span style=\"color: #99a9b5;\">Choose between a wide range of different creative hover and posts animation effects.<\/span><\/p><style type=\"text\/css\">#thegem-heading-69e2499e0ee95 {margin: 0;}#thegem-heading-69e2499e0ee95 {margin-left: auto; margin-right: auto;}#thegem-heading-69e2499e0ee95 {max-width: 360px;}<\/style>[\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1668700313713{padding-top: 90px !important;}&#8221;][vc_column]<div id=\"thegem-heading-69e2499e0eed9\" class=\"thegem-heading title-h3\" style=\"text-align: center;\" ><span style=\"color: #3c3950;\">Layouts<\/span><\/div><style type=\"text\/css\">#thegem-heading-69e2499e0eed9 {margin: 0;}#thegem-heading-69e2499e0eed9 {margin-left: auto; margin-right: auto;}#thegem-heading-69e2499e0eed9 {font-size: 29px;}#thegem-heading-69e2499e0eed9 {letter-spacing: 0px;}#thegem-heading-69e2499e0eed9, #thegem-heading-69e2499e0eed9 .light {text-transform: none;}<\/style>[\/vc_column][\/vc_row][vc_row el_class=&#8221;custom-column&#8221; custom_css_code=&#8221;JTQwbWVkaWElMjAlMjhtYXgtd2lkdGglM0ElMjAxMDI0cHglMjklMjAlN0IlMEEuY3VzdG9tLW1hcmdpbi1kaXZpZGVyLmdlbS1kaXZpZGVyJTIwJTIwJTdCJTBBJTIwJTIwJTIwJTIwJTIwJTIwbWFyZ2luLXRvcCUzQSUyMDIwcHglMjAlMjFpbXBvcnRhbnQlM0IlMEElN0QlN0Q=&#8221;][vc_column width=&#8221;1\/5&#8243; el_class=&#8221;custom-hover&#8221;]<div class=\"clearboth\"><\/div><div class=\"gem-divider \" style=\"margin-top: 45px;\"><\/div>[vc_single_image image=&#8221;14323&#8243; img_size=&#8221;full&#8221; alignment=&#8221;center&#8221; onclick=&#8221;custom_link&#8221; img_link_target=&#8221;_blank&#8221; link=&#8221;https:\/\/codex-themes.com\/thegem\/blocks\/category\/archives\/cruise\/&#8221;]<div class=\"clearboth\"><\/div><div class=\"gem-divider \" style=\"\"><\/div>[vc_column_text]<\/p>\n<div class=\"styled-subtitle\" style=\"text-align: center;\"><span class=\"light\">Justified<\/span><\/div>\n<p>[\/vc_column_text][vc_column_text]<\/p>\n<p style=\"text-align: center;\">Various number of columns and a bunch of layout settings like gap sizes, highlighted posts etc.<\/p>\n<p>[\/vc_column_text]<div class=\"clearboth\"><\/div><div class=\"gem-divider \" style=\"margin-top: 20px;\"><\/div><div class=\"gem-button-container gem-button-position-center thegem-button-69e2499e0ef472924\" ><a class=\"gem-button gem-button-size-tiny gem-button-style-outline gem-button-text-weight-normal gem-button-border-2\" style=\"border-radius: 35px;border-color: #ff4ad2;color: #ff4ad2;\" onmouseleave=\"this.style.borderColor='#ff4ad2';this.style.backgroundColor='transparent';this.style.color='#ff4ad2';\" onmouseenter=\"this.style.borderColor='#ff4ad2';this.style.backgroundColor='#ff4ad2';this.style.color='#ffffff';\" href=\"https:\/\/codex-themes.com\/thegem\/blocks\/category\/archives\/cruise\/\" target=\"_blank\">Show Demo<\/a><\/div> [\/vc_column][vc_column width=&#8221;1\/5&#8243; el_class=&#8221;custom-hover&#8221;]<div class=\"clearboth\"><\/div><div class=\"gem-divider \" style=\"margin-top: 45px;\"><\/div>[vc_single_image image=&#8221;14317&#8243; img_size=&#8221;full&#8221; alignment=&#8221;center&#8221; onclick=&#8221;custom_link&#8221; img_link_target=&#8221;_blank&#8221; link=&#8221;https:\/\/codex-themes.com\/thegem\/blocks\/category\/archives\/entertainment\/&#8221;]<div class=\"clearboth\"><\/div><div class=\"gem-divider \" style=\"\"><\/div>[vc_column_text]<\/p>\n<div class=\"styled-subtitle\" style=\"text-align: center;\">Masonry<\/div>\n<p>[\/vc_column_text][vc_column_text]<\/p>\n<p style=\"text-align: center;\">Lovely masonry grid overview, perfect for different featured image proportions. Flexible layout settings.<\/p>\n<p>[\/vc_column_text]<div class=\"clearboth\"><\/div><div class=\"gem-divider \" style=\"margin-top: 20px;\"><\/div><div class=\"gem-button-container gem-button-position-center thegem-button-69e2499e0ef918265\" ><a class=\"gem-button gem-button-size-tiny gem-button-style-outline gem-button-text-weight-normal gem-button-border-2\" style=\"border-radius: 35px;border-color: #dc57db;color: #dc57db;\" onmouseleave=\"this.style.borderColor='#dc57db';this.style.backgroundColor='transparent';this.style.color='#dc57db';\" onmouseenter=\"this.style.borderColor='#dc57db';this.style.backgroundColor='#dc57db';this.style.color='#ffffff';\" href=\"https:\/\/codex-themes.com\/thegem\/blocks\/category\/archives\/entertainment\/\" target=\"_blank\">Show Demo<\/a><\/div> [\/vc_column][vc_column width=&#8221;1\/5&#8243; el_class=&#8221;custom-hover&#8221;]<div class=\"clearboth\"><\/div><div class=\"gem-divider \" style=\"margin-top: 45px;\"><\/div>[vc_single_image image=&#8221;14315&#8243; img_size=&#8221;full&#8221; alignment=&#8221;center&#8221; onclick=&#8221;custom_link&#8221; img_link_target=&#8221;_blank&#8221; link=&#8221;https:\/\/codex-themes.com\/thegem\/grid-extended\/blog-grid-on-hover\/#metro&#8221;]<div class=\"clearboth\"><\/div><div class=\"gem-divider \" style=\"\"><\/div>[vc_column_text]<\/p>\n<div class=\"styled-subtitle\" style=\"text-align: center;\">Metro<\/div>\n<p>[\/vc_column_text][vc_column_text]<\/p>\n<p style=\"text-align: center;\">Blog grids in metro style. Best option for showcasing your blog post overviews in a modern way.<\/p>\n<p>[\/vc_column_text]<div class=\"clearboth\"><\/div><div class=\"gem-divider \" style=\"margin-top: 20px;\"><\/div><div class=\"gem-button-container gem-button-position-center thegem-button-69e2499e0efd25865\" ><a class=\"gem-button gem-button-size-tiny gem-button-style-outline gem-button-text-weight-normal gem-button-border-2\" style=\"border-radius: 35px;border-color: #a86ce8;color: #a86ce8;\" onmouseleave=\"this.style.borderColor='#a86ce8';this.style.backgroundColor='transparent';this.style.color='#a86ce8';\" onmouseenter=\"this.style.borderColor='#a86ce8';this.style.backgroundColor='#a86ce8';this.style.color='#ffffff';\" href=\"https:\/\/codex-themes.com\/thegem\/grid-extended\/blog-grid-on-hover\/#metro\" target=\"_blank\">Show Demo<\/a><\/div> [\/vc_column][vc_column width=&#8221;1\/5&#8243; el_class=&#8221;custom-hover&#8221;]<div class=\"clearboth\"><\/div><div class=\"gem-divider \" style=\"margin-top: 45px;\"><\/div>[vc_single_image image=&#8221;14311&#8243; img_size=&#8221;full&#8221; alignment=&#8221;center&#8221; onclick=&#8221;custom_link&#8221; img_link_target=&#8221;_blank&#8221; link=&#8221;https:\/\/codex-themes.com\/thegem\/blocks\/category\/archives\/gadgets\/&#8221;]<div class=\"clearboth\"><\/div><div class=\"gem-divider \" style=\"\"><\/div>[vc_column_text]<\/p>\n<div class=\"styled-subtitle\" style=\"text-align: center;\"><span class=\"light\">Creative<\/span><\/div>\n<p>[\/vc_column_text][vc_column_text]<\/p>\n<p style=\"text-align: center;\">Attract your visitor\u2019s attention to some special blog highlights by choosing this modern grid style.<\/p>\n<p>[\/vc_column_text]<div class=\"clearboth\"><\/div><div class=\"gem-divider \" style=\"margin-top: 20px;\"><\/div><div class=\"gem-button-container gem-button-position-center thegem-button-69e2499e0f0129355\" ><a class=\"gem-button gem-button-size-tiny gem-button-style-outline gem-button-text-weight-normal gem-button-border-2\" style=\"border-radius: 35px;border-color: #777ff5;color: #777ff5;\" onmouseleave=\"this.style.borderColor='#777ff5';this.style.backgroundColor='transparent';this.style.color='#777ff5';\" onmouseenter=\"this.style.borderColor='#777ff5';this.style.backgroundColor='#777ff5';this.style.color='#ffffff';\" href=\"https:\/\/codex-themes.com\/thegem\/blocks\/category\/archives\/gadgets\/\" target=\"_blank\">Show Demo<\/a><\/div> [\/vc_column][vc_column width=&#8221;1\/5&#8243;]<div class=\"clearboth\"><\/div><div class=\"gem-divider \" style=\"margin-top: 45px;\"><\/div>[vc_single_image image=&#8221;38560&#8243; img_size=&#8221;full&#8221; alignment=&#8221;center&#8221; onclick=&#8221;custom_link&#8221; img_link_target=&#8221;_blank&#8221; link=&#8221;https:\/\/codex-themes.com\/thegem\/blocks\/category\/archives\/interior-design\/&#8221;]<div class=\"clearboth\"><\/div><div class=\"gem-divider \" style=\"\"><\/div>[vc_column_text]<\/p>\n<div class=\"styled-subtitle\" style=\"text-align: center;\"><span class=\"light\">List<\/span><\/div>\n<p>[\/vc_column_text][vc_column_text]<\/p>\n<p style=\"text-align: center;\">Showcase your posts selections in various list styles. Use customizable options to build creative blog list designs.<\/p>\n<p>[\/vc_column_text]<div class=\"clearboth\"><\/div><div class=\"gem-divider custom-margin-divider\" style=\"margin-top: -23px;\"><\/div><div class=\"gem-button-container gem-button-position-center thegem-button-69e2499e0f0521685\" ><a class=\"gem-button gem-button-size-tiny gem-button-style-outline gem-button-text-weight-normal gem-button-border-2\" style=\"border-radius: 35px;border-color: #508eff;color: #508eff;\" onmouseleave=\"this.style.borderColor='#508eff';this.style.backgroundColor='transparent';this.style.color='#508eff';\" onmouseenter=\"this.style.borderColor='#508eff';this.style.backgroundColor='#508eff';this.style.color='#ffffff';\" href=\"https:\/\/codex-themes.com\/thegem\/blocks\/category\/archives\/interior-design\/\" target=\"_blank\">Show Demo<\/a><\/div> [\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row_content&#8221; mobile_margin_top=&#8221;80&#8243;][vc_column][vc_text_separator title_level=&#8221;h3&#8243; title=&#8221;Blog Width&#8221;]<div class=\"clearboth\"><\/div><div class=\"gem-divider \" style=\"margin-top: 50px;\"><\/div>[\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/4&#8243;]<div class=\"centered-box gem-image-centered-box\"><div class=\"gem-image gem-wrapbox gem-wrapbox-style-default gem-wrapbox-position-centered\"  style=\"\"><div class=\"gem-wrapbox-inner \" ><img class=\"gem-wrapbox-element img-responsive\" src=\"https:\/\/codex-themes.com\/thegem\/wp-content\/uploads\/2016\/03\/100-Width.png\" alt=\"\"\/><\/div><\/div><\/div><div class=\"clearboth\"><\/div><div class=\"gem-divider \" style=\"\"><\/div>[vc_column_text]<\/p>\n<div class=\"styled-subtitle\" style=\"text-align: center;\"><span class=\"light\">100% Width<\/span><\/div>\n<p>[\/vc_column_text][vc_column_text]<\/p>\n<p style=\"text-align: center;\">Portfolio overviews, using 100% page width. You can use it in any of portfolio layouts above.<\/p>\n<p>[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/4&#8243;]<div class=\"centered-box gem-image-centered-box\"><div class=\"gem-image gem-wrapbox gem-wrapbox-style-default gem-wrapbox-position-centered\"  style=\"\"><div class=\"gem-wrapbox-inner \" ><img class=\"gem-wrapbox-element img-responsive\" src=\"https:\/\/codex-themes.com\/thegem\/wp-content\/uploads\/2016\/03\/Fullwidth.png\" alt=\"\"\/><\/div><\/div><\/div><div class=\"clearboth\"><\/div><div class=\"gem-divider \" style=\"\"><\/div>[vc_column_text]<\/p>\n<div class=\"styled-subtitle\" style=\"text-align: center;\"><span class=\"light\">Fullwidth<\/span><\/div>\n<p>[\/vc_column_text][vc_column_text]<\/p>\n<p style=\"text-align: center;\">Post your portfolios in fullwidth content area. Applicable for any portfolio layout types.<\/p>\n<p>[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/4&#8243;]<div class=\"centered-box gem-image-centered-box\"><div class=\"gem-image gem-wrapbox gem-wrapbox-style-default gem-wrapbox-position-centered\"  style=\"\"><div class=\"gem-wrapbox-inner \" ><img class=\"gem-wrapbox-element img-responsive\" src=\"https:\/\/codex-themes.com\/thegem\/wp-content\/uploads\/2016\/03\/With-Sidebar.png\" alt=\"\"\/><\/div><\/div><\/div><div class=\"clearboth\"><\/div><div class=\"gem-divider \" style=\"\"><\/div>[vc_column_text]<\/p>\n<div class=\"styled-subtitle\" style=\"text-align: center;\"><span class=\"light\">With Sidebar<\/span><\/div>\n<p>[\/vc_column_text][vc_column_text]<\/p>\n<p style=\"text-align: center;\">You can use any of portfolio layouts on pages with any sidebars: left or right or both.<\/p>\n<p>[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/4&#8243;]<div class=\"centered-box gem-image-centered-box\"><div class=\"gem-image gem-wrapbox gem-wrapbox-style-default gem-wrapbox-position-centered\"  style=\"\"><div class=\"gem-wrapbox-inner \" ><img class=\"gem-wrapbox-element img-responsive\" src=\"https:\/\/codex-themes.com\/thegem\/wp-content\/uploads\/2016\/03\/In-Content.png\" alt=\"\"\/><\/div><\/div><\/div><div class=\"clearboth\"><\/div><div class=\"gem-divider \" style=\"\"><\/div>[vc_column_text]<\/p>\n<div class=\"styled-subtitle\" style=\"text-align: center;\"><span class=\"light\">In Content<\/span><\/div>\n<p>[\/vc_column_text][vc_column_text]<\/p>\n<p style=\"text-align: center;\">Mix your content with portfolios. Place any portfolio layout on any position in content you wish.<\/p>\n<p>[\/vc_column_text][\/vc_column][vc_column offset=&#8221;vc_hidden-sm vc_hidden-xs&#8221;]<div class=\"clearboth\"><\/div><div class=\"gem-divider \" style=\"margin-top: 70px;\"><\/div>[\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row_content&#8221; mobile_margin_top=&#8221;80&#8243;][vc_column][vc_text_separator title_level=&#8221;h3&#8243; title=&#8221;Columns&#8221;]<div class=\"clearboth\"><\/div><div class=\"gem-divider \" style=\"margin-top: 50px;\"><\/div>[\/vc_column][\/vc_row][vc_row el_class=&#8221;custom-column&#8221;][vc_column width=&#8221;1\/6&#8243;]<div class=\"centered-box gem-image-centered-box\"><div class=\"gem-image gem-wrapbox gem-wrapbox-style-default gem-wrapbox-position-centered\"  style=\"\"><div class=\"gem-wrapbox-inner \" ><img class=\"gem-wrapbox-element img-responsive\" src=\"https:\/\/codex-themes.com\/thegem\/wp-content\/uploads\/2022\/11\/1x-Scheme.png\" alt=\"\"\/><\/div><\/div><\/div><div class=\"clearboth\"><\/div><div class=\"gem-divider \" style=\"\"><\/div>[vc_column_text]<\/p>\n<div class=\"styled-subtitle\" style=\"text-align: center;\"><span class=\"light\">1x<\/span><\/div>\n<p>[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/6&#8243;]<div class=\"centered-box gem-image-centered-box\"><div class=\"gem-image gem-wrapbox gem-wrapbox-style-default gem-wrapbox-position-centered\"  style=\"\"><div class=\"gem-wrapbox-inner \" ><img class=\"gem-wrapbox-element img-responsive\" src=\"https:\/\/codex-themes.com\/thegem\/wp-content\/uploads\/2016\/03\/2x.png\" alt=\"\"\/><\/div><\/div><\/div><div class=\"clearboth\"><\/div><div class=\"gem-divider \" style=\"\"><\/div>[vc_column_text]<\/p>\n<div class=\"styled-subtitle\" style=\"text-align: center;\"><span class=\"light\">2x<\/span><\/div>\n<p>[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/6&#8243;]<div class=\"centered-box gem-image-centered-box\"><div class=\"gem-image gem-wrapbox gem-wrapbox-style-default gem-wrapbox-position-centered\"  style=\"\"><div class=\"gem-wrapbox-inner \" ><img class=\"gem-wrapbox-element img-responsive\" src=\"https:\/\/codex-themes.com\/thegem\/wp-content\/uploads\/2016\/03\/3x.png\" alt=\"\"\/><\/div><\/div><\/div><div class=\"clearboth\"><\/div><div class=\"gem-divider \" style=\"\"><\/div>[vc_column_text]<\/p>\n<div class=\"styled-subtitle\" style=\"text-align: center;\"><span class=\"light\">3x<\/span><\/div>\n<p>[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/6&#8243;]<div class=\"centered-box gem-image-centered-box\"><div class=\"gem-image gem-wrapbox gem-wrapbox-style-default gem-wrapbox-position-centered\"  style=\"\"><div class=\"gem-wrapbox-inner \" ><img class=\"gem-wrapbox-element img-responsive\" src=\"https:\/\/codex-themes.com\/thegem\/wp-content\/uploads\/2016\/03\/4x.png\" alt=\"\"\/><\/div><\/div><\/div><div class=\"clearboth\"><\/div><div class=\"gem-divider \" style=\"\"><\/div>[vc_column_text]<\/p>\n<div class=\"styled-subtitle\" style=\"text-align: center;\"><span class=\"light\">4x<\/span><\/div>\n<p>[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/6&#8243;]<div class=\"centered-box gem-image-centered-box\"><div class=\"gem-image gem-wrapbox gem-wrapbox-style-default gem-wrapbox-position-centered\"  style=\"\"><div class=\"gem-wrapbox-inner \" ><img class=\"gem-wrapbox-element img-responsive\" src=\"https:\/\/codex-themes.com\/thegem\/wp-content\/uploads\/2016\/03\/5x.png\" alt=\"\"\/><\/div><\/div><\/div><div class=\"clearboth\"><\/div><div class=\"gem-divider \" style=\"\"><\/div>[vc_column_text]<\/p>\n<div class=\"styled-subtitle\" style=\"text-align: center;\"><span class=\"light\">5x<\/span><\/div>\n<p>[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/6&#8243;]<div class=\"centered-box gem-image-centered-box\"><div class=\"gem-image gem-wrapbox gem-wrapbox-style-default gem-wrapbox-position-centered\"  style=\"\"><div class=\"gem-wrapbox-inner \" ><img class=\"gem-wrapbox-element img-responsive\" src=\"https:\/\/codex-themes.com\/thegem\/wp-content\/uploads\/2022\/11\/x6.png\" alt=\"\"\/><\/div><\/div><\/div><div class=\"clearboth\"><\/div><div class=\"gem-divider \" style=\"\"><\/div>[vc_column_text]<\/p>\n<div class=\"styled-subtitle\" style=\"text-align: center;\"><span class=\"light\">6x<\/span><\/div>\n<p>[\/vc_column_text][\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row_content&#8221; mobile_margin_top=&#8221;80&#8243;][vc_column][vc_text_separator title_level=&#8221;h3&#8243; title=&#8221;Display styles&#8221;]<div class=\"clearboth\"><\/div><div class=\"gem-divider \" style=\"margin-top: 50px;\"><\/div>[\/vc_column][\/vc_row][vc_row el_class=&#8221;custom-column&#8221;][vc_column width=&#8221;1\/2&#8243; el_class=&#8221;custom-link-cols&#8221;]<div class=\"gem-textbox  centered-box\"  ><div class=\"gem-textbox-picture centered-box\"><img src=\"https:\/\/codex-themes.com\/thegem\/wp-content\/uploads\/2019\/06\/2.jpg\" alt=\"\" class=\"img-responsive\" \/><\/div><div class=\"gem-textbox-inner gem-textbox-after-image\" style=\"\"><div class=\"gem-textbox-content\" style=\"color: #3c3950;background-color: #f0f3f2;background-position: center top;padding-top: 50px;padding-bottom: 60px;\">[vc_column_text]<\/p>\n<div class=\"styled-subtitle\" style=\"text-align: center;\">Classic Styles<\/div>\n<p>[\/vc_column_text]<\/div><\/div><\/div>[vc_raw_html css=&#8221;.vc_custom_1560155344650{margin-top: 0px !important;margin-right: 0px !important;margin-bottom: 0px !important;margin-left: 0px !important;padding-top: 0px !important;padding-right: 0px !important;padding-bottom: 0px !important;padding-left: 0px !important;}&#8221;]JTNDYSUyMGNsYXNzJTNEJTIyY3VzdG9tLWxpbmslMjIlMjBocmVmJTNEJTIyaHR0cHMlM0ElMkYlMkZjb2RleC10aGVtZXMuY29tJTJGdGhlZ2VtJTJGZ3JpZC1leHRlbmRlZCUyRiUyMiUyMHRhcmdldCUzRCUyMl9ibGFuayUyMiUzRSUzQyUyRmElM0U=[\/vc_raw_html][\/vc_column][vc_column width=&#8221;1\/2&#8243;]<div class=\"gem-textbox  centered-box\"  ><div class=\"gem-textbox-picture centered-box\"><img src=\"https:\/\/codex-themes.com\/thegem\/wp-content\/uploads\/2019\/06\/3.jpg\" alt=\"\" class=\"img-responsive\" \/><\/div><div class=\"gem-textbox-inner gem-textbox-after-image\" style=\"\"><div class=\"gem-textbox-content\" style=\"color: #3c3950;background-color: #f0f3f2;background-position: center top;padding-top: 50px;padding-bottom: 60px;\">[vc_column_text]<\/p>\n<div class=\"styled-subtitle\" style=\"text-align: center;\">Alternative Styles<\/div>\n<p>[\/vc_column_text]<\/div><\/div><\/div>[vc_raw_html css=&#8221;.vc_custom_1560155545727{margin-top: 0px !important;margin-right: 0px !important;margin-bottom: 0px !important;margin-left: 0px !important;padding-top: 0px !important;padding-right: 0px !important;padding-bottom: 0px !important;padding-left: 0px !important;}&#8221;]JTNDYSUyMGNsYXNzJTNEJTIyY3VzdG9tLWxpbmslMjIlMjBocmVmJTNEJTIyaHR0cHMlM0ElMkYlMkZjb2RleC10aGVtZXMuY29tJTJGdGhlZ2VtJTJGZ3JpZC1hbHRlcm5hdGl2ZSUyRiUyMiUyMHRhcmdldCUzRCUyMl9ibGFuayUyMiUzRSUzQyUyRmElM0U=[\/vc_raw_html][\/vc_column][vc_column offset=&#8221;vc_hidden-sm vc_hidden-xs&#8221;]<div class=\"clearboth\"><\/div><div class=\"gem-divider \" style=\"margin-top: 70px;\"><\/div>[\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row_content&#8221; mobile_margin_top=&#8221;50&#8243;][vc_column][vc_text_separator title_level=&#8221;h3&#8243; title=&#8221;Caption Display Options&#8221;]<div class=\"clearboth\"><\/div><div class=\"gem-divider \" style=\"margin-top: 50px;\"><\/div>[\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/3&#8243;]<div class=\"centered-box gem-image-centered-box\"><div class=\"gem-image gem-wrapbox gem-wrapbox-style-default gem-wrapbox-position-centered\"  style=\"\"><div class=\"gem-wrapbox-inner \" ><img class=\"gem-wrapbox-element img-responsive\" src=\"https:\/\/codex-themes.com\/thegem\/wp-content\/uploads\/2016\/03\/Outside-Image.png\" alt=\"\"\/><\/div><\/div><\/div><div class=\"clearboth\"><\/div><div class=\"gem-divider \" style=\"margin-top: 3px;\"><\/div>[vc_column_text]<\/p>\n<div class=\"styled-subtitle\" style=\"text-align: center;\"><span class=\"light\">Below The Featured Image<\/span><\/div>\n<p>[\/vc_column_text][vc_column_text]<\/p>\n<p style=\"text-align: center; max-width: 420px; margin: 0 auto;\">Show your chosen blog post captions like title, description, author below the featured image.<\/p>\n<p>[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/3&#8243;]<div class=\"centered-box gem-image-centered-box\"><div class=\"gem-image gem-wrapbox gem-wrapbox-style-default gem-wrapbox-position-centered\"  style=\"\"><div class=\"gem-wrapbox-inner \" ><img class=\"gem-wrapbox-element img-responsive\" src=\"https:\/\/codex-themes.com\/thegem\/wp-content\/uploads\/2016\/03\/On-Image.png\" alt=\"\"\/><\/div><\/div><\/div><div class=\"clearboth\"><\/div><div class=\"gem-divider \" style=\"margin-top: 3px;\"><\/div>[vc_column_text]<\/p>\n<div class=\"styled-subtitle\" style=\"text-align: center;\"><span class=\"light\">On Featured Image<\/span><\/div>\n<p>[\/vc_column_text][vc_column_text]<\/p>\n<p style=\"text-align: center; max-width: 450px; margin: 0 auto;\">Show your chosen blog post details directly on featured image.<\/p>\n<p>[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/3&#8243;]<div class=\"centered-box gem-image-centered-box\"><div class=\"gem-image gem-wrapbox gem-wrapbox-style-default gem-wrapbox-position-centered\"  style=\"\"><div class=\"gem-wrapbox-inner \" ><img class=\"gem-wrapbox-element img-responsive\" src=\"https:\/\/codex-themes.com\/thegem\/wp-content\/uploads\/2019\/06\/3-1.png\" alt=\"\"\/><\/div><\/div><\/div><div class=\"clearboth\"><\/div><div class=\"gem-divider \" style=\"margin-top: 3px;\"><\/div>[vc_column_text]<\/p>\n<div class=\"styled-subtitle\" style=\"text-align: center;\"><span class=\"light\">Along The Featured Image<\/span><\/div>\n<p>[\/vc_column_text][vc_column_text]<\/p>\n<p style=\"text-align: center; max-width: 450px; margin: 0 auto;\">Alternative position for blog post details along the featured image.<\/p>\n<p>[\/vc_column_text][\/vc_column][vc_column offset=&#8221;vc_hidden-sm vc_hidden-xs&#8221;]<div class=\"clearboth\"><\/div><div class=\"gem-divider \" style=\"margin-top: 70px;\"><\/div>[\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row_content&#8221; mobile_margin_top=&#8221;80&#8243;][vc_column][vc_text_separator title_level=&#8221;h3&#8243; title=&#8221;Hover Types&#8221;]<div class=\"clearboth\"><\/div><div class=\"gem-divider \" style=\"margin-top: 50px;\"><\/div>[\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/6&#8243;]<div class=\"centered-box gem-image-centered-box\"><div class=\"gem-image gem-wrapbox gem-wrapbox-style-default gem-wrapbox-position-centered\"  style=\"\"><div class=\"gem-wrapbox-inner \" ><img class=\"gem-wrapbox-element img-responsive\" src=\"https:\/\/codex-themes.com\/thegem\/wp-content\/uploads\/2016\/03\/Cyan-Breeze.png\" alt=\"\"\/><\/div><\/div><\/div>[vc_column_text]<\/p>\n<div class=\"styled-subtitle\" style=\"text-align: center;\"><span class=\"light\">Cyan Breeze<\/span><\/div>\n<p>[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/6&#8243;]<div class=\"centered-box gem-image-centered-box\"><div class=\"gem-image gem-wrapbox gem-wrapbox-style-default gem-wrapbox-position-centered\"  style=\"\"><div class=\"gem-wrapbox-inner \" ><img class=\"gem-wrapbox-element img-responsive\" src=\"https:\/\/codex-themes.com\/thegem\/wp-content\/uploads\/2016\/03\/Zooming-White.png\" alt=\"\"\/><\/div><\/div><\/div>[vc_column_text css=&#8221;.vc_custom_1458555745969{padding-right: 0px !important;padding-left: 0px !important;}&#8221;]<\/p>\n<div class=\"styled-subtitle\" style=\"text-align: center;\"><span class=\"light\">Zooming White<\/span><\/div>\n<p>[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/6&#8243; css=&#8221;.vc_custom_1458555504558{padding-right: 0px !important;padding-left: 0px !important;}&#8221;]<div class=\"centered-box gem-image-centered-box\"><div class=\"gem-image gem-wrapbox gem-wrapbox-style-default gem-wrapbox-position-centered\"  style=\"\"><div class=\"gem-wrapbox-inner \" ><img class=\"gem-wrapbox-element img-responsive\" src=\"https:\/\/codex-themes.com\/thegem\/wp-content\/uploads\/2016\/03\/Horizontal-Sliding.png\" alt=\"\"\/><\/div><\/div><\/div>[vc_column_text]<\/p>\n<div class=\"styled-subtitle\" style=\"text-align: center;\"><span class=\"light\">Horizontal Sliding<\/span><\/div>\n<p>[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/6&#8243;]<div class=\"centered-box gem-image-centered-box\"><div class=\"gem-image gem-wrapbox gem-wrapbox-style-default gem-wrapbox-position-centered\"  style=\"\"><div class=\"gem-wrapbox-inner \" ><img class=\"gem-wrapbox-element img-responsive\" src=\"https:\/\/codex-themes.com\/thegem\/wp-content\/uploads\/2016\/03\/Vertical-Sliding-.png\" alt=\"\"\/><\/div><\/div><\/div>[vc_column_text]<\/p>\n<div class=\"styled-subtitle\" style=\"text-align: center;\"><span class=\"light\">Vertical Sliding<\/span><\/div>\n<p>[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/6&#8243;]<div class=\"centered-box gem-image-centered-box\"><div class=\"gem-image gem-wrapbox gem-wrapbox-style-default gem-wrapbox-position-centered\"  style=\"\"><div class=\"gem-wrapbox-inner \" ><img class=\"gem-wrapbox-element img-responsive\" src=\"https:\/\/codex-themes.com\/thegem\/wp-content\/uploads\/2016\/03\/Gradient.png\" alt=\"\"\/><\/div><\/div><\/div>[vc_column_text]<\/p>\n<div class=\"styled-subtitle\" style=\"text-align: center;\"><span class=\"light\">Gradient<\/span><\/div>\n<p>[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/6&#8243; css=&#8221;.vc_custom_1458555522548{padding-right: 0px !important;padding-left: 0px !important;}&#8221;]<div class=\"centered-box gem-image-centered-box\"><div class=\"gem-image gem-wrapbox gem-wrapbox-style-default gem-wrapbox-position-centered\"  style=\"\"><div class=\"gem-wrapbox-inner \" ><img class=\"gem-wrapbox-element img-responsive\" src=\"https:\/\/codex-themes.com\/thegem\/wp-content\/uploads\/2016\/03\/Circular-Overlay.png\" alt=\"\"\/><\/div><\/div><\/div>[vc_column_text]<\/p>\n<div class=\"styled-subtitle\" style=\"text-align: center;\"><span class=\"light\">Circular Overlay<\/span><\/div>\n<p>[\/vc_column_text][\/vc_column][vc_column offset=&#8221;vc_hidden-sm vc_hidden-xs&#8221;]<div class=\"clearboth\"><\/div><div class=\"gem-divider \" style=\"margin-top: 70px;\"><\/div>[\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row_content&#8221; mobile_margin_top=&#8221;80&#8243;][vc_column][vc_text_separator title_level=&#8221;h3&#8243; title=&#8221;Loading Mode &amp; Pagination&#8221;]<div class=\"clearboth\"><\/div><div class=\"gem-divider \" style=\"margin-top: 50px;\"><\/div>[\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/3&#8243;]<div class=\"centered-box gem-image-centered-box\"><div class=\"gem-image gem-wrapbox gem-wrapbox-style-default gem-wrapbox-position-centered\"  style=\"\"><div class=\"gem-wrapbox-inner \" ><img class=\"gem-wrapbox-element img-responsive\" src=\"https:\/\/codex-themes.com\/thegem\/wp-content\/uploads\/2016\/03\/Load-More-Button.png\" alt=\"\"\/><\/div><\/div><\/div><div class=\"clearboth\"><\/div><div class=\"gem-divider \" style=\"margin-top: 3px;\"><\/div>[vc_column_text]<\/p>\n<div class=\"styled-subtitle\" style=\"text-align: center;\">\u201cLoad More\u201d Button<\/div>\n<p>[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/3&#8243;]<div class=\"centered-box gem-image-centered-box\"><div class=\"gem-image gem-wrapbox gem-wrapbox-style-default gem-wrapbox-position-centered\"  style=\"\"><div class=\"gem-wrapbox-inner \" ><img class=\"gem-wrapbox-element img-responsive\" src=\"https:\/\/codex-themes.com\/thegem\/wp-content\/uploads\/2016\/03\/Infinite-Scroll.png\" alt=\"\"\/><\/div><\/div><\/div><div class=\"clearboth\"><\/div><div class=\"gem-divider \" style=\"margin-top: 3px;\"><\/div>[vc_column_text]<\/p>\n<div class=\"styled-subtitle\" style=\"text-align: center;\">Infinite Scroll<\/div>\n<p>[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/3&#8243;]<div class=\"centered-box gem-image-centered-box\"><div class=\"gem-image gem-wrapbox gem-wrapbox-style-default gem-wrapbox-position-centered\"  style=\"\"><div class=\"gem-wrapbox-inner \" ><img class=\"gem-wrapbox-element img-responsive\" src=\"https:\/\/codex-themes.com\/thegem\/wp-content\/uploads\/2016\/03\/Standard.png\" alt=\"\"\/><\/div><\/div><\/div><div class=\"clearboth\"><\/div><div class=\"gem-divider \" style=\"margin-top: 3px;\"><\/div>[vc_column_text]<\/p>\n<div class=\"styled-subtitle\" style=\"text-align: center;\">Standard<\/div>\n<p>[\/vc_column_text][\/vc_column][vc_column offset=&#8221;vc_hidden-sm vc_hidden-xs&#8221;]<div class=\"clearboth\"><\/div><div class=\"gem-divider \" style=\"margin-top: 70px;\"><\/div>[\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row_content&#8221; mobile_margin_top=&#8221;80&#8243;][vc_column][vc_text_separator title_level=&#8221;h3&#8243; title=&#8221;Loading animation&#8221;]<div class=\"clearboth\"><\/div><div class=\"gem-divider \" style=\"margin-top: 50px;\"><\/div>[\/vc_column][\/vc_row][vc_row mobile_padding_bottom=&#8221;40&#8243;][vc_column width=&#8221;1\/6&#8243;]<div class=\"centered-box gem-image-centered-box\"><div class=\"gem-image gem-wrapbox gem-wrapbox-style-default gem-wrapbox-position-centered\"  style=\"\"><div class=\"gem-wrapbox-inner \" ><img class=\"gem-wrapbox-element img-responsive\" src=\"https:\/\/codex-themes.com\/thegem\/wp-content\/uploads\/2016\/03\/Fade-In-1.png\" alt=\"\"\/><\/div><\/div><\/div><div class=\"clearboth\"><\/div><div class=\"gem-divider \" style=\"margin-top: 3px;\"><\/div>[vc_column_text]<\/p>\n<div class=\"styled-subtitle\" style=\"text-align: center;\">Fade In<\/div>\n<p>[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/6&#8243;]<div class=\"centered-box gem-image-centered-box\"><div class=\"gem-image gem-wrapbox gem-wrapbox-style-default gem-wrapbox-position-centered\"  style=\"\"><div class=\"gem-wrapbox-inner \" ><img class=\"gem-wrapbox-element img-responsive\" src=\"https:\/\/codex-themes.com\/thegem\/wp-content\/uploads\/2016\/03\/Fall-Perspective-1.png\" alt=\"\"\/><\/div><\/div><\/div><div class=\"clearboth\"><\/div><div class=\"gem-divider \" style=\"margin-top: 3px;\"><\/div>[vc_column_text css=&#8221;.vc_custom_1458556199882{padding-right: 0px !important;padding-left: 0px !important;}&#8221;]<\/p>\n<div class=\"styled-subtitle\" style=\"text-align: center;\">Fall Perspective<\/div>\n<p>[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/6&#8243; css=&#8221;.vc_custom_1458555504558{padding-right: 0px !important;padding-left: 0px !important;}&#8221;]<div class=\"centered-box gem-image-centered-box\"><div class=\"gem-image gem-wrapbox gem-wrapbox-style-default gem-wrapbox-position-centered\"  style=\"\"><div class=\"gem-wrapbox-inner \" ><img class=\"gem-wrapbox-element img-responsive\" src=\"https:\/\/codex-themes.com\/thegem\/wp-content\/uploads\/2016\/03\/Flip-1.png\" alt=\"\"\/><\/div><\/div><\/div><div class=\"clearboth\"><\/div><div class=\"gem-divider \" style=\"margin-top: 3px;\"><\/div>[vc_column_text]<\/p>\n<div class=\"styled-subtitle\" style=\"text-align: center;\">Flip<\/div>\n<p>[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/6&#8243;]<div class=\"centered-box gem-image-centered-box\"><div class=\"gem-image gem-wrapbox gem-wrapbox-style-default gem-wrapbox-position-centered\"  style=\"\"><div class=\"gem-wrapbox-inner \" ><img class=\"gem-wrapbox-element img-responsive\" src=\"https:\/\/codex-themes.com\/thegem\/wp-content\/uploads\/2016\/03\/Scale-1.png\" alt=\"\"\/><\/div><\/div><\/div><div class=\"clearboth\"><\/div><div class=\"gem-divider \" style=\"margin-top: 3px;\"><\/div>[vc_column_text]<\/p>\n<div class=\"styled-subtitle\" style=\"text-align: center;\">Scale<\/div>\n<p>[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/6&#8243;]<div class=\"centered-box gem-image-centered-box\"><div class=\"gem-image gem-wrapbox gem-wrapbox-style-default gem-wrapbox-position-centered\"  style=\"\"><div class=\"gem-wrapbox-inner \" ><img class=\"gem-wrapbox-element img-responsive\" src=\"https:\/\/codex-themes.com\/thegem\/wp-content\/uploads\/2016\/03\/Bounce-1.png\" alt=\"\"\/><\/div><\/div><\/div><div class=\"clearboth\"><\/div><div class=\"gem-divider \" style=\"margin-top: 3px;\"><\/div>[vc_column_text]<\/p>\n<div class=\"styled-subtitle\" style=\"text-align: center;\">Bounce<\/div>\n<p>[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/6&#8243; css=&#8221;.vc_custom_1458555522548{padding-right: 0px !important;padding-left: 0px !important;}&#8221;]<div class=\"centered-box gem-image-centered-box\"><div class=\"gem-image gem-wrapbox gem-wrapbox-style-default gem-wrapbox-position-centered\"  style=\"\"><div class=\"gem-wrapbox-inner \" ><img class=\"gem-wrapbox-element img-responsive\" src=\"https:\/\/codex-themes.com\/thegem\/wp-content\/uploads\/2016\/03\/Move-Up-2.png\" alt=\"\"\/><\/div><\/div><\/div><div class=\"clearboth\"><\/div><div class=\"gem-divider \" style=\"margin-top: -3px;\"><\/div>[vc_column_text]<\/p>\n<div class=\"styled-subtitle\" style=\"text-align: center;\">Move Up<\/div>\n<p>[\/vc_column_text][\/vc_column][vc_column offset=&#8221;vc_hidden-sm vc_hidden-xs&#8221;]<div class=\"clearboth\"><\/div><div class=\"gem-divider \" style=\"margin-top: 140px;\"><\/div>[\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row&#8221; css=&#8221;.vc_custom_1669285665627{margin-top: 0px !important;margin-bottom: 0px !important;padding-top: 0px !important;padding-bottom: 0px !important;background-image: url(https:\/\/codex-themes.com\/thegem\/wp-content\/uploads\/2019\/06\/6.jpg?id=31702) !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}&#8221; el_class=&#8221;custom-row&#8221; tablet_padding_top=&#8221;50&#8243; tablet_padding_bottom=&#8221;50&#8243;][vc_column offset=&#8221;vc_hidden-sm vc_hidden-xs&#8221; css=&#8221;.vc_custom_1669285250814{margin-top: 0px !important;margin-bottom: 0px !important;padding-top: 0px !important;padding-bottom: 0px !important;}&#8221;]<div class=\"clearboth\"><\/div><div class=\"gem-divider \" style=\"margin-top: 40px;\"><\/div>[\/vc_column][vc_column offset=&#8221;vc_hidden-lg vc_hidden-md&#8221; css=&#8221;.vc_custom_1559817410940{margin-top: 0px !important;margin-bottom: 0px !important;padding-top: 0px !important;padding-bottom: 0px !important;}&#8221;]<div class=\"clearboth\"><\/div><div class=\"gem-divider \" style=\"\"><\/div>[\/vc_column][vc_column css=&#8221;.vc_custom_1559818205992{margin-top: 0px !important;margin-bottom: 0px !important;padding-top: 0px !important;padding-bottom: 0px !important;}&#8221; offset=&#8221;vc_hidden-sm vc_hidden-xs&#8221;]<div id=\"fullwidth-block-69e2499e0fb5f\" class=\"fullwidth-block clearfix\"  style=\"\"><script type=\"text\/javascript\">if (typeof(gem_fix_fullwidth_position) == \"function\") { gem_fix_fullwidth_position(document.getElementById(\"fullwidth-block-69e2499e0fb5f\")); }<\/script><div class=\"fullwidth-block-inner\">[vc_single_image image=&#8221;31698&#8243; img_size=&#8221;full&#8221; el_class=&#8221;custom-img1&#8243;][vc_single_image image=&#8221;31696&#8243; img_size=&#8221;full&#8221; alignment=&#8221;right&#8221; el_class=&#8221;custom-img2&#8243;]<\/div><\/div>[\/vc_column][vc_column el_class=&#8221;big-index&#8221;]<div class=\"centered-box\"><div class=\"gem-icon gem-icon-pack-elegant gem-icon-size-medium  gem-icon-shape-square gem-simple-icon\"  style=\"opacity: 1;\"><div class=\"gem-icon-inner\" style=\"\"><span class=\"gem-icon-half-1\" style=\"color: #00bcd4;\"><span class=\"back-angle\">&#xe035;<\/span><\/span><span class=\"gem-icon-half-2\" style=\"color: #00bcd4;\"><span class=\"back-angle\">&#xe035;<\/span><\/span><\/div><\/div><\/div><div class=\"clearboth\"><\/div><div class=\"gem-divider \" style=\"margin-top: 40px;\"><\/div><div id=\"thegem-heading-69e2499e0fbb7\" class=\"thegem-heading title-h2 vc_custom_1668701581091 words-slide-up thegem-heading-animate\" style=\"text-align: center;\" ><span class=\"thegem-heading-word-wrap\"><span class=\"thegem-heading-word\" style=\"color: #ffffff; animation-delay: 60ms\">Blog<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"thegem-heading-word\" style=\"color: #ffffff; animation-delay: 120ms\">Grid<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"thegem-heading-word\" style=\"color: #ffffff; animation-delay: 180ms\">Settings<\/span><\/span><\/div><style type=\"text\/css\">#thegem-heading-69e2499e0fbb7 {margin: 0;}#thegem-heading-69e2499e0fbb7 {margin-left: auto; margin-right: auto;}#thegem-heading-69e2499e0fbb7 {letter-spacing: 0px;}#thegem-heading-69e2499e0fbb7, #thegem-heading-69e2499e0fbb7 .light {text-transform: none;}#thegem-heading-69e2499e0fbb7 .thegem-heading-word {animation-timing-function: cubic-bezier(0,1,0.3,1);}<\/style><div class=\"clearboth\"><\/div><div class=\"gem-divider \" style=\"margin-top: 90px;\"><\/div>[vc_row_inner][vc_column_inner width=&#8221;1\/3&#8243;]<div class=\"gem-list gem-list-type-check-style-2 gem-list-color-3\" ><ul>\n<li><span style=\"color: #ffffff;\">Show \/ hide post titles &amp; excerpts<\/span><\/li>\n<li><span style=\"color: #ffffff;\">Show \/ hide post date &amp; categories<\/span><\/li>\n<li><span style=\"color: #ffffff;\">Choose blog categories<\/span><\/li>\n<li><span style=\"color: #ffffff;\">Define number of posts to be displayed<\/span><\/li>\n<li><span style=\"color: #ffffff;\">Enable \/ disable filters<\/span><\/li>\n<\/ul>\n<\/div>[\/vc_column_inner][vc_column_inner width=&#8221;1\/3&#8243;]<div class=\"gem-list gem-list-type-check-style-2 gem-list-color-3\" ><ul>\n<li><span style=\"color: #ffffff;\">Set any gaps size between posts<\/span><\/li>\n<li><span style=\"color: #ffffff;\">Show \/ hide name &amp; date sorting<\/span><\/li>\n<li><span style=\"color: #ffffff;\">Asc. \/ desc. sorting options<\/span><\/li>\n<li><span style=\"color: #ffffff;\">Enable \/ disable likes<\/span><\/li>\n<li><span style=\"color: #ffffff;\">Enable \/ disable sharing<\/span><\/li>\n<\/ul>\n<\/div>[\/vc_column_inner][vc_column_inner width=&#8221;1\/3&#8243;]<div class=\"gem-list gem-list-type-check-style-2 gem-list-color-3\" ><ul>\n<li><span style=\"color: #ffffff;\">Define highlighted \/ featured \/sticky posts<\/span><\/li>\n<li><span style=\"color: #ffffff;\">Enable \/ disable animation<\/span><\/li>\n<li><span style=\"color: #ffffff;\">Choose from 6 animation effects<\/span><\/li>\n<li><span style=\"color: #ffffff;\">Choose from 6 awesome hovers<\/span><\/li>\n<li><span style=\"color: #ffffff;\">Fancy titles or slideshow in header<\/span><\/li>\n<\/ul>\n<\/div>[\/vc_column_inner][\/vc_row_inner][\/vc_column][vc_column offset=&#8221;vc_hidden-sm vc_hidden-xs&#8221;]<div class=\"clearboth\"><\/div><div class=\"gem-divider \" style=\"margin-top: 140px;\"><\/div>[\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row&#8221; css=&#8221;.vc_custom_1669285176003{margin-bottom: 0px !important;background-image: url(https:\/\/codex-themes.com\/thegem\/wp-content\/uploads\/2022\/11\/Back.png?id=38178) !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}&#8221;][vc_column css=&#8221;.vc_custom_1669284794685{padding-top: 95px !important;padding-bottom: 95px !important;}&#8221; mobile_padding_top=&#8221;70&#8243; tablet_margin_top=&#8221;0&#8243; tablet_padding_top=&#8221;60&#8243;]<div id=\"thegem-heading-69e2499e0fc62\" class=\"thegem-heading title-h2 words-slide-up thegem-heading-animate\" style=\"text-align: center;\" ><span class=\"thegem-heading-word-wrap\"><span class=\"light thegem-heading-word\" style=\"color: #ffffff; animation-delay: 60ms\">Create<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"light thegem-heading-word\" style=\"color: #ffffff; animation-delay: 120ms\">Stunning<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"light thegem-heading-word\" style=\"color: #ffffff; animation-delay: 180ms\">Websites<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"light thegem-heading-word\" style=\"color: #ffffff; animation-delay: 240ms\">With<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"light thegem-heading-word\" style=\"color: #ffffff; animation-delay: 300ms\">Awesome<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"thegem-heading-word\" style=\"color: #ffffff; animation-delay: 360ms\">TheGem<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"light thegem-heading-word\" style=\"color: #ffffff; animation-delay: 420ms\">Theme!<\/span><\/span><\/div><style type=\"text\/css\">#thegem-heading-69e2499e0fc62 {margin: 0;}#thegem-heading-69e2499e0fc62 {margin-left: auto; margin-right: auto;}#thegem-heading-69e2499e0fc62 {letter-spacing: 0px;}#thegem-heading-69e2499e0fc62, #thegem-heading-69e2499e0fc62 .light {text-transform: none;}#thegem-heading-69e2499e0fc62 {max-width: 540px;}#thegem-heading-69e2499e0fc62 .thegem-heading-word {animation-timing-function: cubic-bezier(0.35, 0, 0.08, 1);}<\/style>[\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row&#8221; css=&#8221;.vc_custom_1634807461551{margin-bottom: 0px !important;padding-top: 130px !important;background-color: #1a1c21 !important;}&#8221; mobile_padding_top=&#8221;50&#8243;][vc_column]<div class=\"centered-box gem-image-centered-box\"><div class=\"gem-image gem-wrapbox gem-wrapbox-style-default gem-wrapbox-position-centered\"  style=\"\"><div class=\"gem-wrapbox-inner \" ><img class=\"gem-wrapbox-element img-responsive\" src=\"https:\/\/codex-themes.com\/thegem\/wp-content\/uploads\/2021\/10\/TGLogo.png\" alt=\"\"\/><\/div><\/div><\/div><div id=\"thegem-heading-69e2499e0fd33\" class=\"thegem-heading styled-subtitle vc_custom_1634732708213\" style=\"text-align: center;\" ><span style=\"color: #b6c6c9;\">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-69e2499e0fd33 {margin: 0;}#thegem-heading-69e2499e0fd33 {margin-left: auto; margin-right: auto;}<\/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><div class=\"gem-divider \" style=\"margin-top: 8px;\"><\/div><div class=\"gem-button-container gem-button-position-center thegem-button-69e2499e0fd8c1961\" ><a class=\"gem-button gem-button-size-large gem-button-style-flat gem-button-text-weight-normal\" style=\"border-radius: 100px;background-color: #5f727f;color: #ffffff;\" onmouseleave=\"this.style.backgroundColor='#5f727f';this.style.color='#ffffff';\" onmouseenter=\"this.style.backgroundColor='#ff00ff';\" href=\"https:\/\/themeforest.net\/checkout\/89188044\/create_account?_ga=2.16410870.1729110559.1648742987-153216264.1648742987\" target=\"_blank\">purchase<\/a><\/div> <div class=\"clearboth\"><\/div><div class=\"gem-divider \" style=\"margin-top: 60px;\"><\/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><div class=\"gem-divider \" style=\"margin-top: 50px;\"><\/div>[\/vc_column][\/vc_row]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[vc_row full_width=&#8221;stretch_row&#8221; css=&#8221;.vc_custom_1669707325121{margin-bottom: 0px !important;padding-top: 180px !important;padding-bottom: 150px !important;background-color: #24262e !important;}&#8221; custom_css_code=&#8221;LmdlbS13cmFwYm94LXBvc2l0aW9uLWxlZnQlMjAlN0IlMEElMjAlMjAlMjAlMjBtYXJnaW4tcmlnaHQlM0ElMjAzMnB4JTNCJTBBJTdEJTBBLmdlbS1pbWFnZS1jZW50ZXJlZC1ib3glMjAlN0IlMEElMjAlMjAlMjAlMjBtYXJnaW4tYm90dG9tJTNBJTIwMCUzQiUwQSU3RCUwQS5jdXN0b20tYWJzb2x1dGUtaW1hZ2VzJTIwLndwYl93cmFwcGVyJTIwJTdCJTBBJTIwJTIwJTIwJTIwcG9zaXRpb24lM0FyZWxhdGl2ZSUzQiUwQSU3RCUwQS5nZW0taW50ZXJhY3Rpb25zLWVuYWJsZWQuei1pbmRleC0xJTIwJTdCJTBBJTIwJTIwJTIwcG9zaXRpb24lM0FhYnNvbHV0ZSUzQiUwQSUyMCUyMCUyMHotaW5kZXglM0ExJTNCJTBBJTIwJTIwJTIwcmlnaHQlM0ElMjAtMTEwcHglM0IlMEElMjAlMjAlMjB0b3AlM0ElMjA0MHB4JTNCJTBBJTdEJTBBLmdlbS1pbnRlcmFjdGlvbnMtZW5hYmxlZC56LWluZGV4LTIlMjAlN0IlMEElMjAlMjAlMjBwb3NpdGlvbiUzQWFic29sdXRlJTNCJTBBJTIwJTIwJTIwei1pbmRleCUzQTIlM0IlMEElMjAlMjAlMjBsZWZ0JTNBJTIwMHB4JTNCJTBBJTIwJTIwJTIwdG9wJTNBJTIwMHB4JTNCJTBBJTdEJTBBLmdlbS1pbnRlcmFjdGlvbnMtZW5hYmxlZC56LWluZGV4LTMlMjAlN0IlMEElMjAlMjAlMjBwb3NpdGlvbiUzQWFic29sdXRlJTNCJTBBJTIwJTIwJTIwei1pbmRleCUzQTMlM0IlMEElMjAlMjAlMjByaWdodCUzQSUyMDUwcHglM0IlMEElMjAlMjAlMjB0b3AlM0ElMjAxNDVweCUzQiUwQSU3RCUwQS5nZW0taW50ZXJhY3Rpb25zLWVuYWJsZWQuei1pbmRleC00JTIwJTdCJTBBJTIwJTIwJTIwcG9zaXRpb24lM0FhYnNvbHV0ZSUzQiUwQSUyMCUyMCUyMHotaW5kZXglM0E0JTNCJTBBJTIwJTIwJTIwcmlnaHQlM0ElMjAtMzVweCUzQiUwQSUyMCUyMCUyMHRvcCUzQSUyMDM5MHB4JTNCJTBBJTdEJTBBLmdlbS1pbnRlcmFjdGlvbnMtZW5hYmxlZC56LWluZGV4LTUlMjAlN0IlMEElMjAlMjAlMjBwb3NpdGlvbiUzQWFic29sdXRlJTNCJTBBJTIwJTIwJTIwei1pbmRleCUzQTIlM0IlMEElMjAlMjAlMjBsZWZ0JTNBJTIwLTExMHB4JTNCJTBBJTIwJTIwJTIwdG9wJTNBJTIwMzUwcHglM0IlMEElN0QlMEEud3AtaW1hZ2UtZml4JTIwLmdlbS1pbWFnZS5nZW0td3JhcGJveC5nZW0td3JhcGJveC1zdHlsZS1kZWZhdWx0LmdlbS13cmFwYm94LXBvc2l0aW9uLWxlZnQlM0FsYXN0LW9mLXR5cGUlMjAlN0IlMEElMjAlMjAlMjAlMjBtYXJnaW4tdG9wJTNBJTIwM3B4JTNCJTBBJTdEJTBBJTQwbWVkaWElMjAlMjhtYXgtd2lkdGglM0ElMjAxMDI0cHglMjklMjAlN0IlMEElMjAlMjAlMjAuY3VzdG9tLW1hcmdpbi1kaXZpZGVyJTIwLmdlbS1kaXZpZGVyJTIwJTIwJTdCJTBBJTIwJTIwJTIwJTIwJTIwJTIwbWFyZ2luLXRvcCUzQSUyMDIwcHglMjAlMjFpbXBvcnRhbnQlM0IlMEElN0QlN0Q=&#8221; tablet_padding_top=&#8221;100&#8243; mobile_padding_top=&#8221;50&#8243; mobile_padding_bottom=&#8221;100&#8243;][vc_column css=&#8221;.vc_custom_1668244598874{padding-top: 0px !important;}&#8221; el_class=&#8221;z-index&#8221;][vc_row_inner el_disable_desktop=&#8221;1&#8243;&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/codex-themes.com\/thegem\/wp-json\/wp\/v2\/pages\/38499"}],"collection":[{"href":"https:\/\/codex-themes.com\/thegem\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/codex-themes.com\/thegem\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/codex-themes.com\/thegem\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codex-themes.com\/thegem\/wp-json\/wp\/v2\/comments?post=38499"}],"version-history":[{"count":80,"href":"https:\/\/codex-themes.com\/thegem\/wp-json\/wp\/v2\/pages\/38499\/revisions"}],"predecessor-version":[{"id":39091,"href":"https:\/\/codex-themes.com\/thegem\/wp-json\/wp\/v2\/pages\/38499\/revisions\/39091"}],"wp:attachment":[{"href":"https:\/\/codex-themes.com\/thegem\/wp-json\/wp\/v2\/media?parent=38499"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}