{"id":14634,"date":"2020-10-12T22:38:31","date_gmt":"2020-10-12T22:38:31","guid":{"rendered":"https:\/\/codex-themes.com\/thegem\/?page_id=14634"},"modified":"2023-05-15T09:00:13","modified_gmt":"2023-05-15T09:00:13","slug":"fancy-page-headings","status":"publish","type":"page","link":"https:\/\/codex-themes.com\/thegem\/features\/fancy-page-headings\/","title":{"rendered":"Fancy Page Headings"},"content":{"rendered":"<p>[vc_row][vc_column]<div id=\"fullwidth-block-69d36b82d28b9\" class=\"fullwidth-block clearfix\"  style=\"background-color: #373947;padding-bottom: 120px;\"><script type=\"text\/javascript\">if (typeof(gem_fix_fullwidth_position) == \"function\") { gem_fix_fullwidth_position(document.getElementById(\"fullwidth-block-69d36b82d28b9\")); }<\/script><div class=\"fullwidth-block-background\" style=\"background-image: url(https:\/\/codex-themes.com\/thegem\/wp-content\/uploads\/2016\/03\/fp.jpg);background-position: center top;\"><\/div><div class=\"fullwidth-block-inner\"><div class=\"container\"><div class=\"clearboth\"><\/div><div class=\"gem-divider \" style=\"margin-top: 215px;\"><\/div><div id=\"thegem-heading-69d36b82d2942\" class=\"thegem-heading title-xlarge\" style=\"text-align: left;\" ><span class=\"light\" style=\"color: #ffffff;\">Extended Page<\/span> <span style=\"color: #ffffff;\">Titles<\/span><\/div><style type=\"text\/css\">#thegem-heading-69d36b82d2942 {margin: 0;}<\/style><div class=\"clearboth\"><\/div><div class=\"gem-divider \" style=\"margin-top: 65px;\"><\/div><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-69d36b82d2999\" class=\"thegem-heading styled-subtitle vc_custom_1647260138356 words-slide-left thegem-heading-animate\" style=\"text-align: left;\" ><span class=\"thegem-heading-word-wrap\"><span class=\"thegem-heading-word\" style=\"color: #ffffff; animation-delay: 320ms\">Create<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"thegem-heading-word\" style=\"color: #ffffff; animation-delay: 340ms\">beautiful<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"thegem-heading-word\" style=\"color: #ffffff; animation-delay: 360ms\">page<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"thegem-heading-word\" style=\"color: #ffffff; animation-delay: 380ms\">titles<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"thegem-heading-word\" style=\"color: #ffffff; animation-delay: 400ms\">and<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"thegem-heading-word\" style=\"color: #ffffff; animation-delay: 420ms\">hero<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"thegem-heading-word\" style=\"color: #ffffff; animation-delay: 440ms\">sections<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"thegem-heading-word\" style=\"color: #ffffff; animation-delay: 460ms\">by<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"thegem-heading-word\" style=\"color: #ffffff; animation-delay: 480ms\">adding<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"thegem-heading-word\" style=\"color: #ffffff; animation-delay: 500ms\">color,<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"thegem-heading-word\" style=\"color: #ffffff; animation-delay: 520ms\">image<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"thegem-heading-word\" style=\"color: #ffffff; animation-delay: 540ms\">and<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"thegem-heading-word\" style=\"color: #ffffff; animation-delay: 560ms\">video<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"thegem-heading-word\" style=\"color: #ffffff; animation-delay: 580ms\">backgrounds,<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"thegem-heading-word\" style=\"color: #ffffff; animation-delay: 600ms\">selecting<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"thegem-heading-word\" style=\"color: #ffffff; animation-delay: 620ms\">font<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"thegem-heading-word\" style=\"color: #ffffff; animation-delay: 640ms\">colors<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"thegem-heading-word\" style=\"color: #ffffff; animation-delay: 660ms\">and<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"thegem-heading-word\" style=\"color: #ffffff; animation-delay: 680ms\">icons<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"thegem-heading-word\" style=\"color: #ffffff; animation-delay: 700ms\">in<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"thegem-heading-word\" style=\"color: #ffffff; animation-delay: 720ms\">different<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"thegem-heading-word\" style=\"color: #ffffff; animation-delay: 740ms\">styles,<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"thegem-heading-word\" style=\"color: #ffffff; animation-delay: 760ms\">specifying<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"thegem-heading-word\" style=\"color: #ffffff; animation-delay: 780ms\">margins<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"thegem-heading-word\" style=\"color: #ffffff; animation-delay: 800ms\">and<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"thegem-heading-word\" style=\"color: #ffffff; animation-delay: 820ms\">paddings<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"thegem-heading-word\" style=\"color: #ffffff; animation-delay: 840ms\">for<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"thegem-heading-word\" style=\"color: #ffffff; animation-delay: 860ms\">different<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"thegem-heading-word\" style=\"color: #ffffff; animation-delay: 880ms\">screen<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"thegem-heading-word\" style=\"color: #ffffff; animation-delay: 900ms\">sizes<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"thegem-heading-word\" style=\"color: #ffffff; animation-delay: 920ms\">and<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"thegem-heading-word\" style=\"color: #ffffff; animation-delay: 940ms\">much<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"thegem-heading-word\" style=\"color: #ffffff; animation-delay: 960ms\">more.<\/span><\/span><\/div><style type=\"text\/css\">#thegem-heading-69d36b82d2999 {margin: 0;}<\/style><div id=\"thegem-heading-69d36b82d2a4b\" class=\"thegem-heading styled-subtitle words-slide-left thegem-heading-animate\" style=\"text-align: left;\" ><span class=\"thegem-heading-word-wrap\"><span class=\"thegem-heading-word\" style=\"color: #ffffff; animation-delay: 320ms\">Additionally,<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"thegem-heading-word\" style=\"color: #ffffff; animation-delay: 340ms\">with<\/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=\"thegem-heading-word\" style=\"color: #ffffff; animation-delay: 380ms\">template<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"thegem-heading-word\" style=\"color: #ffffff; animation-delay: 400ms\">builder<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"thegem-heading-word\" style=\"color: #ffffff; animation-delay: 420ms\">you<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"thegem-heading-word\" style=\"color: #ffffff; animation-delay: 440ms\">can<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"thegem-heading-word\" style=\"color: #ffffff; animation-delay: 460ms\">globally<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"thegem-heading-word\" style=\"color: #ffffff; animation-delay: 480ms\">create<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"thegem-heading-word\" style=\"color: #ffffff; animation-delay: 500ms\">fancy<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"thegem-heading-word\" style=\"color: #ffffff; animation-delay: 520ms\">page<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"thegem-heading-word\" style=\"color: #ffffff; animation-delay: 540ms\">title<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"thegem-heading-word\" style=\"color: #ffffff; animation-delay: 560ms\">templates<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"thegem-heading-word\" style=\"color: #ffffff; animation-delay: 580ms\">with<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"thegem-heading-word\" style=\"color: #ffffff; animation-delay: 600ms\">complex<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"thegem-heading-word\" style=\"color: #ffffff; animation-delay: 620ms\">layouts<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"thegem-heading-word\" style=\"color: #ffffff; animation-delay: 640ms\">using<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"thegem-heading-word\" style=\"color: #ffffff; animation-delay: 660ms\">the<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"thegem-heading-word\" style=\"color: #ffffff; animation-delay: 680ms\">page<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"thegem-heading-word\" style=\"color: #ffffff; animation-delay: 700ms\">builder<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"thegem-heading-word\" style=\"color: #ffffff; animation-delay: 720ms\">of<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"thegem-heading-word\" style=\"color: #ffffff; animation-delay: 740ms\">your<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"thegem-heading-word\" style=\"color: #ffffff; animation-delay: 760ms\">choice.<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"thegem-heading-word\" style=\"color: #ffffff; animation-delay: 780ms\">On<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"thegem-heading-word\" style=\"color: #ffffff; animation-delay: 800ms\">top,<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"thegem-heading-word\" style=\"color: #ffffff; animation-delay: 820ms\">enjoy<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"thegem-heading-word\" style=\"color: #ffffff; animation-delay: 840ms\">amazing<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"thegem-heading-word\" style=\"color: #ffffff; animation-delay: 860ms\">pre-built<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"thegem-heading-word\" style=\"color: #ffffff; animation-delay: 880ms\">page<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"thegem-heading-word\" style=\"color: #ffffff; animation-delay: 900ms\">title<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"thegem-heading-word\" style=\"color: #ffffff; animation-delay: 920ms\">templates<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"thegem-heading-word\" style=\"color: #ffffff; animation-delay: 940ms\">delivered<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"thegem-heading-word\" style=\"color: #ffffff; animation-delay: 960ms\">with<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"thegem-heading-word\" style=\"color: #ffffff; animation-delay: 980ms\">TheGem.<\/span><\/span><\/div><style type=\"text\/css\">#thegem-heading-69d36b82d2a4b {margin: 0;}<\/style><div class=\"clearboth\"><\/div><div class=\"gem-divider \" style=\"margin-top: 72px;\"><\/div>[vc_row_inner][vc_column_inner width=&#8221;1\/3&#8243;]<div class=\"gem-list gem-list-type-star gem-list-color-4\" ><ul>\n<li><span style=\"color: #d0d6da;\">Built-in extended page titles <\/span><\/li>\n<li><span style=\"color: #d0d6da;\">Template builder for page titles<\/span><\/li>\n<li><span style=\"color: #d0d6da;\">Pre-built templates for page titles<\/span><\/li>\n<li><span style=\"color: #d0d6da;\">Advanced formatting options <\/span><\/li>\n<\/ul>\n<\/div>[\/vc_column_inner][vc_column_inner width=&#8221;1\/3&#8243;]<div class=\"gem-list gem-list-type-star gem-list-color-4\" ><ul>\n<li><span style=\"color: #d0d6da;\">Responsive paddings and margins<br \/>\n<\/span><\/li>\n<li><span style=\"color: #d0d6da;\">Width, height and alignments<br \/>\n<\/span><\/li>\n<li><span style=\"color: #d0d6da;\">Breadcrumbs design options<br \/>\n<\/span><\/li>\n<li><span style=\"color: #d0d6da;\">Responsive sizes for titles and subtitles<br \/>\n<\/span><\/li>\n<\/ul>\n<\/div>[\/vc_column_inner][vc_column_inner width=&#8221;1\/3&#8243;]<div class=\"gem-list gem-list-type-star gem-list-color-4\" ><ul>\n<li><span style=\"color: #d0d6da;\">Icons in different styles and sizes<br \/>\n<\/span><\/li>\n<li><span style=\"color: #d0d6da;\">Image and video backgrounds<br \/>\n<\/span><\/li>\n<li><span style=\"color: #d0d6da;\">Ken Burns &amp; Parallax effects<br \/>\n<\/span><\/li>\n<li><span style=\"color: #d0d6da;\">Title and subtitle animations<\/span><\/li>\n<\/ul>\n<\/div>[\/vc_column_inner][\/vc_row_inner]<\/div><\/div><\/div>[\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row_content_no_spaces&#8221;][vc_column]<div class=\"clearboth\"><\/div><div class=\"gem-divider \" style=\"margin-top: 120px;\"><\/div>[vc_text_separator title=&#8221;HERE ARE JUST FEW SAMPLES&#8221; style=&#8221;double&#8221; border_width=&#8221;2&#8243;][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1458572587031{padding-top: 80px !important;padding-bottom: 80px !important;}&#8221;][vc_column width=&#8221;1\/4&#8243;][vc_column_text]Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/4&#8243;][vc_column_text]Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/4&#8243;][vc_column_text]Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/4&#8243;][vc_column_text]Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column el_class=&#8221;custom-1&#8243;]<div id=\"custom-header-69d36b82d2bfa\" class=\"custom-header gem-custom-header-no-icon   fullwidth-block clearfix\" style=\"background-image: url(https:\/\/codex-themes.com\/thegem\/wp-content\/uploads\/2016\/03\/20-layers.png);background-repeat: no-repeat; background-size: cover;padding-top: 20px;\"><script type=\"text\/javascript\">if (typeof(gem_fix_fullwidth_position) == \"function\") { gem_fix_fullwidth_position(document.getElementById(\"custom-header-69d36b82d2bfa\")); }<\/script><div class=\"container\"><div class=\"gem-icon gem-icon-pack-elegant gem-icon-size-small  gem-icon-shape-none gem-simple-icon\" style=\"opacity:1;\"><div class=\"gem-icon-inner\" style=\"\"><span class=\"gem-icon-half-1\" style=\"\"><span class=\"back-angle\">&#x;<\/span><\/span><span class=\"gem-icon-half-2\" style=\"\"><span class=\"back-angle\">&#x;<\/span><\/span><\/div><\/div>\n\t\t\t<div class=\"gem-custom-header-conteiner\"><div style=\"margin-top:-50px;margin-bottom:88px;\" class=\"custom-header-title\"><span style=\" max-width:900px;\"><\/p>\n<h1>Pages &amp; posts <span class=\"light\">title default<\/span><\/h1>\n<p><\/span><\/div><div class=\"custom-header-subtitle styled-subtitle\" style=\"padding-bottom:20px;\"><span class=\"light\" style=\"max-width:900px; color:#4c5867; \"><\/span><\/div><div class=\"breadcrumbs\"><span><a href=\"https:\/\/codex-themes.com\/thegem\/\" itemprop=\"url\"><span itemprop=\"title\">Home<\/span><\/a><\/span><\/div><!-- .breadcrumbs --><\/div><\/div><\/div>[\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1458572587031{padding-top: 80px !important;padding-bottom: 80px !important;}&#8221;][vc_column width=&#8221;1\/4&#8243;][vc_column_text]Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/4&#8243;][vc_column_text]Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/4&#8243;][vc_column_text]Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/4&#8243;][vc_column_text]Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column el_class=&#8221;center custom-1&#8243;]<div id=\"custom-header-69d36b82d2f33\" class=\"custom-header gem-custom-header-no-icon   fullwidth-block clearfix\" style=\"background-image: url(https:\/\/codex-themes.com\/thegem\/wp-content\/uploads\/2016\/02\/app-pf.png);background-repeat: no-repeat; background-size: cover;padding-top: 26px;\"><script type=\"text\/javascript\">if (typeof(gem_fix_fullwidth_position) == \"function\") { gem_fix_fullwidth_position(document.getElementById(\"custom-header-69d36b82d2f33\")); }<\/script><div class=\"container\"><div class=\"gem-icon gem-icon-pack-elegant gem-icon-size-small  gem-icon-shape-none gem-simple-icon\" style=\"opacity:1;\"><div class=\"gem-icon-inner\" style=\"\"><span class=\"gem-icon-half-1\" style=\"\"><span class=\"back-angle\">&#x;<\/span><\/span><span class=\"gem-icon-half-2\" style=\"\"><span class=\"back-angle\">&#x;<\/span><\/span><\/div><\/div>\n\t\t\t<div class=\"gem-custom-header-conteiner\"><div style=\"margin-top:-50px;margin-bottom:88px;\" class=\"custom-header-title\"><span style=\" max-width:900px;\"><\/p>\n<h1 style=\"text-align: center;\"><span style=\"color: #ffffff;\">inversed + <span class=\"light\"> transparent menu<\/span><\/span><\/h1>\n<p><\/span><\/div><div class=\"custom-header-subtitle styled-subtitle\" style=\"padding-bottom:34px;\"><span class=\"light\" style=\"max-width:900px; color:#4c5867; \"><\/span><\/div><div class=\"breadcrumbs\"><span><a href=\"https:\/\/codex-themes.com\/thegem\/\" itemprop=\"url\"><span itemprop=\"title\">Home<\/span><\/a><\/span><\/div><!-- .breadcrumbs --><\/div><\/div><\/div>[\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1458572587031{padding-top: 80px !important;padding-bottom: 80px !important;}&#8221;][vc_column width=&#8221;1\/4&#8243;][vc_column_text]Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/4&#8243;][vc_column_text]Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/4&#8243;][vc_column_text]Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/4&#8243;][vc_column_text]Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column el_class=&#8221;custom-2&#8243;]<div id=\"custom-header-69d36b82d30d3\" class=\"custom-header gem-custom-header-icon-position-right   fullwidth-block clearfix\" style=\"background-image: url(https:\/\/codex-themes.com\/thegem\/wp-content\/uploads\/2016\/03\/2-layers-3.png);background-repeat: no-repeat; background-size: cover;padding-top: 20px;\"><script type=\"text\/javascript\">if (typeof(gem_fix_fullwidth_position) == \"function\") { gem_fix_fullwidth_position(document.getElementById(\"custom-header-69d36b82d30d3\")); }<\/script><div class=\"container\"><div class=\"gem-icon gem-icon-pack-material gem-icon-size-xlarge  gem-icon-shape-none gem-simple-icon\" style=\"opacity:1;margin-top: 7px;\"><div class=\"gem-icon-inner\" style=\"\"><span class=\"gem-icon-half-1\" style=\"color: #ffffff;\"><span class=\"back-angle\">&#xf45f;<\/span><\/span><span class=\"gem-icon-half-2\" style=\"color: #ffffff;\"><span class=\"back-angle\">&#xf45f;<\/span><\/span><\/div><\/div>\n\t\t\t<div class=\"gem-custom-header-conteiner\"><div style=\"margin-top:-50px;margin-bottom:66px;\" class=\"custom-header-title\"><span style=\" max-width:900px;\"><\/p>\n<h1><span style=\"color: #ffffff;\">title + custom back<\/span><\/h1>\n<p><\/span><\/div><div class=\"custom-header-subtitle styled-subtitle\" style=\"padding-bottom:20px;\"><span class=\"light\" style=\"max-width:900px; color:#4c5867; \"><\/span><\/div><div class=\"breadcrumbs\"><span><a href=\"https:\/\/codex-themes.com\/thegem\/\" itemprop=\"url\"><span itemprop=\"title\">Home<\/span><\/a><\/span><\/div><!-- .breadcrumbs --><\/div><\/div><\/div>[\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1458572587031{padding-top: 80px !important;padding-bottom: 80px !important;}&#8221;][vc_column width=&#8221;1\/4&#8243;][vc_column_text]Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/4&#8243;][vc_column_text]Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/4&#8243;][vc_column_text]Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/4&#8243;][vc_column_text]Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column]<div id=\"custom-header-69d36b82d3106\" class=\"custom-header gem-custom-header-icon-position-right   fullwidth-block clearfix\" style=\"background-color: #00bcd4;\"><script type=\"text\/javascript\">if (typeof(gem_fix_fullwidth_position) == \"function\") { gem_fix_fullwidth_position(document.getElementById(\"custom-header-69d36b82d3106\")); }<\/script><div class=\"container\"><div class=\"gem-icon gem-icon-pack-material gem-icon-size-xlarge  gem-icon-shape-none gem-simple-icon\" style=\"opacity:1;margin-top: 28px;\"><div class=\"gem-icon-inner\" style=\"\"><span class=\"gem-icon-half-1\" style=\"color: #ffffff;\"><span class=\"back-angle\">&#xf45f;<\/span><\/span><span class=\"gem-icon-half-2\" style=\"color: #ffffff;\"><span class=\"back-angle\">&#xf45f;<\/span><\/span><\/div><\/div>\n\t\t\t<div class=\"gem-custom-header-conteiner\"><div style=\"margin-top:-23px;\" class=\"custom-header-title\"><span style=\" max-width:900px;\"><\/p>\n<h1><span class=\"light\" style=\"color: #ffffff;\">flat title\u00a0<\/span><span style=\"color: #ffffff;\"><span style=\"color: #e7ff89;\">+<\/span><\/span><span style=\"color: #e7ff89;\">\u00a0icon<\/span><\/h1>\n<p><\/span><\/div><div class=\"custom-header-subtitle styled-subtitle\" style=\"padding-bottom:80px;\"><span class=\"light\" style=\"max-width:900px; color:#4c5867; \"><\/span><\/div><div class=\"breadcrumbs\"><span><a href=\"https:\/\/codex-themes.com\/thegem\/\" itemprop=\"url\"><span itemprop=\"title\">Home<\/span><\/a><\/span><\/div><!-- .breadcrumbs --><\/div><\/div><\/div>[\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1458572587031{padding-top: 80px !important;padding-bottom: 80px !important;}&#8221;][vc_column width=&#8221;1\/4&#8243;][vc_column_text]Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/4&#8243;][vc_column_text]Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/4&#8243;][vc_column_text]Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/4&#8243;][vc_column_text]Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column]<div id=\"custom-header-69d36b82d3130\" class=\"custom-header gem-custom-header-icon-position-right   fullwidth-block clearfix\" style=\"background-color: #6c7cd0;padding-top: 20px;\"><script type=\"text\/javascript\">if (typeof(gem_fix_fullwidth_position) == \"function\") { gem_fix_fullwidth_position(document.getElementById(\"custom-header-69d36b82d3130\")); }<\/script><div class=\"container\"><div class=\"gem-icon gem-icon-pack-material gem-icon-size-xlarge  gem-icon-shape-none gem-simple-icon\" style=\"opacity:1;margin-top: 10px;\"><div class=\"gem-icon-inner\" style=\"\"><span class=\"gem-icon-half-1\" style=\"color: #ffffff;\"><span class=\"back-angle\">&#xf347;<\/span><\/span><span class=\"gem-icon-half-2\" style=\"color: #ffffff;\"><span class=\"back-angle\">&#xf347;<\/span><\/span><\/div><\/div>\n\t\t\t<div class=\"gem-custom-header-conteiner\"><div style=\"margin-top:-30px;margin-bottom:-10px;\" class=\"custom-header-title\"><span style=\" max-width:900px;\"><\/p>\n<h1><span class=\"light\" style=\"color: #ffffff;\">flat title\u00a0<\/span><span style=\"color: #ffffff;\"><span style=\"color: #e7ff89;\">+<\/span><\/span><span style=\"color: #e7ff89;\">\u00a0icon<\/span><\/h1>\n<p><\/span><\/div><div class=\"custom-header-subtitle styled-subtitle\" style=\"padding-bottom:127px;\"><span class=\"light\" style=\"max-width:900px; color:#ffffff; \">Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. Morbi accumsan ipsum velit. Nam nec tellus a odio tincidunt auctor a ornare odio.<\/span><\/div><div class=\"breadcrumbs\"><span><a href=\"https:\/\/codex-themes.com\/thegem\/\" itemprop=\"url\"><span itemprop=\"title\">Home<\/span><\/a><\/span><\/div><!-- .breadcrumbs --><\/div><\/div><\/div>[\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1458572587031{padding-top: 80px !important;padding-bottom: 80px !important;}&#8221;][vc_column width=&#8221;1\/4&#8243;][vc_column_text]Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/4&#8243;][vc_column_text]Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/4&#8243;][vc_column_text]Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/4&#8243;][vc_column_text]Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column]<div id=\"custom-header-69d36b82d3217\" class=\"custom-header gem-custom-header-icon-position-left   fullwidth-block clearfix\" style=\"background-image: url(https:\/\/codex-themes.com\/thegem\/wp-content\/uploads\/2016\/03\/rectangle-6.png);background-color: #00bcd4;background-repeat: no-repeat; background-size: cover;padding-top: 3px;\"><script type=\"text\/javascript\">if (typeof(gem_fix_fullwidth_position) == \"function\") { gem_fix_fullwidth_position(document.getElementById(\"custom-header-69d36b82d3217\")); }<\/script><div class=\"container\"><div class=\"gem-icon gem-icon-pack-material gem-icon-size-xlarge angle-90deg gem-icon-shape-none gem-simple-icon\" style=\"opacity:1;margin-top: 20px;\"><div class=\"gem-icon-inner\" style=\"\"><span class=\"gem-icon-half-1\" style=\"color: #b4f4fe;\"><span class=\"back-angle\">&#xf574;<\/span><\/span><span class=\"gem-icon-half-2\" style=\"color: #ffffff;\"><span class=\"back-angle\">&#xf574;<\/span><\/span><\/div><\/div>\n\t\t\t<div class=\"gem-custom-header-conteiner\"><div style=\"margin-top:-50px;\" class=\"custom-header-title\"><span style=\" max-width:1200px;\"><\/p>\n<div class=\"title-h1\" style=\"text-align: center;\"><span style=\"color: #ffffff;\"><span class=\"light\" style=\"color: #e7ff89;\">reversed<\/span> &amp; gradiented<\/span><\/div>\n<p><\/span><\/div><div class=\"custom-header-subtitle styled-subtitle\" style=\"padding-bottom:35px;\"><span class=\"light\" style=\"max-width:900px; color:#4c5867; \"><\/span><\/div><div class=\"breadcrumbs\"><span><a href=\"https:\/\/codex-themes.com\/thegem\/\" itemprop=\"url\"><span itemprop=\"title\">Home<\/span><\/a><\/span><\/div><!-- .breadcrumbs --><\/div><\/div><\/div>[\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1458572587031{padding-top: 80px !important;padding-bottom: 80px !important;}&#8221;][vc_column width=&#8221;1\/4&#8243;][vc_column_text]Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/4&#8243;][vc_column_text]Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/4&#8243;][vc_column_text]Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/4&#8243;][vc_column_text]Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column]<div id=\"custom-header-69d36b82d338f\" class=\"custom-header gem-custom-header-icon-position-left   fullwidth-block clearfix\" style=\"background-image: url(https:\/\/codex-themes.com\/thegem\/wp-content\/uploads\/2016\/03\/rectangle-6-1.png);background-repeat: no-repeat; background-size: cover;padding-top: 20px;\"><script type=\"text\/javascript\">if (typeof(gem_fix_fullwidth_position) == \"function\") { gem_fix_fullwidth_position(document.getElementById(\"custom-header-69d36b82d338f\")); }<\/script><div class=\"container\"><div class=\"gem-icon gem-icon-pack-material gem-icon-size-xlarge angle-90deg gem-icon-shape-none gem-simple-icon\" style=\"opacity:1;margin-top: 20px;\"><div class=\"gem-icon-inner\" style=\"\"><span class=\"gem-icon-half-1\" style=\"color: #4fbad1;\"><span class=\"back-angle\">&#xf374;<\/span><\/span><span class=\"gem-icon-half-2\" style=\"color: #e7ff89;\"><span class=\"back-angle\">&#xf374;<\/span><\/span><\/div><\/div>\n\t\t\t<div class=\"gem-custom-header-conteiner\"><div style=\"margin-top:-30px;margin-bottom:-12px;\" class=\"custom-header-title\"><span style=\" max-width:900px;\"><\/p>\n<h1><span class=\"light\" style=\"color: #e7ff89;\">reversed<\/span> <span style=\"color: #ffffff;\">&amp; gradiented<\/span><\/h1>\n<p><\/span><\/div><div class=\"custom-header-subtitle styled-subtitle\" style=\"padding-bottom:127px;\"><span class=\"light\" style=\"max-width:800px; color:#ffffff; \">Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. Morbi accumsan ipsum velit. Nam nec tellus a odio tincidunt auctor a ornare odio.<\/span><\/div><div class=\"breadcrumbs\"><span><a href=\"https:\/\/codex-themes.com\/thegem\/\" itemprop=\"url\"><span itemprop=\"title\">Home<\/span><\/a><\/span><\/div><!-- .breadcrumbs --><\/div><\/div><\/div>[\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1458572587031{padding-top: 80px !important;padding-bottom: 80px !important;}&#8221;][vc_column width=&#8221;1\/4&#8243;][vc_column_text]Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/4&#8243;][vc_column_text]Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/4&#8243;][vc_column_text]Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/4&#8243;][vc_column_text]Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column]<div id=\"custom-header-69d36b82d3486\" class=\"custom-header gem-custom-header-icon-position-centered   fullwidth-block clearfix\" style=\"background-image: url(https:\/\/codex-themes.com\/thegem\/wp-content\/uploads\/2016\/02\/layer-294.jpg);background-color: #00bcd4;background-repeat: no-repeat; background-size: cover;\"><script type=\"text\/javascript\">if (typeof(gem_fix_fullwidth_position) == \"function\") { gem_fix_fullwidth_position(document.getElementById(\"custom-header-69d36b82d3486\")); }<\/script><div class=\"container\"><div class=\"gem-icon gem-icon-pack-material gem-icon-size-medium  gem-icon-shape-hexagon\" style=\"border-color: rgba(231,255,137,0.13);opacity:1;margin-top: 20px;\"><div class=\"gem-icon-shape-hexagon-back\"><div class=\"gem-icon-shape-hexagon-back-inner\"><div class=\"gem-icon-shape-hexagon-back-inner-before\" style=\"background-color: rgba(231,255,137,0.13)\"><\/div><\/div><\/div><div class=\"gem-icon-shape-hexagon-top\"><div class=\"gem-icon-shape-hexagon-top-inner\"><div class=\"gem-icon-shape-hexagon-top-inner-before\" style=\"background-color: rgba(231,255,137,0.13);\"><\/div><\/div><\/div><div class=\"gem-icon-inner\" style=\"background-color: rgba(231,255,137,0.13);\"><span class=\"gem-icon-half-1\" style=\"color: #e7ff89;\"><span class=\"back-angle\">&#xf198;<\/span><\/span><span class=\"gem-icon-half-2\" style=\"color: #e7ff89;\"><span class=\"back-angle\">&#xf198;<\/span><\/span><\/div><\/div>\n\t\t\t<div class=\"gem-custom-header-conteiner\"><div style=\"margin-bottom:1px;\" class=\"custom-header-title\"><span style=\" max-width:1200px;\"><\/p>\n<h1 style=\"text-align: center;\"><span style=\"color: #ffffff;\">centered &amp; imaged title<\/span><\/h1>\n<p><\/span><\/div><div class=\"custom-header-subtitle styled-subtitle\" style=\"padding-bottom:20px;\"><span class=\"light\" style=\"max-width:900px; color:#4c5867; \"><\/span><\/div><div class=\"breadcrumbs\"><span><a href=\"https:\/\/codex-themes.com\/thegem\/\" itemprop=\"url\"><span itemprop=\"title\">Home<\/span><\/a><\/span><\/div><!-- .breadcrumbs --><\/div><\/div><\/div>[\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1458572587031{padding-top: 80px !important;padding-bottom: 80px !important;}&#8221;][vc_column width=&#8221;1\/4&#8243;][vc_column_text]Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/4&#8243;][vc_column_text]Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/4&#8243;][vc_column_text]Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/4&#8243;][vc_column_text]Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column el_class=&#8221;custom-3&#8243;]<div id=\"custom-header-69d36b82d34d0\" class=\"custom-header gem-custom-header-icon-position-centered   fullwidth-block clearfix\" style=\"background-image: url(https:\/\/codex-themes.com\/thegem\/wp-content\/uploads\/2016\/03\/rectangle-6-1.png);\"><script type=\"text\/javascript\">if (typeof(gem_fix_fullwidth_position) == \"function\") { gem_fix_fullwidth_position(document.getElementById(\"custom-header-69d36b82d34d0\")); }<\/script><div class=\"gem-video-background\" data-aspect-ratio=\"\"><div class=\"gem-video-background-inner background-video-container\" data-settings='{\"url\": \"https:\/\/codex-themes.com\/thegem\/wp-content\/uploads\/2016\/02\/347712883.mp4\", \"play_on_mobile\": true, \"background_play_once\": false }'><video id=\"thegem-video-frame-69d36b82d34d15515\" class=\"background-video-hosted html5-video\" autoplay muted playsinline loop><\/video><\/div><div class=\"gem-video-background-overlay\" style=\"background-color: #393d50; opacity: 0.6;\"><\/div><\/div><div class=\"container\"><div class=\"gem-icon gem-icon-pack-material gem-icon-size-large  gem-icon-shape-none gem-simple-icon\" style=\"opacity:1;\"><div class=\"gem-icon-inner\" style=\"\"><span class=\"gem-icon-half-1\" style=\"color: #ffd75f;\"><span class=\"back-angle\">&#xf2e5;<\/span><\/span><span class=\"gem-icon-half-2\" style=\"color: #ffd75f;\"><span class=\"back-angle\">&#xf2e5;<\/span><\/span><\/div><\/div>\n\t\t\t<div class=\"gem-custom-header-conteiner\"><div style=\"margin-bottom:10px;\" class=\"custom-header-title\"><span style=\" max-width:900px;\"><\/p>\n<h1><span style=\"color: #ffd75e;\"><span style=\"background-color: #252734; color: #ffffff;\">\u00a0extended <\/span>\u00a0centered<br \/>\n<span class=\"light\">title goes here!<\/span><br \/>\n<\/span><\/h1>\n<p><\/span><\/div><div class=\"custom-header-subtitle styled-subtitle\" style=\"padding-bottom:90px;\"><span class=\"light\" style=\"max-width:900px; color:#ffffff; \">Easily insert any video media at any position in your content \u2013 anywhere you wish. Choose from youtube, vimeo or self-hosted videos. Set the size of video container and choose the style you wish. Fully responsive.<\/span><\/div><div class=\"breadcrumbs\"><span><a href=\"https:\/\/codex-themes.com\/thegem\/\" itemprop=\"url\"><span itemprop=\"title\">Home<\/span><\/a><\/span><\/div><!-- .breadcrumbs --><\/div><\/div><\/div>[\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1458572587031{padding-top: 80px !important;padding-bottom: 80px !important;}&#8221;][vc_column width=&#8221;1\/4&#8243;][vc_column_text]Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/4&#8243;][vc_column_text]Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/4&#8243;][vc_column_text]Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/4&#8243;][vc_column_text]Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit.[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column]<div id=\"fullwidth-block-69d36b82d35a6\" class=\"fullwidth-block clearfix\"  style=\"padding-top: 150px;padding-bottom: 750px;\"><script type=\"text\/javascript\">if (typeof(gem_fix_fullwidth_position) == \"function\") { gem_fix_fullwidth_position(document.getElementById(\"fullwidth-block-69d36b82d35a6\")); }<\/script><div class=\"fullwidth-block-background\" style=\"background-image: url(https:\/\/codex-themes.com\/thegem\/wp-content\/uploads\/2016\/03\/back-headers.png);background-repeat: no-repeat; background-size: cover;background-position: center top;\"><\/div><div class=\"fullwidth-block-inner\"><div class=\"centered-box\"><div class=\"gem-icon gem-icon-pack-material gem-icon-size-large  gem-icon-shape-square gem-simple-icon\"  style=\"opacity: 1;\"><div class=\"gem-icon-inner\" style=\"\"><span class=\"gem-icon-half-1\" style=\"color: #02ce9d;\"><span class=\"back-angle\">&#xf287;<\/span><\/span><span class=\"gem-icon-half-2\" style=\"color: #02ce9d;\"><span class=\"back-angle\">&#xf287;<\/span><\/span><\/div><\/div><\/div><div class=\"clearboth\"><\/div><div class=\"gem-divider \" style=\"margin-top: 72px;\"><\/div><div id=\"thegem-heading-69d36b82d3635\" class=\"thegem-heading title-h1\" style=\"text-align: center;\" ><span class=\"light\" style=\"color: #ffffff;\">Create your own creative page title!<\/span><\/div><style type=\"text\/css\">#thegem-heading-69d36b82d3635 {margin: 0;}#thegem-heading-69d36b82d3635 {margin-left: auto; margin-right: auto;}<\/style><div class=\"clearboth\"><\/div><div class=\"gem-divider \" style=\"margin-top: 68px;\"><\/div><div id=\"thegem-heading-69d36b82d3685\" class=\"thegem-heading styled-subtitle\" style=\"text-align: center;\" ><span style=\"color: #ffffff;\">TheGem delivers you extended tools to create amazing page titles and page hero sections. In addition to built-in design settings for page title area, you can build any imaginable complex page hero and page title layouts using TheGem template builder. <\/span><\/div><style type=\"text\/css\">#thegem-heading-69d36b82d3685 {margin: 0;}#thegem-heading-69d36b82d3685 {margin-left: auto; margin-right: auto;}#thegem-heading-69d36b82d3685 {max-width: 850px;}<\/style><div class=\"clearboth\"><\/div><div class=\"gem-divider \" style=\"margin-top: 50px;\"><\/div><div class=\"gem-button-container gem-button-position-center thegem-button-69d36b82d36bf1740\" ><a class=\"gem-button gem-button-size-medium gem-button-style-outline gem-button-text-weight-normal gem-button-border-2\" style=\"border-radius: 30px;border-color: #a1f5e3;color: #a1f5e3;\" onmouseleave=\"this.style.borderColor='#a1f5e3';this.style.backgroundColor='transparent';this.style.color='#a1f5e3';\" onmouseenter=\"this.style.backgroundColor='#a1f5e3';this.style.color='#343441';\" href=\"https:\/\/themeforest.net\/checkout\/from_item\/16061685?license=regular\" target=\"_blank\">Purchase TheGem<\/a><\/div> <\/div><\/div>[\/vc_column][\/vc_row]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[vc_row][vc_column][\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row_content_no_spaces&#8221;][vc_column][vc_text_separator title=&#8221;HERE ARE JUST FEW SAMPLES&#8221; style=&#8221;double&#8221; border_width=&#8221;2&#8243;][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1458572587031{padding-top: 80px !important;padding-bottom: 80px !important;}&#8221;][vc_column width=&#8221;1\/4&#8243;][vc_column_text]Lorem Ipsum. Proin gravida nibh vel&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":15,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/codex-themes.com\/thegem\/wp-json\/wp\/v2\/pages\/14634"}],"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=14634"}],"version-history":[{"count":17,"href":"https:\/\/codex-themes.com\/thegem\/wp-json\/wp\/v2\/pages\/14634\/revisions"}],"predecessor-version":[{"id":39258,"href":"https:\/\/codex-themes.com\/thegem\/wp-json\/wp\/v2\/pages\/14634\/revisions\/39258"}],"up":[{"embeddable":true,"href":"https:\/\/codex-themes.com\/thegem\/wp-json\/wp\/v2\/pages\/15"}],"wp:attachment":[{"href":"https:\/\/codex-themes.com\/thegem\/wp-json\/wp\/v2\/media?parent=14634"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}