CINXE.COM
Elementor Features | The #1 Drag and Drop Website Builder
<!doctype html> <html lang="en-US"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="profile" href="http://gmpg.org/xfn/11"> <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' /> <!-- This site is optimized with the Yoast SEO plugin v23.5 - https://yoast.com/wordpress/plugins/seo/ --> <title>Elementor Features | The #1 Drag and Drop Website Builder</title> <meta name="description" content="Explore the powerful features of Elementor, the best drag and drop website builder that enable you to create your WordPress website in just a few clicks." /> <link rel="canonical" href="https://elementor.com/category/features/" /> <link rel="next" href="https://elementor.com/category/features/page/2/" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="article" /> <meta property="og:title" content="Elementor Features | The #1 Drag and Drop Website Builder" /> <meta property="og:description" content="Explore the powerful features of Elementor, the best drag and drop website builder that enable you to create your WordPress website in just a few clicks." /> <meta property="og:url" content="https://elementor.com/category/features/" /> <meta property="og:site_name" content="Elementor" /> <meta property="og:image" content="https://elementor.com/wp-content/uploads/2024/08/Featured-Image.png" /> <meta property="og:image:width" content="1200" /> <meta property="og:image:height" content="630" /> <meta property="og:image:type" content="image/png" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:image" content="https://elementor.com/wp-content/uploads/2022/02/Featured-Image-2.png" /> <meta name="twitter:site" content="@elemntor" /> <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"CollectionPage","@id":"https://elementor.com/category/features/","url":"https://elementor.com/category/features/","name":"Elementor Features | The #1 Drag and Drop Website Builder","isPartOf":{"@id":"https://elementor.com/#website"},"description":"Explore the powerful features of Elementor, the best drag and drop website builder that enable you to create your WordPress website in just a few clicks.","breadcrumb":{"@id":"https://elementor.com/category/features/#breadcrumb"},"inLanguage":"en-US"},{"@type":"BreadcrumbList","@id":"https://elementor.com/category/features/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://elementor.com/"},{"@type":"ListItem","position":2,"name":"Features"}]},{"@type":"WebSite","@id":"https://elementor.com/#website","url":"https://elementor.com/","name":"Elementor","description":"Page Builder for WordPress","publisher":{"@id":"https://elementor.com/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://elementor.com/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https://elementor.com/#organization","name":"Elementor Website Builder","url":"https://elementor.com/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https://elementor.com/#/schema/logo/image/","url":"https://elementor.com/wp-content/uploads/2021/10/full-logotype-pink.svg","contentUrl":"https://elementor.com/wp-content/uploads/2021/10/full-logotype-pink.svg","width":550,"height":420,"caption":"Elementor Website Builder"},"image":{"@id":"https://elementor.com/#/schema/logo/image/"},"sameAs":["https://www.facebook.com/elemntor","https://x.com/elemntor"]}]}</script> <!-- / Yoast SEO plugin. --> <link rel="alternate" type="application/rss+xml" title="Elementor » Feed" href="https://elementor.com/feed/" /> <link rel="alternate" type="application/rss+xml" title="Elementor » Comments Feed" href="https://elementor.com/comments/feed/" /> <link rel="alternate" type="application/rss+xml" title="Elementor » Features Category Feed" href="https://elementor.com/category/features/feed/" /> <style id='safe-svg-svg-icon-style-inline-css' type='text/css'> .safe-svg-cover{text-align:center}.safe-svg-cover .safe-svg-inside{display:inline-block;max-width:100%}.safe-svg-cover svg{height:100%;max-height:100%;max-width:100%;width:100%} </style> <style id='classic-theme-styles-inline-css' type='text/css'> /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} </style> <style id='global-styles-inline-css' type='text/css'> :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} :root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;} </style> <link rel='stylesheet' id='elementor-frontend-css' href='https://elementor.com/wp-content/plugins/elementor/assets/css/frontend-lite.min.css?ver=3.23.4' type='text/css' media='all' /> <link rel='stylesheet' id='swiper-css' href='https://elementor.com/wp-content/plugins/elementor/assets/lib/swiper/v8/css/swiper.min.css?ver=8.4.5' type='text/css' media='all' /> <link rel='stylesheet' id='elementor-post-52406-css' href='https://elementor.com/wp-content/uploads/elementor/css/post-52406.css?ver=1728374877' type='text/css' media='all' /> <link rel='stylesheet' id='elementor-pro-css' href='https://elementor.com/wp-content/plugins/elementor-pro/assets/css/frontend-lite.min.css?ver=3.23.3' type='text/css' media='all' /> <link rel='stylesheet' id='elementor-post-71706-css' href='https://elementor.com/wp-content/uploads/elementor/css/post-71706.css?ver=1728374879' type='text/css' media='all' /> <link rel='stylesheet' id='elementor-post-16853-css' href='https://elementor.com/wp-content/uploads/elementor/css/post-16853.css?ver=1730019943' type='text/css' media='all' /> <link rel='stylesheet' id='elementor-post-34303-css' href='https://elementor.com/wp-content/uploads/elementor/css/post-34303.css?ver=1728392144' type='text/css' media='all' /> <link rel='stylesheet' id='elementor-site-style-child-css' href='https://elementor.com/wp-content/themes/elementor-website/assets/css/style.css?ver=1.1.6' type='text/css' media='all' /> <link rel='stylesheet' id='google-fonts-1-css' href='https://fonts.googleapis.com/css?family=DM+Sans%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic&display=swap&ver=6.6.2' type='text/css' media='all' /> <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin><script type="text/javascript" src="https://elementor.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script> <script> window.dataLayer = window.dataLayer || []; </script> <!-- Start VWO Async SmartCode --> <link rel="preconnect" href="https://dev.visualwebsiteoptimizer.com" /> <script data-cfasync="false" type='text/javascript' id='vwoCode'> window._vwo_code=window._vwo_code || (function() { var account_id=740558, version = 1.5, settings_tolerance=2000, library_tolerance=2500, use_existing_jquery=false, is_spa=1, hide_element='body', hide_element_style = 'opacity:0 !important;filter:alpha(opacity=0) !important;background:none !important', /* DO NOT EDIT BELOW THIS LINE */ f=false,d=document,vwoCodeEl=d.querySelector('#vwoCode'),code={use_existing_jquery:function(){return use_existing_jquery},library_tolerance:function(){return library_tolerance},hide_element_style:function(){return'{'+hide_element_style+'}'},finish:function(){if(!f){f=true;var e=d.getElementById('_vis_opt_path_hides');if(e)e.parentNode.removeChild(e)}},finished:function(){return f},load:function(e){var t=d.createElement('script');t.fetchPriority='high';t.src=e;t.type='text/javascript';t.onerror=function(){_vwo_code.finish()};d.getElementsByTagName('head')[0].appendChild(t)},getVersion:function(){return version},getMatchedCookies:function(e){var t=[];if(document.cookie){t=document.cookie.match(e)||[]}return t},getCombinationCookie:function(){var e=code.getMatchedCookies(/(?:^|;)\s?(_vis_opt_exp_\d+_combi=[^;$]*)/gi);e=e.map(function(e){try{var t=decodeURIComponent(e);if(!/_vis_opt_exp_\d+_combi=(?:\d+,?)+\s*$/.test(t)){return''}return t}catch(e){return''}});var i=[];e.forEach(function(e){var t=e.match(/([\d,]+)/g);t&&i.push(t.join('-'))});return i.join('|')},init:function(){if(d.URL.indexOf('__vwo_disable__')>-1)return;window.settings_timer=setTimeout(function(){_vwo_code.finish()},settings_tolerance);var e=d.createElement('style'),t=hide_element?hide_element+'{'+hide_element_style+'}':'',i=d.getElementsByTagName('head')[0];e.setAttribute('id','_vis_opt_path_hides');vwoCodeEl&&e.setAttribute('nonce',vwoCodeEl.nonce);e.setAttribute('type','text/css');if(e.styleSheet)e.styleSheet.cssText=t;else e.appendChild(d.createTextNode(t));i.appendChild(e);var n=this.getCombinationCookie();this.load('https://dev.visualwebsiteoptimizer.com/j.php?a='+account_id+'&u='+encodeURIComponent(d.URL)+'&f='+ +is_spa+'&vn='+version+(n?'&c='+n:''));return settings_timer}};window._vwo_settings_timer = code.init();return code;}()); </script> <!-- End VWO Async SmartCode --> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://gtm.elementor.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-NJK8HW');</script> <!-- End Google Tag Manager --> <meta name="referrer" content="no-referrer-when-downgrade"><meta name="generator" content="Elementor 3.23.4; features: e_optimized_css_loading, e_font_icon_svg, additional_custom_breakpoints, e_lazyload; settings: css_print_method-external, google_font-enabled, font_display-swap"> <script type="text/javascript"> (function($){ function addGTMAttributes( element, text, level1, level2 = "" ) { element.attr({ 'data-gtm-event_name': 'element_click', 'data-gtm-type': 'navigation', 'data-gtm-section': 'menu', 'data-gtm-outcome': 'navigating using the main menu', 'data-gtm-level_1': level1, 'data-gtm-level_2': level1, 'data-gtm-additional_description': 'main menu website', 'data-gtm-action_type': 'navigation', 'data-gtm-element-location': 'main menu' }); if ( level2 !== "" ) { element.attr({ 'data-gtm-level_2': level2, }); } } function attachGTMAttributes(){ // Add data-gtm attributes to the main menu items $( '.main-header nav .elementor-nav-menu > li.menu-item:not(.nav-login, .nav-cta)' ).each(function() { const item = $(this); const itemLink = item.find('a.elementor-item'); const itemLinkText = itemLink.text().toLowerCase().trim(); const itemLinkHref = itemLink.attr('href'); if (itemLinkHref !== '#') { addGTMAttributes( itemLink, itemLinkText, itemLinkText ); } // Add data-gtm attributes to the sub-menu items const subMenu = item.find('ul.sub-menu a.elementor-sub-item'); subMenu.each(function() { const subItem = $(this); const subItemText = subItem.html().replace(/<span>.*<\/span>/, '').toLowerCase().trim(); addGTMAttributes( subItem, subItemText, itemLinkText, subItemText ); }); }); } $(document).ready(attachGTMAttributes); $(document).ready(function() { $('.nav-cta').attr({ 'data-gac': 'CTA Elements', 'data-gaa': 'onboarding button click', 'data-gal': 'mobile main menu', 'data-gtm-section': 'header' }); $('.nav-login').attr({ 'data-gtm-section': 'header' }); }); })(jQuery); // (function($){ // $(function() { // function updateMenuItems() { // $('.main-header').each(function(index) { // var isSticky = $(this).hasClass('elementor-sticky--effects'); // $(this).find('.elementor-nav-menu>li.menu-item').each(function(i) { // var that = $(this); // var main_level = that.find('a.elementor-item'); // if (main_level.length > 0) { // var main_level_name = main_level[0].innerText.toLowerCase().trim(); // that.find('ul.sub-menu a.elementor-sub-item').each(function(i) { // var second_level = $(this); // var second_level_name = second_level[0].childNodes[0]; // var second_level_name_lower = second_level_name.data.toLowerCase().trim(); // var elementLocation = isSticky ? 'sticky main menu' : 'main menu'; // second_level.attr({ // 'data-gtm-event_name': 'element_click', // 'data-gtm-level_1': main_level_name, // 'data-gtm-level_2': second_level_name_lower, // 'data-gtm-action_type': 'navigation', // 'data-gtm-element-location': elementLocation, // 'data-test' : "check" // }); // }); // } // }); // }); // } // // Initial update // updateMenuItems(); // // Update on scroll // $(window).scroll(function() { // // updateMenuItems(); // }); // $( '.elementor-nav-menu--dropdown .elementor-nav-menu>li.menu-item:not(.nav-login, .nav-cta)' ).each(function( index ) { // var that = $(this); // var name = that.find('a.elementor-item')[0].innerText.toLowerCase().trim(); // that.find( 'ul.sub-menu a.elementor-sub-item' ).each(function( i ){ // var that_sub = $(this); // if( that_sub.attr('href') != '#' ){ // var sub_nav_name = that_sub[0].childNodes[0].data.toLowerCase().trim(); // that_sub.attr({ // 'data-gtm-event_name': 'element_click', // 'data-gtm-level_1': name, // 'data-gtm-level_2': sub_nav_name, // 'data-gtm-action_type': 'navigation', // 'data-gtm-element-location': 'main menu' // }); // } // }); // }); // }); // $(document).ready(function() { // $('.nav-cta').attr({ // 'data-gac': 'CTA Elements', // 'data-gaa': 'onboarding button click', // 'data-gal': 'mobile main menu', // 'data-gtm-section': 'header' // }); // $('.nav-login').attr({ // 'data-gtm-section': 'header' // }); // }); // })(jQuery); </script> <style>#wp-admin-bar-ELEMENTOR-ENV a {background: #92003B;font-weight: bold;padding: 0px !important;width: 160px;text-align: center;}</style> <style> .e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload), .e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) * { background-image: none !important; } @media screen and (max-height: 1024px) { .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload), .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) * { background-image: none !important; } } @media screen and (max-height: 640px) { .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload), .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) * { background-image: none !important; } } </style> <link rel="icon" href="https://elementor.com/wp-content/uploads/2021/04/elementor-favicon-512.png" sizes="32x32" /> <link rel="icon" href="https://elementor.com/wp-content/uploads/2021/04/elementor-favicon-512.png" sizes="192x192" /> <link rel="apple-touch-icon" href="https://elementor.com/wp-content/uploads/2021/04/elementor-favicon-512.png" /> <meta name="msapplication-TileImage" content="https://elementor.com/wp-content/uploads/2021/04/elementor-favicon-512.png" /> </head> <body class="archive category category-features category-63 transparent elementor-default elementor-template-full-width elementor-kit-52406 elementor-page-34303"> <div data-elementor-type="header" data-elementor-id="71706" class="elementor elementor-71706 elementor-location-header" data-elementor-post-type="elementor_library"> <header class="elementor-element elementor-element-b93bbcb main-header e-con-full e-flex e-con e-parent" data-id="b93bbcb" data-element_type="container" data-settings="{"background_background":"classic","sticky_effects_offset":72,"sticky":"top","sticky_on":["desktop","tablet","mobile"],"sticky_offset":0}" data-gtm-element-location="header navigation bar"> <div class="elementor-element elementor-element-9161489 site-logo elementor-view-default elementor-widget elementor-widget-icon" data-id="9161489" data-element_type="widget" data-widget_type="icon.default"> <div class="elementor-widget-container"> <div class="elementor-icon-wrapper"> <a class="elementor-icon" href="/" aria-label="Go to the homepage" data-gtm-event_name="element_click" data-gtm-type="ui" data-gtm-section="header" data-gtm-element_name="logo" data-gtm-outcome="restart navigation"> <svg xmlns="http://www.w3.org/2000/svg" aria-labelledby="elementor-logo" width="163" height="27" viewBox="0 0 163 27" fill="none"><title id="catTitle">Elementor Logo</title><path d="M102.054 12.939C102.054 12.939 100.65 13.2733 99.465 13.5566L97.6605 13.9676C97.6546 13.9676 97.6467 13.9676 97.6447 13.9676C97.6447 13.4818 97.6801 12.9685 97.7961 12.4965C97.9455 11.8907 98.2738 11.1827 98.8419 10.8719C99.4611 10.5336 100.216 10.4943 100.872 10.7559C101.551 11.0253 101.861 11.6803 101.995 12.3588C102.032 12.5476 102.058 12.7384 102.075 12.9311L102.054 12.939ZM106.756 13.9656C106.756 9.25916 103.792 7.23535 100.006 7.23535C95.7242 7.23535 93.043 10.2012 93.043 13.9892C93.043 18.1077 95.3252 20.7903 100.241 20.7903C102.899 20.7903 104.405 20.3203 106.192 19.4254L105.51 16.3415C104.145 16.9532 102.876 17.3288 101.181 17.3288C99.3235 17.3288 98.2639 16.6227 97.8649 15.305H106.638C106.709 14.953 106.756 14.5537 106.756 13.9656Z" fill="currentColor"></path><path d="M62.9249 12.939C62.9249 12.939 61.5214 13.2733 60.3361 13.5566L58.5316 13.9676C58.5257 13.9676 58.5178 13.9676 58.5158 13.9676C58.5158 13.4818 58.5512 12.9685 58.6672 12.4965C58.8166 11.8907 59.1449 11.1827 59.7129 10.8719C60.3322 10.5336 61.087 10.4943 61.7435 10.7559C62.4217 11.0253 62.7323 11.6803 62.866 12.3588C62.9033 12.5476 62.9289 12.7384 62.9466 12.9311L62.9249 12.939ZM67.627 13.9656C67.627 9.25916 64.6626 7.23535 60.8767 7.23535C56.5953 7.23535 53.9141 10.2012 53.9141 13.9892C53.9141 18.1077 56.1963 20.7903 61.1125 20.7903C63.7702 20.7903 65.2759 20.3203 67.0628 19.4254L66.3807 16.3415C65.0165 16.9532 63.7466 17.3288 62.0522 17.3288C60.1946 17.3288 59.135 16.6227 58.736 15.305H67.509C67.5798 14.953 67.627 14.5537 67.627 13.9656Z" fill="currentColor"></path><path d="M52.311 3.77588H47.9668V20.3204H52.311V3.77588Z" fill="currentColor"></path><path d="M107.674 7.65838H112.238L113.198 10.583C113.799 9.13936 115.151 7.28076 117.55 7.28076C120.842 7.28076 122.631 8.95055 122.631 13.2578V20.3185H118.069C118.069 18.8474 118.071 17.3762 118.072 15.9051C118.072 15.2305 118.061 14.5559 118.071 13.8813C118.078 13.2578 118.122 12.6147 117.791 12.0561C117.567 11.6785 117.2 11.4012 116.803 11.2123C115.997 10.8269 115.124 10.8387 114.334 11.2497C114.139 11.35 113.199 11.8594 113.199 12.0954V20.3185H108.637V11.0747L107.674 7.65838Z" fill="currentColor"></path><path d="M126.324 10.9755H124.23V7.65759H126.324V5.58265L130.886 4.50879V7.65759H135.472V10.9755H130.886V14.6947C130.886 16.1541 131.592 16.8365 132.65 16.8365C133.731 16.8365 134.344 16.6949 135.26 16.3901L135.801 19.826C134.554 20.3669 133.002 20.6265 131.425 20.6265C128.109 20.6265 126.32 19.0491 126.32 15.9908V10.9755H126.324Z" fill="currentColor"></path><path d="M144.252 17.026C145.921 17.026 146.91 15.8262 146.91 13.8949C146.91 11.9635 145.968 10.8582 144.323 10.8582C142.652 10.8582 141.689 11.9635 141.689 13.9657C141.689 15.8479 142.631 17.026 144.252 17.026ZM144.299 7.16455C148.581 7.16455 151.708 9.84723 151.708 14.0129C151.708 18.2021 148.581 20.7196 144.252 20.7196C139.947 20.7196 136.889 18.1313 136.889 14.0129C136.891 9.84723 139.926 7.16455 144.299 7.16455Z" fill="currentColor"></path><path d="M88.9542 7.61891C88.1463 7.28652 87.2322 7.16262 86.3614 7.28849C85.9172 7.35339 85.4827 7.48123 85.0798 7.67988C83.975 8.22664 83.1121 9.47161 82.6482 10.5828C82.3454 9.30443 81.4589 8.1519 80.1655 7.61891C79.3575 7.28652 78.4435 7.16262 77.5727 7.28849C77.1284 7.35339 76.694 7.48123 76.291 7.67988C75.1882 8.22467 74.3272 9.46571 73.8633 10.573V10.4924L72.9335 7.65824H68.3711L69.3323 11.0745V20.3203H73.8653V12.0599C73.881 11.9989 74.0835 11.8848 74.1189 11.8573C74.6496 11.4797 75.2747 11.0903 75.9391 11.0411C76.6173 10.99 77.2857 11.3361 77.6906 11.875C77.7339 11.934 77.7751 11.993 77.8125 12.0559C78.1447 12.6145 78.0995 13.2576 78.0916 13.8811C78.0837 14.5557 78.0955 15.2303 78.0936 15.9049C78.0916 17.3761 78.0896 18.8472 78.0896 20.3184H82.6541V13.2576C82.6541 13.2222 82.6541 13.1868 82.6541 13.1514V12.0618C82.6639 12.0028 82.8723 11.8829 82.9096 11.8573C83.4404 11.4797 84.0655 11.0903 84.7299 11.0411C85.408 10.99 86.0764 11.3361 86.4813 11.875C86.5246 11.934 86.5659 11.993 86.6032 12.0559C86.9354 12.6145 86.8902 13.2576 86.8843 13.8811C86.8764 14.5557 86.8882 15.2303 86.8863 15.9049C86.8843 17.3761 86.8823 18.8472 86.8823 20.3184H91.4448V13.2576C91.4428 11.1886 91.146 8.52166 88.9542 7.61891Z" fill="currentColor"></path><path d="M162.503 7.28271C160.105 7.28271 158.752 9.14131 158.151 10.5849L157.189 7.66033H152.625L153.586 11.0766V20.3224H158.151V11.7788C158.801 11.6647 162.33 12.3137 163 12.5596V7.29845C162.837 7.28861 162.672 7.28271 162.503 7.28271Z" fill="currentColor"></path><path d="M41.6632 12.5161C41.6632 12.5161 40.2597 12.8505 39.0744 13.1337L37.2698 13.5448C37.2639 13.5448 37.2561 13.5448 37.2541 13.5448C37.2541 13.059 37.2895 12.5456 37.4055 12.0736C37.5548 11.4679 37.8831 10.7598 38.4512 10.4491C39.0704 10.1108 39.8253 10.0714 40.4818 10.333C41.16 10.6025 41.4706 11.2574 41.6042 11.9359C41.6416 12.1248 41.6671 12.3155 41.6848 12.5083L41.6632 12.5161ZM46.3672 13.5428C46.3672 8.83631 43.4029 6.8125 39.6169 6.8125C35.3355 6.8125 32.6543 9.77839 32.6543 13.5664C32.6543 17.6848 34.9365 20.3675 39.8528 20.3675C42.5104 20.3675 44.0162 19.8974 45.803 19.0026L45.1209 15.9187C43.7567 16.5303 42.4868 16.906 40.7924 16.906C38.9348 16.906 37.8753 16.1999 37.4762 14.8822H46.2492C46.32 14.5321 46.3672 14.1309 46.3672 13.5428Z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M0 13.2084C0 20.4107 5.83624 26.2501 13.0347 26.2501C20.2332 26.2501 26.0695 20.4107 26.0695 13.2084C26.0695 6.00609 20.2332 0.166748 13.0347 0.166748C5.83624 0.166748 0 6.00609 0 13.2084ZM9.77554 7.77424H7.60342V18.6426H9.77554V7.77424ZM11.9477 7.77424H18.4641V9.94753H11.9477V7.77424ZM18.4641 12.1208H11.9477V14.2941H18.4641V12.1208ZM11.9477 16.4693H18.4641V18.6426H11.9477V16.4693Z" fill="currentColor"></path></svg> </a> </div> </div> </div> <div class="elementor-element elementor-element-2f2ba80 elementor-nav-menu--stretch main-nav elementor-nav-menu--dropdown-tablet elementor-nav-menu__text-align-aside elementor-nav-menu--toggle elementor-nav-menu--burger elementor-widget elementor-widget-nav-menu" data-id="2f2ba80" data-element_type="widget" data-settings="{"full_width":"stretch","submenu_icon":{"value":"<i class=\"\"><\/i>","library":""},"_animation_mobile":"none","layout":"horizontal","toggle":"burger"}" data-widget_type="nav-menu.default"> <div class="elementor-widget-container"> <link rel="stylesheet" href="https://elementor.com/wp-content/plugins/elementor-pro/assets/css/widget-nav-menu.min.css?ver=1728392625"> <nav aria-label="Menu" class="elementor-nav-menu--main elementor-nav-menu__container elementor-nav-menu--layout-horizontal e--pointer-none"> <ul id="menu-1-2f2ba80" class="elementor-nav-menu"><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-77130"><a href="#" class="elementor-item elementor-item-anchor">Products</a> <ul class="sub-menu elementor-nav-menu--dropdown"> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77134"><a href="https://elementor.com/products/page-builder-plugin/" class="elementor-sub-item">Page Builder Plugin</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77274"><a href="https://elementor.com/wordpress-hosting/" class="elementor-sub-item">WordPress Hosting</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-8222626"><a href="https://elementor.com/products/ecommerce-hosting/" class="elementor-sub-item">eCommerce Hosting</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77135"><a href="https://elementor.com/products/ai/" class="elementor-sub-item">Elementor AI</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-82651"><a href="https://elementor.com/products/image-optimizer/" class="elementor-sub-item">Image Optimizer</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-8228328"><a href="http://elementor.com/products/site-mailer/" class="elementor-sub-item">Site Mailer</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77136"><a href="https://elementor.com/products/hello-theme/" class="elementor-sub-item">Hello Theme</a></li> </ul> </li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-77158"><a href="https://elementor.com/wordpress-hosting/" class="elementor-item">Hosting</a> <ul class="sub-menu elementor-nav-menu--dropdown"> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77159"><a href="https://elementor.com/wordpress-hosting/" class="elementor-sub-item">WordPress Hosting</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-8222734"><a href="https://elementor.com/products/ecommerce-hosting/" class="elementor-sub-item">eCommerce Hosting</a></li> </ul> </li> <li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor current-menu-parent menu-item-has-children menu-item-77123"><a href="#" class="elementor-item elementor-item-anchor">Web Creation</a> <ul class="sub-menu elementor-nav-menu--dropdown"> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77124"><a href="https://elementor.com/features/wordpress/" class="elementor-sub-item">Elementor + WordPress</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77125"><a href="https://elementor.com/features/woocommerce-builder/" class="elementor-sub-item">Elementor + WooCommerce</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77126"><a href="https://elementor.com/for/designer/" class="elementor-sub-item">Web Design</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77127"><a href="https://elementor.com/widgets/" class="elementor-sub-item">Widgets</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item menu-item-77128"><a href="https://elementor.com/features/" aria-current="page" class="elementor-sub-item elementor-item-active">All Features</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77129"><a href="https://elementor.com/library/" class="elementor-sub-item">Kits Library</a></li> </ul> </li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-77137"><a href="#" class="elementor-item elementor-item-anchor">Resources</a> <ul class="sub-menu elementor-nav-menu--dropdown"> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77143"><a href="https://elementor.com/blog/" class="elementor-sub-item">Blog</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77140"><a href="https://elementor.com/help/" class="elementor-sub-item">Help Center</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77147"><a href="https://elementor.com/community/" class="elementor-sub-item">Community</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77141"><a href="https://elementor.com/roadmap/" class="elementor-sub-item">Roadmap</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77138"><a href="https://showoff.elementor.com/" class="elementor-sub-item">Elementor Showoff</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77142"><a href="https://developers.elementor.com/" class="elementor-sub-item">Developers Website</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77144"><a href="https://elementor.com/support/" class="elementor-sub-item">Support</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77148"><a href="https://elementor.com/addons/" class="elementor-sub-item">Add-ons</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-84736"><a href="https://prompts.elementor.com/" class="elementor-sub-item">AI Prompt Library</a></li> </ul> </li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-77152"><a href="#" class="elementor-item elementor-item-anchor">Pricing</a> <ul class="sub-menu elementor-nav-menu--dropdown"> <li class="nav-desc menu-item menu-item-type-custom menu-item-object-custom menu-item-77153"><a href="https://elementor.com/pricing/" class="elementor-sub-item">WordPress Hosting <span>All-in-one solution for WordPress websites: Managed Hosting + Website Builder + Theme</span></a></li> <li class="nav-desc menu-item menu-item-type-custom menu-item-object-custom menu-item-8222627"><a href="https://elementor.com/pricing-ecommerce-hosting/" class="elementor-sub-item">eCommerce Hosting <span>All you need to build your store efficiently and start selling today!</span></a></li> <li class="nav-desc menu-item menu-item-type-custom menu-item-object-custom menu-item-77155"><a href="https://elementor.com/pricing-plugin/" class="elementor-sub-item">Page Builder Pro Plugin <span>WordPress Pro Plugin for drag-and-drop, visual editing of web pages. </span></a></li> </ul> </li> <li class="nav-login menu-item menu-item-type-custom menu-item-object-custom menu-item-77156"><a href="https://my.elementor.com/login/?redirect_to=%2Fwebsites%2F" class="elementor-item">LOGIN</a></li> <li class="nav-cta menu-item menu-item-type-custom menu-item-object-custom menu-item-77157"><a href="https://my.elementor.com/signup/?redirect_to=https://my.elementor.com/get-started/" class="elementor-item">GET STARTED</a></li> </ul> </nav> <div class="elementor-menu-toggle" role="button" tabindex="0" aria-label="Menu Toggle" aria-expanded="false"> <span class="elementor-menu-toggle__icon--open"><svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 33 33" width="33" height="33"><path fill-rule="evenodd" clip-rule="evenodd" d="M33 14.5H0v-3h33v3Zm0 8H13.396v-3H33v3Z" fill="currentColor"></path></svg></span><span class="elementor-menu-toggle__icon--close"><svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 33 33" width="33" height="33"><path fill-rule="evenodd" clip-rule="evenodd" d="m16.859 18.484-7.787 7.33-2.143-2.278 7.649-7.199-7.65-7.199 2.144-2.277 7.787 7.33 7.787-7.33 2.143 2.277-7.65 7.2 7.65 7.198-2.143 2.277-7.787-7.329Z" fill="currentColor"></path></svg></span> <span class="elementor-screen-only">Menu</span> </div> <nav class="elementor-nav-menu--dropdown elementor-nav-menu__container" aria-hidden="true"> <ul id="menu-2-2f2ba80" class="elementor-nav-menu"><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-77130"><a href="#" class="elementor-item elementor-item-anchor" tabindex="-1">Products</a> <ul class="sub-menu elementor-nav-menu--dropdown"> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77134"><a href="https://elementor.com/products/page-builder-plugin/" class="elementor-sub-item" tabindex="-1">Page Builder Plugin</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77274"><a href="https://elementor.com/wordpress-hosting/" class="elementor-sub-item" tabindex="-1">WordPress Hosting</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-8222626"><a href="https://elementor.com/products/ecommerce-hosting/" class="elementor-sub-item" tabindex="-1">eCommerce Hosting</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77135"><a href="https://elementor.com/products/ai/" class="elementor-sub-item" tabindex="-1">Elementor AI</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-82651"><a href="https://elementor.com/products/image-optimizer/" class="elementor-sub-item" tabindex="-1">Image Optimizer</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-8228328"><a href="http://elementor.com/products/site-mailer/" class="elementor-sub-item" tabindex="-1">Site Mailer</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77136"><a href="https://elementor.com/products/hello-theme/" class="elementor-sub-item" tabindex="-1">Hello Theme</a></li> </ul> </li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-77158"><a href="https://elementor.com/wordpress-hosting/" class="elementor-item" tabindex="-1">Hosting</a> <ul class="sub-menu elementor-nav-menu--dropdown"> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77159"><a href="https://elementor.com/wordpress-hosting/" class="elementor-sub-item" tabindex="-1">WordPress Hosting</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-8222734"><a href="https://elementor.com/products/ecommerce-hosting/" class="elementor-sub-item" tabindex="-1">eCommerce Hosting</a></li> </ul> </li> <li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor current-menu-parent menu-item-has-children menu-item-77123"><a href="#" class="elementor-item elementor-item-anchor" tabindex="-1">Web Creation</a> <ul class="sub-menu elementor-nav-menu--dropdown"> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77124"><a href="https://elementor.com/features/wordpress/" class="elementor-sub-item" tabindex="-1">Elementor + WordPress</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77125"><a href="https://elementor.com/features/woocommerce-builder/" class="elementor-sub-item" tabindex="-1">Elementor + WooCommerce</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77126"><a href="https://elementor.com/for/designer/" class="elementor-sub-item" tabindex="-1">Web Design</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77127"><a href="https://elementor.com/widgets/" class="elementor-sub-item" tabindex="-1">Widgets</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item menu-item-77128"><a href="https://elementor.com/features/" aria-current="page" class="elementor-sub-item elementor-item-active" tabindex="-1">All Features</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77129"><a href="https://elementor.com/library/" class="elementor-sub-item" tabindex="-1">Kits Library</a></li> </ul> </li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-77137"><a href="#" class="elementor-item elementor-item-anchor" tabindex="-1">Resources</a> <ul class="sub-menu elementor-nav-menu--dropdown"> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77143"><a href="https://elementor.com/blog/" class="elementor-sub-item" tabindex="-1">Blog</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77140"><a href="https://elementor.com/help/" class="elementor-sub-item" tabindex="-1">Help Center</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77147"><a href="https://elementor.com/community/" class="elementor-sub-item" tabindex="-1">Community</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77141"><a href="https://elementor.com/roadmap/" class="elementor-sub-item" tabindex="-1">Roadmap</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77138"><a href="https://showoff.elementor.com/" class="elementor-sub-item" tabindex="-1">Elementor Showoff</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77142"><a href="https://developers.elementor.com/" class="elementor-sub-item" tabindex="-1">Developers Website</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77144"><a href="https://elementor.com/support/" class="elementor-sub-item" tabindex="-1">Support</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77148"><a href="https://elementor.com/addons/" class="elementor-sub-item" tabindex="-1">Add-ons</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-84736"><a href="https://prompts.elementor.com/" class="elementor-sub-item" tabindex="-1">AI Prompt Library</a></li> </ul> </li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-77152"><a href="#" class="elementor-item elementor-item-anchor" tabindex="-1">Pricing</a> <ul class="sub-menu elementor-nav-menu--dropdown"> <li class="nav-desc menu-item menu-item-type-custom menu-item-object-custom menu-item-77153"><a href="https://elementor.com/pricing/" class="elementor-sub-item" tabindex="-1">WordPress Hosting <span>All-in-one solution for WordPress websites: Managed Hosting + Website Builder + Theme</span></a></li> <li class="nav-desc menu-item menu-item-type-custom menu-item-object-custom menu-item-8222627"><a href="https://elementor.com/pricing-ecommerce-hosting/" class="elementor-sub-item" tabindex="-1">eCommerce Hosting <span>All you need to build your store efficiently and start selling today!</span></a></li> <li class="nav-desc menu-item menu-item-type-custom menu-item-object-custom menu-item-77155"><a href="https://elementor.com/pricing-plugin/" class="elementor-sub-item" tabindex="-1">Page Builder Pro Plugin <span>WordPress Pro Plugin for drag-and-drop, visual editing of web pages. </span></a></li> </ul> </li> <li class="nav-login menu-item menu-item-type-custom menu-item-object-custom menu-item-77156"><a href="https://my.elementor.com/login/?redirect_to=%2Fwebsites%2F" class="elementor-item" tabindex="-1">LOGIN</a></li> <li class="nav-cta menu-item menu-item-type-custom menu-item-object-custom menu-item-77157"><a href="https://my.elementor.com/signup/?redirect_to=https://my.elementor.com/get-started/" class="elementor-item" tabindex="-1">GET STARTED</a></li> </ul> </nav> </div> </div> <div class="elementor-element elementor-element-1e59174 elementor-align-justify nav-login elementor-hidden-tablet elementor-hidden-phone elementor-widget elementor-widget-button" data-id="1e59174" data-element_type="widget" data-gtm-section="header" data-widget_type="button.default"> <div class="elementor-widget-container"> <div class="elementor-button-wrapper"> <a class="elementor-button elementor-button-link elementor-size-sm" href="https://my.elementor.com/login/?redirect_to=%2Fwebsites%2F" aria-label="Login to you Elementor account" data-gtm-event_name="element_click" data-gtm-action_type="login" data-gtm-element-location="header"> <span class="elementor-button-content-wrapper"> <span class="elementor-button-text">Login</span> </span> </a> </div> </div> </div> <div class="elementor-element elementor-element-d196d9c elementor-align-justify elementor-hidden-tablet elementor-hidden-phone get-started-btn elementor-widget elementor-widget-button" data-id="d196d9c" data-element_type="widget" data-gac="CTA Elements" data-gaa="onboarding button click" data-gal="header navigation bar" data-gtm-section="header" data-widget_type="button.default"> <div class="elementor-widget-container"> <div class="elementor-button-wrapper"> <a class="elementor-button elementor-button-link elementor-size-sm" href="https://my.elementor.com/signup/?redirect_to=https://my.elementor.com/get-started/" aria-label="Get Started With Elementor"> <span class="elementor-button-content-wrapper"> <span class="elementor-button-text">Get Started</span> </span> </a> </div> </div> </div> </header> </div> <div data-elementor-type="archive" data-elementor-id="34303" class="elementor elementor-34303 elementor-location-archive" data-elementor-post-type="elementor_library"> <section class="elementor-section elementor-top-section elementor-element elementor-element-16e3deda elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="16e3deda" data-element_type="section" data-settings="{"background_background":"classic"}"> <div class="elementor-container elementor-column-gap-no"> <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c173973" data-id="c173973" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-36b5abac content-block-heading full-width elementor-widget-mobile__width-inherit elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="36b5abac" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <link rel="stylesheet" href="https://elementor.com/wp-content/plugins/elementor-pro/assets/css/widget-call-to-action.min.css?ver=1728392627"> <div class="elementor-cta"> <div class="elementor-cta__content"> <h1 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Browse All Elementor Features </h1> </div> <div class="elementor-ribbon"> <div class="elementor-ribbon-inner">All features</div> </div> </div> </div> </div> <div class="elementor-element elementor-element-782b2241 elementor-align-left elementor-widget__width-initial outline-btn elementor-mobile-align-center elementor-widget-mobile__width-inherit elementor-widget elementor-widget-button" data-id="782b2241" data-element_type="widget" data-widget_type="button.default"> <div class="elementor-widget-container"> <div class="elementor-button-wrapper"> <a class="elementor-button elementor-button-link elementor-size-sm" href="/pricing-plugin/" alt="Go to Pro page"> <span class="elementor-button-content-wrapper"> <span class="elementor-button-text">Get Elementor Pro</span> </span> </a> </div> </div> </div> </div> </div> </div> </section> <section class="elementor-section elementor-top-section elementor-element elementor-element-9d5274f elementor-section-height-min-height elementor-section-full_width second-header elementor-section-height-default elementor-section-items-middle" data-id="9d5274f" data-element_type="section" data-settings="{"background_background":"classic","sticky":"top","sticky_offset_tablet":70,"sticky_offset_mobile":45,"sticky_effects_offset":1,"sticky_on":["desktop","tablet","mobile"],"sticky_offset":0}"> <div class="elementor-container elementor-column-gap-no"> <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-114fe026" data-id="114fe026" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-5ac42b67 elementor-widget__width-auto site-logo second elementor-hidden-tablet elementor-hidden-mobile elementor-view-default elementor-widget elementor-widget-icon" data-id="5ac42b67" data-element_type="widget" data-widget_type="icon.default"> <div class="elementor-widget-container"> <div class="elementor-icon-wrapper"> <a class="elementor-icon" href="https://elementor.com" aria-label="Go to Home page"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="163px" height="27px" viewBox="0 0 163 27"><g id="e-text"><path id="Path" d="M102.054 12.939 C102.054 12.939 100.65 13.273 99.465 13.557 L97.66 13.968 C97.655 13.968 97.647 13.968 97.645 13.968 97.645 13.482 97.68 12.969 97.796 12.497 97.946 11.891 98.274 11.183 98.842 10.872 99.461 10.534 100.216 10.494 100.872 10.756 101.551 11.025 101.861 11.68 101.995 12.359 102.032 12.548 102.058 12.738 102.075 12.931 L102.054 12.939 Z M106.756 13.966 C106.756 9.259 103.792 7.235 100.006 7.235 95.724 7.235 93.043 10.201 93.043 13.989 93.043 18.108 95.325 20.79 100.241 20.79 102.899 20.79 104.405 20.32 106.192 19.425 L105.51 16.341 C104.145 16.953 102.876 17.329 101.181 17.329 99.324 17.329 98.264 16.623 97.865 15.305 L106.638 15.305 C106.709 14.953 106.756 14.554 106.756 13.966 Z" fill="currentColor" stroke="none"></path><path id="Path-1" d="M62.925 12.939 C62.925 12.939 61.521 13.273 60.336 13.557 L58.532 13.968 C58.526 13.968 58.518 13.968 58.516 13.968 58.516 13.482 58.551 12.969 58.667 12.497 58.817 11.891 59.145 11.183 59.713 10.872 60.332 10.534 61.087 10.494 61.743 10.756 62.422 11.025 62.732 11.68 62.866 12.359 62.903 12.548 62.929 12.738 62.947 12.931 L62.925 12.939 Z M67.627 13.966 C67.627 9.259 64.663 7.235 60.877 7.235 56.595 7.235 53.914 10.201 53.914 13.989 53.914 18.108 56.196 20.79 61.112 20.79 63.77 20.79 65.276 20.32 67.063 19.425 L66.381 16.341 C65.017 16.953 63.747 17.329 62.052 17.329 60.195 17.329 59.135 16.623 58.736 15.305 L67.509 15.305 C67.58 14.953 67.627 14.554 67.627 13.966 Z" fill="currentColor" stroke="none"></path><path id="Path-2" d="M52.311 3.776 L47.967 3.776 47.967 20.32 52.311 20.32 52.311 3.776 Z" fill="currentColor" stroke="none"></path><path id="Path-3" d="M107.674 7.658 L112.238 7.658 113.198 10.583 C113.799 9.139 115.151 7.281 117.55 7.281 120.842 7.281 122.631 8.951 122.631 13.258 L122.631 20.319 118.069 20.319 C118.069 18.847 118.071 17.376 118.072 15.905 118.072 15.231 118.061 14.556 118.071 13.881 118.078 13.258 118.122 12.615 117.791 12.056 117.567 11.679 117.2 11.401 116.803 11.212 115.997 10.827 115.124 10.839 114.334 11.25 114.139 11.35 113.199 11.859 113.199 12.095 L113.199 20.319 108.637 20.319 108.637 11.075 107.674 7.658 Z" fill="currentColor" stroke="none"></path><path id="Path-4" d="M126.324 10.976 L124.23 10.976 124.23 7.658 126.324 7.658 126.324 5.583 130.886 4.509 130.886 7.658 135.472 7.658 135.472 10.976 130.886 10.976 130.886 14.695 C130.886 16.154 131.592 16.837 132.65 16.837 133.731 16.837 134.344 16.695 135.26 16.39 L135.801 19.826 C134.554 20.367 133.002 20.626 131.425 20.626 128.109 20.626 126.32 19.049 126.32 15.991 L126.32 10.976 126.324 10.976 Z" fill="currentColor" stroke="none"></path><path id="Path-5" d="M144.252 17.026 C145.921 17.026 146.91 15.826 146.91 13.895 146.91 11.964 145.968 10.858 144.323 10.858 142.652 10.858 141.689 11.964 141.689 13.966 141.689 15.848 142.631 17.026 144.252 17.026 Z M144.299 7.165 C148.581 7.165 151.708 9.847 151.708 14.013 151.708 18.202 148.581 20.72 144.252 20.72 139.947 20.72 136.889 18.131 136.889 14.013 136.891 9.847 139.926 7.165 144.299 7.165 Z" fill="currentColor" stroke="none"></path><path id="Path-6" d="M88.954 7.619 C88.146 7.287 87.232 7.163 86.361 7.288 85.917 7.353 85.483 7.481 85.08 7.68 83.975 8.227 83.112 9.472 82.648 10.583 82.345 9.304 81.459 8.152 80.165 7.619 79.357 7.287 78.443 7.163 77.573 7.288 77.128 7.353 76.694 7.481 76.291 7.68 75.188 8.225 74.327 9.466 73.863 10.573 L73.863 10.492 72.934 7.658 68.371 7.658 69.332 11.075 69.332 20.32 73.865 20.32 73.865 12.06 C73.881 11.999 74.084 11.885 74.119 11.857 74.65 11.48 75.275 11.09 75.939 11.041 76.617 10.99 77.286 11.336 77.691 11.875 77.734 11.934 77.775 11.993 77.813 12.056 78.145 12.615 78.1 13.258 78.092 13.881 78.084 14.556 78.095 15.23 78.094 15.905 78.092 17.376 78.09 18.847 78.09 20.318 L82.654 20.318 82.654 13.258 C82.654 13.222 82.654 13.187 82.654 13.151 L82.654 12.062 C82.664 12.003 82.872 11.883 82.91 11.857 83.44 11.48 84.065 11.09 84.73 11.041 85.408 10.99 86.076 11.336 86.481 11.875 86.525 11.934 86.566 11.993 86.603 12.056 86.935 12.615 86.89 13.258 86.884 13.881 86.876 14.556 86.888 15.23 86.886 15.905 86.884 17.376 86.882 18.847 86.882 20.318 L91.445 20.318 91.445 13.258 C91.443 11.189 91.146 8.522 88.954 7.619 Z" fill="currentColor" stroke="none"></path><path id="Path-7" d="M162.503 7.283 C160.105 7.283 158.752 9.141 158.151 10.585 L157.189 7.66 152.625 7.66 153.586 11.077 153.586 20.322 158.151 20.322 158.151 11.779 C158.801 11.665 162.33 12.314 163 12.56 L163 7.298 C162.837 7.289 162.672 7.283 162.503 7.283 Z" fill="currentColor" stroke="none"></path><path id="Path-8" d="M41.663 12.516 C41.663 12.516 40.26 12.851 39.074 13.134 L37.27 13.545 C37.264 13.545 37.256 13.545 37.254 13.545 37.254 13.059 37.29 12.546 37.405 12.074 37.555 11.468 37.883 10.76 38.451 10.449 39.07 10.111 39.825 10.071 40.482 10.333 41.16 10.603 41.471 11.257 41.604 11.936 41.642 12.125 41.667 12.316 41.685 12.508 L41.663 12.516 Z M46.367 13.543 C46.367 8.836 43.403 6.813 39.617 6.813 35.335 6.813 32.654 9.778 32.654 13.566 32.654 17.685 34.937 20.368 39.853 20.368 42.51 20.368 44.016 19.897 45.803 19.003 L45.121 15.919 C43.757 16.53 42.487 16.906 40.792 16.906 38.935 16.906 37.875 16.2 37.476 14.882 L46.249 14.882 C46.32 14.532 46.367 14.131 46.367 13.543 Z" fill="currentColor" stroke="none"></path></g><path fill-rule="evenodd" clip-rule="evenodd" d="M0 13.2084C0 20.4107 5.83624 26.2501 13.0347 26.2501C20.2332 26.2501 26.0695 20.4107 26.0695 13.2084C26.0695 6.00609 20.2332 0.166748 13.0347 0.166748C5.83624 0.166748 0 6.00609 0 13.2084ZM9.77554 7.77424H7.60342V18.6426H9.77554V7.77424ZM11.9477 7.77424H18.4641V9.94753H11.9477V7.77424ZM18.4641 12.1208H11.9477V14.2941H18.4641V12.1208ZM11.9477 16.4693H18.4641V18.6426H11.9477V16.4693Z" fill="currentColor" id="e-icon"></path></svg> </a> </div> </div> </div> <div class="elementor-element elementor-element-4ef6e14a elementor-icon-list--layout-inline elementor-align-center categories-anchor elementor-widget__width-auto elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="4ef6e14a" data-element_type="widget" data-widget_type="icon-list.default"> <div class="elementor-widget-container"> <link rel="stylesheet" href="https://elementor.com/wp-content/plugins/elementor/assets/css/widget-icon-list.min.css"> <ul class="elementor-icon-list-items elementor-inline-items"> <li class="elementor-icon-list-item elementor-inline-item"> <a href="#editor" alt="Go to section" class="editornav"> <span class="elementor-icon-list-text">Editor</span> </a> </li> <li class="elementor-icon-list-item elementor-inline-item"> <a href="#workflow" alt="Go to section" class="workflownav"> <span class="elementor-icon-list-text">Workflow</span> </a> </li> <li class="elementor-icon-list-item elementor-inline-item"> <a href="#design" alt="Go to section" class="designnav"> <span class="elementor-icon-list-text">Design</span> </a> </li> <li class="elementor-icon-list-item elementor-inline-item"> <a href="#ecommerce" alt="Go to section" class="ecommercenav"> <span class="elementor-icon-list-text">Ecommerce</span> </a> </li> <li class="elementor-icon-list-item elementor-inline-item"> <a href="#marketing" alt="Go to section" class="marketingnav"> <span class="elementor-icon-list-text">Marketing</span> </a> </li> <li class="elementor-icon-list-item elementor-inline-item"> <a href="#theme" alt="Go to section" class="themebuildernav"> <span class="elementor-icon-list-text">Theme Builder</span> </a> </li> <li class="elementor-icon-list-item elementor-inline-item"> <a href="#integrations" alt="Go to section" class="integrationsnav"> <span class="elementor-icon-list-text">Integrations</span> </a> </li> <li class="elementor-icon-list-item elementor-inline-item"> <a href="#advanced" alt="Go to section" class="advancednav"> <span class="elementor-icon-list-text">Advanced</span> </a> </li> </ul> </div> </div> <div class="elementor-element elementor-element-3442d031 elementor-align-justify elementor-widget__width-auto second elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-button" data-id="3442d031" data-element_type="widget" data-widget_type="button.default"> <div class="elementor-widget-container"> <div class="elementor-button-wrapper"> <a class="elementor-button elementor-button-link elementor-size-sm" href="https://my.elementor.com/websites/" aria-label="Login to your account"> <span class="elementor-button-content-wrapper"> <span class="elementor-button-text">LOGIN</span> </span> </a> </div> </div> </div> <div class="elementor-element elementor-element-33e2851e elementor-align-justify elementor-widget__width-initial elementor-hidden-tablet elementor-hidden-mobile get-started-btn second elementor-widget elementor-widget-button" data-id="33e2851e" data-element_type="widget" data-gac="CTA Elements" data-gaa="onboarding button click" data-gal="header navigation bar" data-widget_type="button.default"> <div class="elementor-widget-container"> <div class="elementor-button-wrapper"> <a class="elementor-button elementor-button-link elementor-size-sm" href="https://my.elementor.com/signup/?redirect_to=https://my.elementor.com/get-started/" aria-label="Get Started With Elementor (opens external website)"> <span class="elementor-button-content-wrapper"> <span class="elementor-button-text">Get Started</span> </span> </a> </div> </div> </div> </div> </div> </div> </section> <section class="elementor-section elementor-top-section elementor-element elementor-element-d6ba382 search-target editor elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="d6ba382" data-element_type="section" id="editor"> <div class="elementor-container elementor-column-gap-no"> <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-497b4e7b" data-id="497b4e7b" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-24f3017e elementor-widget elementor-widget-heading" data-id="24f3017e" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <style>/*! elementor - v3.23.0 - 05-08-2024 */ .elementor-heading-title{padding:0;margin:0;line-height:1}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}</style><h2 class="elementor-heading-title elementor-size-default">The Editor</h2> </div> </div> <section class="elementor-section elementor-inner-section elementor-element elementor-element-24d06d1c bigcta elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="24d06d1c" data-element_type="section"> <div class="elementor-container elementor-column-gap-no"> <div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-86b42c2" data-id="86b42c2" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-3c97719f content-block-text elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget-tablet__width-initial elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="3c97719f" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <div class="elementor-content-item elementor-cta__content-item elementor-cta__image"> <img fetchpriority="high" width="1100" height="1100" src="https://elementor.com/cdn-cgi/image/f=auto,w=1100,h=1100/https://elementor.com/wp-content/uploads/2020/04/Image-5.png" class="attachment-full size-full wp-image-8222424" alt="" srcset="https://elementor.com/cdn-cgi/image/f=auto,w=1100/https://elementor.com/wp-content/uploads/2020/04/Image-5.png 1100w, https://elementor.com/cdn-cgi/image/f=auto,w=600/https://elementor.com/wp-content/uploads/2020/04/Image-5-600x600.png 600w, https://elementor.com/cdn-cgi/image/f=auto,w=1024/https://elementor.com/wp-content/uploads/2020/04/Image-5-1024x1024.png 1024w, https://elementor.com/cdn-cgi/image/f=auto,w=768/https://elementor.com/wp-content/uploads/2020/04/Image-5-768x768.png 768w" sizes="(max-width: 1100px) 100vw, 1100px" /> </div> <h3 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Drag & Drop Editor </h3> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Build every part of your website visually. Simply drag, drop and customize without writing a single line of code. </div> <div class="elementor-cta__button-wrapper elementor-cta__content-item elementor-content-item "> <a class="elementor-cta__button elementor-button elementor-size-" href="/features/editor/" alt="Go to page"> Read More <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.24999 10.071C2.24999 9.65683 2.58578 9.32104 2.99999 9.32104L15.3315 9.32105L10.7031 4.69273C10.4103 4.39983 10.4103 3.92496 10.7031 3.63207C10.996 3.33917 11.4709 3.33917 11.7638 3.63207L17.6725 9.54071C17.9653 9.83361 17.9653 10.3085 17.6725 10.6014L11.7638 16.51C11.4709 16.8029 10.996 16.8029 10.7031 16.51C10.4103 16.2171 10.4103 15.7423 10.7031 15.4494L15.3315 10.821L2.99999 10.821C2.58578 10.821 2.24999 10.4853 2.24999 10.071Z" fill="currentColor"></path></svg> </a> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-324b77a4 content-block-text elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget-tablet__width-initial elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="324b77a4" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <div class="elementor-content-item elementor-cta__content-item elementor-cta__image"> <img width="1100" height="840" src="https://elementor.com/cdn-cgi/image/f=auto,w=1100,h=840/https://elementor.com/wp-content/uploads/2022/01/Image-2-2.png" class="attachment-full size-full wp-image-65958" alt="" srcset="https://elementor.com/cdn-cgi/image/f=auto,w=1100/https://elementor.com/wp-content/uploads/2022/01/Image-2-2.png 1100w, https://elementor.com/cdn-cgi/image/f=auto,w=600/https://elementor.com/wp-content/uploads/2022/01/Image-2-2-600x458.png 600w, https://elementor.com/cdn-cgi/image/f=auto,w=1024/https://elementor.com/wp-content/uploads/2022/01/Image-2-2-1024x782.png 1024w, https://elementor.com/cdn-cgi/image/f=auto,w=768/https://elementor.com/wp-content/uploads/2022/01/Image-2-2-768x586.png 768w" sizes="(max-width: 1100px) 100vw, 1100px" /> </div> <h3 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> 100+ Widgets </h3> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Choose from dozens of widgets to help you build every part of your page, from complex designs to ecommerce capabilities. </div> <div class="elementor-cta__button-wrapper elementor-cta__content-item elementor-content-item "> <a class="elementor-cta__button elementor-button elementor-size-" href="/widgets/" alt="Go to page"> Read More <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.24999 10.071C2.24999 9.65683 2.58578 9.32104 2.99999 9.32104L15.3315 9.32105L10.7031 4.69273C10.4103 4.39983 10.4103 3.92496 10.7031 3.63207C10.996 3.33917 11.4709 3.33917 11.7638 3.63207L17.6725 9.54071C17.9653 9.83361 17.9653 10.3085 17.6725 10.6014L11.7638 16.51C11.4709 16.8029 10.996 16.8029 10.7031 16.51C10.4103 16.2171 10.4103 15.7423 10.7031 15.4494L15.3315 10.821L2.99999 10.821C2.58578 10.821 2.24999 10.4853 2.24999 10.071Z" fill="currentColor"></path></svg> </a> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-3b1f5270 content-block-text elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget-tablet__width-initial elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="3b1f5270" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <div class="elementor-content-item elementor-cta__content-item elementor-cta__image"> <img width="1100" height="1100" src="https://elementor.com/cdn-cgi/image/f=auto,w=1100,h=1100/https://elementor.com/wp-content/uploads/2020/04/Frame-10879764.png" class="attachment-full size-full wp-image-8225413" alt="" srcset="https://elementor.com/cdn-cgi/image/f=auto,w=1100/https://elementor.com/wp-content/uploads/2020/04/Frame-10879764.png 1100w, https://elementor.com/cdn-cgi/image/f=auto,w=600/https://elementor.com/wp-content/uploads/2020/04/Frame-10879764-600x600.png 600w, https://elementor.com/cdn-cgi/image/f=auto,w=1024/https://elementor.com/wp-content/uploads/2020/04/Frame-10879764-1024x1024.png 1024w, https://elementor.com/cdn-cgi/image/f=auto,w=768/https://elementor.com/wp-content/uploads/2020/04/Frame-10879764-768x768.png 768w" sizes="(max-width: 1100px) 100vw, 1100px" /> </div> <h3 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Live Editing </h3> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> View your website as you build it and see your designs come to life in real-time. </div> </div> </div> </div> </div> </div> </div> <div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-347bc1a2" data-id="347bc1a2" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-385b8006 content-block-text elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget-tablet__width-initial elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="385b8006" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <div class="elementor-content-item elementor-cta__content-item elementor-cta__image"> <img loading="lazy" width="1100" height="840" src="https://elementor.com/cdn-cgi/image/f=auto,w=1100,h=840/https://elementor.com/wp-content/uploads/2022/01/Frame-10879755.png" class="attachment-full size-full wp-image-65960" alt="" srcset="https://elementor.com/cdn-cgi/image/f=auto,w=1100/https://elementor.com/wp-content/uploads/2022/01/Frame-10879755.png 1100w, https://elementor.com/cdn-cgi/image/f=auto,w=600/https://elementor.com/wp-content/uploads/2022/01/Frame-10879755-600x458.png 600w, https://elementor.com/cdn-cgi/image/f=auto,w=1024/https://elementor.com/wp-content/uploads/2022/01/Frame-10879755-1024x782.png 1024w, https://elementor.com/cdn-cgi/image/f=auto,w=768/https://elementor.com/wp-content/uploads/2022/01/Frame-10879755-768x586.png 768w" sizes="(max-width: 1100px) 100vw, 1100px" /> </div> <h3 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> 300+ Designer Made<br class="nobrmob">Templates </h3> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Choose a beautifully crafted template designed to fit every industry and need. Always responsive and fully customizable. <div data-elementor-type="container" data-elementor-id="78138" class="elementor elementor-78138" data-elementor-post-type="elementor_library"> <div class="elementor-element elementor-element-3d78f2c e-con-full e-flex e-con e-parent" data-id="3d78f2c" data-element_type="container"> <div class="elementor-element elementor-element-6f367af elementor-widget elementor-widget-html" data-id="6f367af" data-element_type="widget" data-widget_type="html.default"> <div class="elementor-widget-container"> <span class="plan__features__item--tooltip"> <span class="tooltip__icon" tabindex="0"></span> <span class="tooltip__content">30+ Container Kits, and 100+ Section-based Kits available in the Editor. </span> </span> </div> </div> </div> </div> </div> <div class="elementor-cta__button-wrapper elementor-cta__content-item elementor-content-item "> <a class="elementor-cta__button elementor-button elementor-size-" href="https://elementor.com/library/" alt="Go to page"> Read More <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.24999 10.071C2.24999 9.65683 2.58578 9.32104 2.99999 9.32104L15.3315 9.32105L10.7031 4.69273C10.4103 4.39983 10.4103 3.92496 10.7031 3.63207C10.996 3.33917 11.4709 3.33917 11.7638 3.63207L17.6725 9.54071C17.9653 9.83361 17.9653 10.3085 17.6725 10.6014L11.7638 16.51C11.4709 16.8029 10.996 16.8029 10.7031 16.51C10.4103 16.2171 10.4103 15.7423 10.7031 15.4494L15.3315 10.821L2.99999 10.821C2.58578 10.821 2.24999 10.4853 2.24999 10.071Z" fill="currentColor"></path></svg> </a> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-481eff3c content-block-text elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget-tablet__width-initial elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="481eff3c" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <div class="elementor-content-item elementor-cta__content-item elementor-cta__image"> <img loading="lazy" width="550" height="550" src="https://elementor.com/cdn-cgi/image/f=auto,w=550,h=550/https://elementor.com/wp-content/uploads/2022/01/Frame-10879901.png" class="attachment-full size-full wp-image-65961" alt="" /> </div> <h3 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Responsive Editing </h3> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Adjust your website to make it look perfect on every screen and design for up to 7 devices. </div> <div class="elementor-cta__button-wrapper elementor-cta__content-item elementor-content-item "> <a class="elementor-cta__button elementor-button elementor-size-" href="/features/responsive-design/" alt="Go to page"> Read More <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.24999 10.071C2.24999 9.65683 2.58578 9.32104 2.99999 9.32104L15.3315 9.32105L10.7031 4.69273C10.4103 4.39983 10.4103 3.92496 10.7031 3.63207C10.996 3.33917 11.4709 3.33917 11.7638 3.63207L17.6725 9.54071C17.9653 9.83361 17.9653 10.3085 17.6725 10.6014L11.7638 16.51C11.4709 16.8029 10.996 16.8029 10.7031 16.51C10.4103 16.2171 10.4103 15.7423 10.7031 15.4494L15.3315 10.821L2.99999 10.821C2.58578 10.821 2.24999 10.4853 2.24999 10.071Z" fill="currentColor"></path></svg> </a> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-3cedbda3 content-block-text elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget-tablet__width-initial elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="3cedbda3" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <div class="elementor-content-item elementor-cta__content-item elementor-cta__image"> <img loading="lazy" width="1100" height="840" src="https://elementor.com/cdn-cgi/image/f=auto,w=1100,h=840/https://elementor.com/wp-content/uploads/2022/01/Frame-10879840.png" class="attachment-full size-full wp-image-65962" alt="" srcset="https://elementor.com/cdn-cgi/image/f=auto,w=1100/https://elementor.com/wp-content/uploads/2022/01/Frame-10879840.png 1100w, https://elementor.com/cdn-cgi/image/f=auto,w=600/https://elementor.com/wp-content/uploads/2022/01/Frame-10879840-600x458.png 600w, https://elementor.com/cdn-cgi/image/f=auto,w=1024/https://elementor.com/wp-content/uploads/2022/01/Frame-10879840-1024x782.png 1024w, https://elementor.com/cdn-cgi/image/f=auto,w=768/https://elementor.com/wp-content/uploads/2022/01/Frame-10879840-768x586.png 768w" sizes="(max-width: 1100px) 100vw, 1100px" /> </div> <h3 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Elementor & WordPress </h3> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Cover all your bases with a widget for every need and endless customization options. </div> <div class="elementor-cta__button-wrapper elementor-cta__content-item elementor-content-item "> <a class="elementor-cta__button elementor-button elementor-size-" href="/features/wordpress/" alt="Go to page"> Read More <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.24999 10.071C2.24999 9.65683 2.58578 9.32104 2.99999 9.32104L15.3315 9.32105L10.7031 4.69273C10.4103 4.39983 10.4103 3.92496 10.7031 3.63207C10.996 3.33917 11.4709 3.33917 11.7638 3.63207L17.6725 9.54071C17.9653 9.83361 17.9653 10.3085 17.6725 10.6014L11.7638 16.51C11.4709 16.8029 10.996 16.8029 10.7031 16.51C10.4103 16.2171 10.4103 15.7423 10.7031 15.4494L15.3315 10.821L2.99999 10.821C2.58578 10.821 2.24999 10.4853 2.24999 10.071Z" fill="currentColor"></path></svg> </a> </div> </div> </div> </div> </div> </div> </div> </div> </section> </div> </div> </div> </section> <section class="elementor-section elementor-top-section elementor-element elementor-element-757725a2 search-target smallcta workflowbox elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="757725a2" data-element_type="section" id="workflowbox"> <div class="elementor-container elementor-column-gap-no"> <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-39afc679 supergrid" data-id="39afc679" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-49c25202 tocbox elementor-widget__width-initial elementor-absolute elementor-nav-menu--dropdown-tablet elementor-nav-menu__text-align-aside elementor-widget elementor-widget-nav-menu" data-id="49c25202" data-element_type="widget" data-settings="{"layout":"vertical","sticky":"top","sticky_offset":147,"sticky_parent":"yes","_position":"absolute","submenu_icon":{"value":"<svg class=\"e-font-icon-svg e-fas-caret-down\" viewBox=\"0 0 320 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z\"><\/path><\/svg>","library":"fa-solid"},"sticky_on":["desktop","tablet","mobile"],"sticky_effects_offset":0}" data-widget_type="nav-menu.default"> <div class="elementor-widget-container"> <nav aria-label="Menu" class="elementor-nav-menu--main elementor-nav-menu__container elementor-nav-menu--layout-vertical e--pointer-none"> <ul id="menu-1-49c25202" class="elementor-nav-menu sm-vertical"><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-65952"><a href="#management" class="elementor-item elementor-item-anchor">Management</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-65953"><a href="#WebCreation" class="elementor-item elementor-item-anchor">Web Creation</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-65954"><a href="#SaveBackup" class="elementor-item elementor-item-anchor">Save & Backup</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-65955"><a href="#KitsLibrary" class="elementor-item elementor-item-anchor">Kits Library</a></li> <li class="upnext menu-item menu-item-type-custom menu-item-object-custom menu-item-65956"><a href="#design" class="elementor-item elementor-item-anchor">Up Next: Design <svg width="20" height="21" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.558 13.015 10 12.437l-.558.578a.77.77 0 0 0 1.116 0ZM10 11.28 6.348 7.495a.77.77 0 0 0-1.117 0 .84.84 0 0 0 0 1.157l4.21 4.363.559-.578.558.578 4.21-4.363a.84.84 0 0 0 0-1.157.77.77 0 0 0-1.116 0L10 11.28Z" fill="#05047E"/></svg></a></li> </ul> </nav> <nav class="elementor-nav-menu--dropdown elementor-nav-menu__container" aria-hidden="true"> <ul id="menu-2-49c25202" class="elementor-nav-menu sm-vertical"><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-65952"><a href="#management" class="elementor-item elementor-item-anchor" tabindex="-1">Management</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-65953"><a href="#WebCreation" class="elementor-item elementor-item-anchor" tabindex="-1">Web Creation</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-65954"><a href="#SaveBackup" class="elementor-item elementor-item-anchor" tabindex="-1">Save & Backup</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-65955"><a href="#KitsLibrary" class="elementor-item elementor-item-anchor" tabindex="-1">Kits Library</a></li> <li class="upnext menu-item menu-item-type-custom menu-item-object-custom menu-item-65956"><a href="#design" class="elementor-item elementor-item-anchor" tabindex="-1">Up Next: Design <svg width="20" height="21" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.558 13.015 10 12.437l-.558.578a.77.77 0 0 0 1.116 0ZM10 11.28 6.348 7.495a.77.77 0 0 0-1.117 0 .84.84 0 0 0 0 1.157l4.21 4.363.559-.578.558.578 4.21-4.363a.84.84 0 0 0 0-1.157.77.77 0 0 0-1.116 0L10 11.28Z" fill="#05047E"/></svg></a></li> </ul> </nav> </div> </div> <div class="elementor-element elementor-element-61317904 grid-full-width elementor-widget elementor-widget-heading" data-id="61317904" data-element_type="widget" id="workflow" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h2 class="elementor-heading-title elementor-size-default">Workflow Optimization</h2> </div> </div> <section class="elementor-section elementor-inner-section elementor-element elementor-element-36b834cc grid-full-width elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="36b834cc" data-element_type="section" id="management" data-settings="{"background_background":"classic"}"> <div class="elementor-container elementor-column-gap-no"> <div class="elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-3f4a5fd1 smallcta supergrid supergrid-images" data-id="3f4a5fd1" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-e6667b7 grid-full-width subtitlemin elementor-widget elementor-widget-heading" data-id="e6667b7" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h3 class="elementor-heading-title elementor-size-default">Management</h3> </div> </div> <div class="elementor-element elementor-element-437d5bc1 content-block-text video elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="437d5bc1" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <div class="elementor-content-item elementor-cta__content-item elementor-cta__image"> <img loading="lazy" width="370" height="350" src="https://elementor.com/wp-content/uploads/2020/04/Image-2-1.svg" class="attachment-full size-full wp-image-70302" alt="" /> </div> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Site Settings </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Control all global elements of your website from one convenient place - including site identity, lightbox settings, layout, and theme styles. </div> <div class="elementor-cta__button-wrapper elementor-cta__content-item elementor-content-item "> <a class="elementor-cta__button elementor-button elementor-size-" href="/features/global-settings/" aria-label="go to page"> Read More <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.24999 10.071C2.24999 9.65683 2.58578 9.32104 2.99999 9.32104L15.3315 9.32105L10.7031 4.69273C10.4103 4.39983 10.4103 3.92496 10.7031 3.63207C10.996 3.33917 11.4709 3.33917 11.7638 3.63207L17.6725 9.54071C17.9653 9.83361 17.9653 10.3085 17.6725 10.6014L11.7638 16.51C11.4709 16.8029 10.996 16.8029 10.7031 16.51C10.4103 16.2171 10.4103 15.7423 10.7031 15.4494L15.3315 10.821L2.99999 10.821C2.58578 10.821 2.24999 10.4853 2.24999 10.071Z" fill="currentColor"></path></svg> </a> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-4684e40d content-block-text video pro elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="4684e40d" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <div class="elementor-content-item elementor-cta__content-item elementor-cta__image"> <img loading="lazy" width="370" height="350" src="https://elementor.com/wp-content/uploads/2020/04/Image-4-1.svg" class="attachment-full size-full wp-image-70305" alt="" /> </div> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Global Editing </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Design your entire website from one place, including the header, footer, and content. Set global fonts, colors, and widgets to reuse them anywhere on your website. </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-7d30b97 content-block-text video elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="7d30b97" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <div class="elementor-content-item elementor-cta__content-item elementor-cta__image"> <img loading="lazy" width="370" height="350" src="https://elementor.com/wp-content/uploads/2020/04/Image-41.svg" class="attachment-full size-full wp-image-72980" alt="" /> </div> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Save as Default </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Customize all the default settings of any element and adjust it to your liking. Including style, settings, placeholder text, image, and more. </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-c22e112 content-block-text video elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="c22e112" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <div class="elementor-content-item elementor-cta__content-item elementor-cta__image"> <img loading="lazy" width="370" height="350" src="https://elementor.com/wp-content/uploads/2020/04/Add-to-favorites-1-1.svg" class="attachment-full size-full wp-image-8222721" alt="" /> </div> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Element Manager </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Customize your workspace and Improve Editor loading performance by disabling widgets you don’t need. You can also assign role permission for widgets. </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-3ff0611b content-block-text video elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="3ff0611b" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <div class="elementor-content-item elementor-cta__content-item elementor-cta__image"> <img loading="lazy" width="370" height="350" src="https://elementor.com/wp-content/uploads/2020/04/Image-2.svg" class="attachment-full size-full wp-image-70301" alt="" /> </div> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> User Preferences </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Use Elementor’s Global Settings to control your website’s Name, Description, Logo, and Favicon. Additionally, set the website's background and mobile background as well. </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-6797d324 content-block-text video new elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="6797d324" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <div class="elementor-content-item elementor-cta__content-item elementor-cta__image"> <img loading="lazy" width="370" height="350" src="https://elementor.com/wp-content/uploads/2020/04/Image-3.svg" class="attachment-full size-full wp-image-70303" alt="" /> </div> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Mark Widgets as Favorites </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Personalize the Editor's Panel to streamline your workflow by pinning your most used widgets to the 'Favorites' section. </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-bc28592 content-block-text video elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="bc28592" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <div class="elementor-content-item elementor-cta__content-item elementor-cta__image"> <img loading="lazy" width="370" height="350" src="https://elementor.com/wp-content/uploads/2020/04/Image-4.svg" class="attachment-full size-full wp-image-70304" alt="" /> </div> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Dark Mode </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Design in darker environments and save power by designing with Elementor’s Dark Mode feature, Plus, it’s great for the environment. </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-30b4c6bb content-block-text video elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="30b4c6bb" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <div class="elementor-content-item elementor-cta__content-item elementor-cta__image"> <img loading="lazy" width="370" height="350" src="https://elementor.com/wp-content/uploads/2020/04/Image-5.svg" class="attachment-full size-full wp-image-70306" alt="" /> </div> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Navigator </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Navigate between all page elements or layers, quickly visualize custom changes, and access them easily via indicators </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-70821954 content-block-text video elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="70821954" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <div class="elementor-content-item elementor-cta__content-item elementor-cta__image"> <img loading="lazy" width="370" height="350" src="https://elementor.com/wp-content/uploads/2020/04/Image-5-1.svg" class="attachment-full size-full wp-image-70307" alt="" /> </div> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Finder </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Easily navigate between different pages and dashboard settings with the search bar finder, saving you time and effort. </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-0c07d48 content-block-text video pro elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="0c07d48" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <div class="elementor-content-item elementor-cta__content-item elementor-cta__image"> <img loading="lazy" width="370" height="350" src="https://elementor.com/wp-content/uploads/2020/04/Image-6.svg" class="attachment-full size-full wp-image-70646" alt="" /> </div> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Notes </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Work collaboratively with your team or clients by leaving them contextual Notes within the Editor. </div> </div> </div> </div> </div> </div> </div> </div> </section> <section class="elementor-section elementor-inner-section elementor-element elementor-element-78994166 grid-full-width elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="78994166" data-element_type="section" id="WebCreation"> <div class="elementor-container elementor-column-gap-no"> <div class="elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-294eaa12 smallcta supergrid" data-id="294eaa12" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-37b9d85 grid-full-width subtitlemin elementor-widget elementor-widget-heading" data-id="37b9d85" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h3 class="elementor-heading-title elementor-size-default">Web Creation </h3> </div> </div> <div class="elementor-element elementor-element-5ba5c08e content-block-text video elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="5ba5c08e" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <div class="elementor-content-item elementor-cta__content-item elementor-cta__image"> <img loading="lazy" width="370" height="350" src="https://elementor.com/wp-content/uploads/2020/04/Image-7.svg" class="attachment-full size-full wp-image-70308" alt="" /> </div> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Contextual Editing </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Quickly copy any element, styling, widget, column, or section and paste it anywhere on your website. </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-55cfd6f8 content-block-text video elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="55cfd6f8" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <div class="elementor-content-item elementor-cta__content-item elementor-cta__image"> <img loading="lazy" width="370" height="350" src="https://elementor.com/wp-content/uploads/2020/04/Image-8.svg" class="attachment-full size-full wp-image-70309" alt="" /> </div> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Shortcuts </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Use Hotkeys keyboard shortcuts to save you time. This Cheatsheet window will pop up and show you the full list. </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-436411f0 content-block-text video new elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="436411f0" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <div class="elementor-content-item elementor-cta__content-item elementor-cta__image"> <img loading="lazy" width="370" height="350" src="https://elementor.com/wp-content/uploads/2020/04/Image-9.svg" class="attachment-full size-full wp-image-70310" alt="" /> </div> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Drag & Drop from Desktop </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Reduce redundant tasks by dragging media and template files directly onto the editor. </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-5795e1c content-block-text video elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="5795e1c" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <div class="elementor-content-item elementor-cta__content-item elementor-cta__image"> <img loading="lazy" width="370" height="350" src="https://elementor.com/wp-content/uploads/2020/04/Image-10-1.svg" class="attachment-full size-full wp-image-84350" alt="" /> </div> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Copy & Paste Between Sites </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Streamline your workflow by copying and pasting elements from one Elementor website to another </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-7d32404c content-block-text video elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="7d32404c" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <div class="elementor-content-item elementor-cta__content-item elementor-cta__image"> <img loading="lazy" width="370" height="350" src="https://elementor.com/wp-content/uploads/2020/04/Image-10.svg" class="attachment-full size-full wp-image-70311" alt="" /> </div> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Right Click Menu </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Find options such as copy, past, delete, duplicate, and more for any element on your website with a right-click. </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-4e82eeff content-block-text video new elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="4e82eeff" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <div class="elementor-content-item elementor-cta__content-item elementor-cta__image"> <img loading="lazy" width="370" height="350" src="https://elementor.com/wp-content/uploads/2020/04/Image-11.svg" class="attachment-full size-full wp-image-70312" alt="" /> </div> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Multi Select </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Impact multiple page elements at once. Copy, delete, duplicate, paste, or reset style simultaneously. </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-55b29cc content-block-text video elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="55b29cc" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <div class="elementor-content-item elementor-cta__content-item elementor-cta__image"> <img loading="lazy" width="370" height="350" src="https://elementor.com/wp-content/uploads/2020/04/Image-12.svg" class="attachment-full size-full wp-image-70313" alt="" /> </div> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> In-line Editing </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Type directly on-screen, and transform blog and content writing into an easy and intuitive process. </div> </div> </div> </div> </div> </div> </div> </div> </section> <section class="elementor-section elementor-inner-section elementor-element elementor-element-1e059e66 grid-full-width elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="1e059e66" data-element_type="section" id="SaveBackup"> <div class="elementor-container elementor-column-gap-no"> <div class="elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-7c63f36a smallcta supergrid" data-id="7c63f36a" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-239afb7f grid-full-width subtitlemin elementor-widget elementor-widget-heading" data-id="239afb7f" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h3 class="elementor-heading-title elementor-size-default">Save & Backup</h3> </div> </div> <div class="elementor-element elementor-element-1f6b7b10 content-block-text video elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="1f6b7b10" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <div class="elementor-content-item elementor-cta__content-item elementor-cta__image"> <img loading="lazy" width="370" height="350" src="https://elementor.com/wp-content/uploads/2020/04/Image-13.svg" class="attachment-full size-full wp-image-70314" alt="" /> </div> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Auto Save </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Eliminate the need to click and save. With Elementor, your work is automatically saved and backed up. </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-79a4f5e6 content-block-text video elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="79a4f5e6" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <div class="elementor-content-item elementor-cta__content-item elementor-cta__image"> <img loading="lazy" width="370" height="350" src="https://elementor.com/wp-content/uploads/2020/04/Image-15.svg" class="attachment-full size-full wp-image-70316" alt="" /> </div> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Draft Mode </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Save a page as a draft to continue working on it even after it’s published. </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-6c0c5a9f content-block-text video elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="6c0c5a9f" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <div class="elementor-content-item elementor-cta__content-item elementor-cta__image"> <img loading="lazy" width="370" height="350" src="https://elementor.com/wp-content/uploads/2020/04/Image-14.svg" class="attachment-full size-full wp-image-70315" alt="" /> </div> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Revision History </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Quickly redo or undo any mistakes with a simple CTRL / CMD Z and easily save or retrace anything you create. </div> </div> </div> </div> </div> </div> </div> </div> </section> <div class="elementor-element elementor-element-766e7be1 grid-full-width subtitlemin elementor-widget elementor-widget-heading" data-id="766e7be1" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h3 class="elementor-heading-title elementor-size-default">Kits Library</h3> </div> </div> <section class="elementor-section elementor-inner-section elementor-element elementor-element-4bce77f6 bigcta grid-full-width elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="4bce77f6" data-element_type="section" id="KitsLibrary"> <div class="elementor-container elementor-column-gap-no"> <div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-38671dfe" data-id="38671dfe" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-20638155 content-block-text elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget-tablet__width-initial elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="20638155" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <div class="elementor-content-item elementor-cta__content-item elementor-cta__image"> <img loading="lazy" width="1100" height="1101" src="https://elementor.com/cdn-cgi/image/f=auto,w=1100,h=1101/https://elementor.com/wp-content/uploads/2022/01/Frame-10879525.png" class="attachment-full size-full wp-image-65985" alt="Full Website Kits" srcset="https://elementor.com/cdn-cgi/image/f=auto,w=1100/https://elementor.com/wp-content/uploads/2022/01/Frame-10879525.png 1100w, https://elementor.com/cdn-cgi/image/f=auto,w=600/https://elementor.com/wp-content/uploads/2022/01/Frame-10879525-600x600.png 600w, https://elementor.com/cdn-cgi/image/f=auto,w=1024/https://elementor.com/wp-content/uploads/2022/01/Frame-10879525-1024x1024.png 1024w, https://elementor.com/cdn-cgi/image/f=auto,w=768/https://elementor.com/wp-content/uploads/2022/01/Frame-10879525-768x769.png 768w" sizes="(max-width: 1100px) 100vw, 1100px" /> </div> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Full Website Kits </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Jumpstart your creation process with kits. Import a fully designed website, wireframe, or choose specific elements to add to your new website. </div> <div class="elementor-cta__button-wrapper elementor-cta__content-item elementor-content-item "> <a class="elementor-cta__button elementor-button elementor-size-" href="/features/website-kits/" aria-label="Go to page"> Read More <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.24999 10.071C2.24999 9.65683 2.58578 9.32104 2.99999 9.32104L15.3315 9.32105L10.7031 4.69273C10.4103 4.39983 10.4103 3.92496 10.7031 3.63207C10.996 3.33917 11.4709 3.33917 11.7638 3.63207L17.6725 9.54071C17.9653 9.83361 17.9653 10.3085 17.6725 10.6014L11.7638 16.51C11.4709 16.8029 10.996 16.8029 10.7031 16.51C10.4103 16.2171 10.4103 15.7423 10.7031 15.4494L15.3315 10.821L2.99999 10.821C2.58578 10.821 2.24999 10.4853 2.24999 10.071Z" fill="currentColor"></path></svg> </a> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-3367996e content-block-text elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget-tablet__width-initial elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="3367996e" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <div class="elementor-content-item elementor-cta__content-item elementor-cta__image"> <img loading="lazy" width="1100" height="841" src="https://elementor.com/cdn-cgi/image/f=auto,w=1100,h=841/https://elementor.com/wp-content/uploads/2020/04/Frame-10879524.png" class="attachment-full size-full wp-image-8225555" alt="" srcset="https://elementor.com/cdn-cgi/image/f=auto,w=1100/https://elementor.com/wp-content/uploads/2020/04/Frame-10879524.png 1100w, https://elementor.com/cdn-cgi/image/f=auto,w=600/https://elementor.com/wp-content/uploads/2020/04/Frame-10879524-600x459.png 600w, https://elementor.com/cdn-cgi/image/f=auto,w=1024/https://elementor.com/wp-content/uploads/2020/04/Frame-10879524-1024x783.png 1024w, https://elementor.com/cdn-cgi/image/f=auto,w=768/https://elementor.com/wp-content/uploads/2020/04/Frame-10879524-768x587.png 768w" sizes="(max-width: 1100px) 100vw, 1100px" /> </div> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Page Templates </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Choose from a variety of pre-designed page templates and quickly build a Home Page, About Page, and more. </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-26adcddd content-block-text pro elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget-tablet__width-initial elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="26adcddd" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <div class="elementor-content-item elementor-cta__content-item elementor-cta__image"> <img loading="lazy" width="1100" height="1101" src="https://elementor.com/cdn-cgi/image/f=auto,w=1100,h=1101/https://elementor.com/wp-content/uploads/2022/01/Frame-10879526.png" class="attachment-full size-full wp-image-65987" alt="Pop-up Templates" srcset="https://elementor.com/cdn-cgi/image/f=auto,w=1100/https://elementor.com/wp-content/uploads/2022/01/Frame-10879526.png 1100w, https://elementor.com/cdn-cgi/image/f=auto,w=600/https://elementor.com/wp-content/uploads/2022/01/Frame-10879526-600x600.png 600w, https://elementor.com/cdn-cgi/image/f=auto,w=1024/https://elementor.com/wp-content/uploads/2022/01/Frame-10879526-1024x1024.png 1024w, https://elementor.com/cdn-cgi/image/f=auto,w=768/https://elementor.com/wp-content/uploads/2022/01/Frame-10879526-768x769.png 768w" sizes="(max-width: 1100px) 100vw, 1100px" /> </div> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Pop-up Templates </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Create professional popups using an ever-growing selection of designer-made popup templates. </div> </div> </div> </div> </div> </div> </div> <div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-41269742" data-id="41269742" data-element_type="column" data-settings="{"background_background":"classic"}"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-420bd3ef content-block-text elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget-tablet__width-initial elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="420bd3ef" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <div class="elementor-content-item elementor-cta__content-item elementor-cta__image"> <img loading="lazy" width="1100" height="841" src="https://elementor.com/cdn-cgi/image/f=auto,w=1100,h=841/https://elementor.com/wp-content/uploads/2020/04/Frame-10879759.png" class="attachment-full size-full wp-image-8225553" alt="" srcset="https://elementor.com/cdn-cgi/image/f=auto,w=1100/https://elementor.com/wp-content/uploads/2020/04/Frame-10879759.png 1100w, https://elementor.com/cdn-cgi/image/f=auto,w=600/https://elementor.com/wp-content/uploads/2020/04/Frame-10879759-600x459.png 600w, https://elementor.com/cdn-cgi/image/f=auto,w=1024/https://elementor.com/wp-content/uploads/2020/04/Frame-10879759-1024x783.png 1024w, https://elementor.com/cdn-cgi/image/f=auto,w=768/https://elementor.com/wp-content/uploads/2020/04/Frame-10879759-768x587.png 768w" sizes="(max-width: 1100px) 100vw, 1100px" /> </div> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Import / Export </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Export your template and import all of its parts, including images, to any other website. </div> <div class="elementor-cta__button-wrapper elementor-cta__content-item elementor-content-item "> <a class="elementor-cta__button elementor-button elementor-size-" href="#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJ0eXBlIjoidmlkZW8iLCJ2aWRlb1R5cGUiOiJ5b3V0dWJlIiwidXJsIjoiaHR0cHM6XC9cL3d3dy55b3V0dWJlLmNvbVwvZW1iZWRcL2FHV1plVzhQdWFRP2ZlYXR1cmU9b2VtYmVkIn0%3D" aria-label="Watch video(popup)"> Watch Video <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.24999 10.071C2.24999 9.65683 2.58578 9.32104 2.99999 9.32104L15.3315 9.32105L10.7031 4.69273C10.4103 4.39983 10.4103 3.92496 10.7031 3.63207C10.996 3.33917 11.4709 3.33917 11.7638 3.63207L17.6725 9.54071C17.9653 9.83361 17.9653 10.3085 17.6725 10.6014L11.7638 16.51C11.4709 16.8029 10.996 16.8029 10.7031 16.51C10.4103 16.2171 10.4103 15.7423 10.7031 15.4494L15.3315 10.821L2.99999 10.821C2.58578 10.821 2.24999 10.4853 2.24999 10.071Z" fill="currentColor"></path></svg> </a> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-79822906 content-block-text elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget-tablet__width-initial elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="79822906" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <div class="elementor-content-item elementor-cta__content-item elementor-cta__image"> <img loading="lazy" width="550" height="551" src="https://elementor.com/cdn-cgi/image/f=auto,w=550,h=551/https://elementor.com/wp-content/uploads/2022/01/Frame-10879524-1.png" class="attachment-full size-full wp-image-65989" alt="Landing Page Templates" /> </div> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Landing Page Templates </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Create high-converting landing pages using beautiful, pre-designed responsive templates. </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-31746daa content-block-text elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget-tablet__width-initial elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="31746daa" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <div class="elementor-content-item elementor-cta__content-item elementor-cta__image"> <img loading="lazy" width="1100" height="841" src="https://elementor.com/cdn-cgi/image/f=auto,w=1100,h=841/https://elementor.com/wp-content/uploads/2022/01/Frame-10879527.png" class="attachment-full size-full wp-image-65990" alt="Blocks Templates" srcset="https://elementor.com/cdn-cgi/image/f=auto,w=1100/https://elementor.com/wp-content/uploads/2022/01/Frame-10879527.png 1100w, https://elementor.com/cdn-cgi/image/f=auto,w=600/https://elementor.com/wp-content/uploads/2022/01/Frame-10879527-600x459.png 600w, https://elementor.com/cdn-cgi/image/f=auto,w=1024/https://elementor.com/wp-content/uploads/2022/01/Frame-10879527-1024x783.png 1024w, https://elementor.com/cdn-cgi/image/f=auto,w=768/https://elementor.com/wp-content/uploads/2022/01/Frame-10879527-768x587.png 768w" sizes="(max-width: 1100px) 100vw, 1100px" /> </div> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Blocks Templates </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Build your page piece by piece with Blocks. Use pre-designed, simple section templates such as 404, Testimonials, and more. </div> </div> </div> </div> </div> </div> </div> </div> </section> </div> </div> </div> </section> <section class="elementor-section elementor-top-section elementor-element elementor-element-6d373fd5 search-target smallcta greenbox elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="6d373fd5" data-element_type="section"> <div class="elementor-container elementor-column-gap-no"> <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1fd37098 supergrid" data-id="1fd37098" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-713d7388 content-block-text video elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="713d7388" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Compatibility with Envato kits </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Access 1000+ Elementor-ready, fully designed website kits on Themeforest and have a new website in a click. </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-5ac51a72 content-block-text video elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="5ac51a72" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Save & Reuse </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Save a page to the library after you’ve created it and reuse in one click. </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-78ef5bca content-block-text video elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="78ef5bca" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Search & Filter </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Search or filter the templates to easily find the one that best fits your needs. </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-338cf1fd content-block-text video pro elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="338cf1fd" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Template Shortcode </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Get the shortcode for any template and embed it anywhere you like. </div> </div> </div> </div> </div> </div> </div> </div> </section> <section class="elementor-section elementor-top-section elementor-element elementor-element-77bb66c2 search-target design elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="77bb66c2" data-element_type="section"> <div class="elementor-container elementor-column-gap-no"> <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5a5f7619" data-id="5a5f7619" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-1ff4fcf6 elementor-widget elementor-widget-heading" data-id="1ff4fcf6" data-element_type="widget" id="design" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h2 class="elementor-heading-title elementor-size-default">Design Capabilities</h2> </div> </div> <div class="elementor-element elementor-element-19486475 tocbox elementor-widget__width-initial elementor-absolute elementor-nav-menu--dropdown-tablet elementor-nav-menu__text-align-aside elementor-widget elementor-widget-nav-menu" data-id="19486475" data-element_type="widget" data-settings="{"layout":"vertical","sticky":"top","sticky_offset":147,"sticky_parent":"yes","_position":"absolute","submenu_icon":{"value":"<svg class=\"e-font-icon-svg e-fas-caret-down\" viewBox=\"0 0 320 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z\"><\/path><\/svg>","library":"fa-solid"},"sticky_on":["desktop","tablet","mobile"],"sticky_effects_offset":0}" data-widget_type="nav-menu.default"> <div class="elementor-widget-container"> <nav aria-label="Menu" class="elementor-nav-menu--main elementor-nav-menu__container elementor-nav-menu--layout-vertical e--pointer-none"> <ul id="menu-1-19486475" class="elementor-nav-menu sm-vertical"><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-65944"><a href="#globals" class="elementor-item elementor-item-anchor">Globals</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-65945"><a href="#assets" class="elementor-item elementor-item-anchor">Assets & Media</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-65946"><a href="#colors" class="elementor-item elementor-item-anchor">Color & Effects</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-65947"><a href="#typo" class="elementor-item elementor-item-anchor">Typography</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-65948"><a href="#layout" class="elementor-item elementor-item-anchor">Layout</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-65949"><a href="#respo" class="elementor-item elementor-item-anchor">Responsive Design</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-65950"><a href="#motion" class="elementor-item elementor-item-anchor">Motion & Interactions</a></li> <li class="upnext menu-item menu-item-type-custom menu-item-object-custom menu-item-65951"><a href="#ecommerce" class="elementor-item elementor-item-anchor">Up Next: Ecommerce <svg width="20" height="21" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.558 13.015 10 12.437l-.558.578a.77.77 0 0 0 1.116 0ZM10 11.28 6.348 7.495a.77.77 0 0 0-1.117 0 .84.84 0 0 0 0 1.157l4.21 4.363.559-.578.558.578 4.21-4.363a.84.84 0 0 0 0-1.157.77.77 0 0 0-1.116 0L10 11.28Z" fill="#05047E"/></svg></a></li> </ul> </nav> <nav class="elementor-nav-menu--dropdown elementor-nav-menu__container" aria-hidden="true"> <ul id="menu-2-19486475" class="elementor-nav-menu sm-vertical"><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-65944"><a href="#globals" class="elementor-item elementor-item-anchor" tabindex="-1">Globals</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-65945"><a href="#assets" class="elementor-item elementor-item-anchor" tabindex="-1">Assets & Media</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-65946"><a href="#colors" class="elementor-item elementor-item-anchor" tabindex="-1">Color & Effects</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-65947"><a href="#typo" class="elementor-item elementor-item-anchor" tabindex="-1">Typography</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-65948"><a href="#layout" class="elementor-item elementor-item-anchor" tabindex="-1">Layout</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-65949"><a href="#respo" class="elementor-item elementor-item-anchor" tabindex="-1">Responsive Design</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-65950"><a href="#motion" class="elementor-item elementor-item-anchor" tabindex="-1">Motion & Interactions</a></li> <li class="upnext menu-item menu-item-type-custom menu-item-object-custom menu-item-65951"><a href="#ecommerce" class="elementor-item elementor-item-anchor" tabindex="-1">Up Next: Ecommerce <svg width="20" height="21" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.558 13.015 10 12.437l-.558.578a.77.77 0 0 0 1.116 0ZM10 11.28 6.348 7.495a.77.77 0 0 0-1.117 0 .84.84 0 0 0 0 1.157l4.21 4.363.559-.578.558.578 4.21-4.363a.84.84 0 0 0 0-1.157.77.77 0 0 0-1.116 0L10 11.28Z" fill="#05047E"/></svg></a></li> </ul> </nav> </div> </div> <section class="elementor-section elementor-inner-section elementor-element elementor-element-75efb9 bigcta elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="75efb9" data-element_type="section" id="globals"> <div class="elementor-container elementor-column-gap-no"> <div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-7e7a0da7" data-id="7e7a0da7" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-27671077 content-block-text elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget-tablet__width-initial elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="27671077" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <div class="elementor-content-item elementor-cta__content-item elementor-cta__image"> <img loading="lazy" width="550" height="421" src="https://elementor.com/cdn-cgi/image/f=auto,w=550,h=421/https://elementor.com/wp-content/uploads/2022/01/Frame-10879902-1.png" class="attachment-full size-full wp-image-65991" alt="Global Fonts" /> </div> <h3 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Global Fonts </h3> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Choose the fonts for your website and apply them wherever you need, from titles to buttons, in one click. </div> <div class="elementor-cta__button-wrapper elementor-cta__content-item elementor-content-item "> <a class="elementor-cta__button elementor-button elementor-size-" href="/features/global-settings/" alt="Go to page"> Read More <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.24999 10.071C2.24999 9.65683 2.58578 9.32104 2.99999 9.32104L15.3315 9.32105L10.7031 4.69273C10.4103 4.39983 10.4103 3.92496 10.7031 3.63207C10.996 3.33917 11.4709 3.33917 11.7638 3.63207L17.6725 9.54071C17.9653 9.83361 17.9653 10.3085 17.6725 10.6014L11.7638 16.51C11.4709 16.8029 10.996 16.8029 10.7031 16.51C10.4103 16.2171 10.4103 15.7423 10.7031 15.4494L15.3315 10.821L2.99999 10.821C2.58578 10.821 2.24999 10.4853 2.24999 10.071Z" fill="currentColor"></path></svg> </a> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-37445a3b content-block-text pro elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget-tablet__width-initial elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="37445a3b" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <div class="elementor-content-item elementor-cta__content-item elementor-cta__image"> <img loading="lazy" width="1100" height="841" src="https://elementor.com/cdn-cgi/image/f=auto,w=1100,h=841/https://elementor.com/wp-content/uploads/2020/04/Group-10878952.png" class="attachment-full size-full wp-image-8225557" alt="" srcset="https://elementor.com/cdn-cgi/image/f=auto,w=1100/https://elementor.com/wp-content/uploads/2020/04/Group-10878952.png 1100w, https://elementor.com/cdn-cgi/image/f=auto,w=600/https://elementor.com/wp-content/uploads/2020/04/Group-10878952-600x459.png 600w, https://elementor.com/cdn-cgi/image/f=auto,w=1024/https://elementor.com/wp-content/uploads/2020/04/Group-10878952-1024x783.png 1024w, https://elementor.com/cdn-cgi/image/f=auto,w=768/https://elementor.com/wp-content/uploads/2020/04/Group-10878952-768x587.png 768w" sizes="(max-width: 1100px) 100vw, 1100px" /> </div> <h3 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Global Custom CSS </h3> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Add custom CSS globally and apply them throughout your entire website. </div> <div class="elementor-cta__button-wrapper elementor-cta__content-item elementor-content-item "> <a class="elementor-cta__button elementor-button elementor-size-" href="https://elementor.com/academy/how-to-add-custom-css/" target="_blank" alt="Go to page"> Read More <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.24999 10.071C2.24999 9.65683 2.58578 9.32104 2.99999 9.32104L15.3315 9.32105L10.7031 4.69273C10.4103 4.39983 10.4103 3.92496 10.7031 3.63207C10.996 3.33917 11.4709 3.33917 11.7638 3.63207L17.6725 9.54071C17.9653 9.83361 17.9653 10.3085 17.6725 10.6014L11.7638 16.51C11.4709 16.8029 10.996 16.8029 10.7031 16.51C10.4103 16.2171 10.4103 15.7423 10.7031 15.4494L15.3315 10.821L2.99999 10.821C2.58578 10.821 2.24999 10.4853 2.24999 10.071Z" fill="currentColor"></path></svg> </a> </div> </div> </div> </div> </div> </div> </div> <div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-a411b26" data-id="a411b26" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-786ef308 content-block-text elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget-tablet__width-initial elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="786ef308" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <div class="elementor-content-item elementor-cta__content-item elementor-cta__image"> <img loading="lazy" width="1100" height="841" src="https://elementor.com/cdn-cgi/image/f=auto,w=1100,h=841/https://elementor.com/wp-content/uploads/2020/04/Frame-10879769-1.png" class="attachment-full size-full wp-image-8225556" alt="" srcset="https://elementor.com/cdn-cgi/image/f=auto,w=1100/https://elementor.com/wp-content/uploads/2020/04/Frame-10879769-1.png 1100w, https://elementor.com/cdn-cgi/image/f=auto,w=600/https://elementor.com/wp-content/uploads/2020/04/Frame-10879769-1-600x459.png 600w, https://elementor.com/cdn-cgi/image/f=auto,w=1024/https://elementor.com/wp-content/uploads/2020/04/Frame-10879769-1-1024x783.png 1024w, https://elementor.com/cdn-cgi/image/f=auto,w=768/https://elementor.com/wp-content/uploads/2020/04/Frame-10879769-1-768x587.png 768w" sizes="(max-width: 1100px) 100vw, 1100px" /> </div> <h3 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Global Colors </h3> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Define your website’s design system with global colors. Save them once and apply them to any element on your website. </div> <div class="elementor-cta__button-wrapper elementor-cta__content-item elementor-content-item "> <a class="elementor-cta__button elementor-button elementor-size-" href="/features/global-settings/" alt="Go to page"> Read More <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.24999 10.071C2.24999 9.65683 2.58578 9.32104 2.99999 9.32104L15.3315 9.32105L10.7031 4.69273C10.4103 4.39983 10.4103 3.92496 10.7031 3.63207C10.996 3.33917 11.4709 3.33917 11.7638 3.63207L17.6725 9.54071C17.9653 9.83361 17.9653 10.3085 17.6725 10.6014L11.7638 16.51C11.4709 16.8029 10.996 16.8029 10.7031 16.51C10.4103 16.2171 10.4103 15.7423 10.7031 15.4494L15.3315 10.821L2.99999 10.821C2.58578 10.821 2.24999 10.4853 2.24999 10.071Z" fill="currentColor"></path></svg> </a> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-785c7f3f content-block-text elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget-tablet__width-initial elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="785c7f3f" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <div class="elementor-content-item elementor-cta__content-item elementor-cta__image"> <img loading="lazy" width="550" height="424" src="https://elementor.com/cdn-cgi/image/f=auto,w=550,h=424/https://elementor.com/wp-content/uploads/2022/01/Group-10878952-1.png" class="attachment-full size-full wp-image-65994" alt="Theme Style" /> </div> <h3 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Theme Style </h3> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Set default styling options for various elements including headings, buttons, form fields, background, and image styles. </div> </div> </div> </div> </div> </div> </div> </div> </section> <section class="elementor-section elementor-inner-section elementor-element elementor-element-425f2dc6 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="425f2dc6" data-element_type="section" id="assets"> <div class="elementor-container elementor-column-gap-no"> <div class="elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-6f1ac69 supergrid smallcta bluebox" data-id="6f1ac69" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-4334509f grid-full-width subtitlemin elementor-widget elementor-widget-heading" data-id="4334509f" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h3 class="elementor-heading-title elementor-size-default">Assets & Media</h3> </div> </div> <div class="elementor-element elementor-element-20cf5c92 content-block-text video elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="20cf5c92" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Icon Library </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Choose from 1500+ icons and apply them across your website design, or upload your own. </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-18cad92a content-block-text video elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="18cad92a" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> SVG Icons </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Create smart, flexible, light, and completely customizable icons in any size. </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-2c850022 content-block-text video elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="2c850022" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Background Videos </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Bring your background to life by adding interesting videos to your sections. </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-510d01e4 content-block-text video elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="510d01e4" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Background Slideshow </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Create a slideshow and use it as the background for any section or column on your website. </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-26f26b23 content-block-text video elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="26f26b23" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Shape Divider </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Separate the sections of your page using shapes, and make them pop by adding SVG, Icons, or texts inside. </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-4527048c content-block-text video elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="4527048c" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Mask Shapes </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Turning any element, like an image or video, into whatever shape you desire to create standout designs. </div> </div> </div> </div> </div> </div> </div> </div> </section> <section class="elementor-section elementor-inner-section elementor-element elementor-element-49b8423c elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="49b8423c" data-element_type="section" id="colors"> <div class="elementor-container elementor-column-gap-no"> <div class="elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-39d6dc1b supergrid smallcta bluebox" data-id="39d6dc1b" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-7f8bf50f grid-full-width subtitlemin elementor-widget elementor-widget-heading" data-id="7f8bf50f" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h3 class="elementor-heading-title elementor-size-default">Color & Effects</h3> </div> </div> <div class="elementor-element elementor-element-32ce9701 content-block-text video elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="32ce9701" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Gradients </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Use gradient colors across your website, from pages to buttons, and create design consistency. </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-41a27f22 content-block-text video elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="41a27f22" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Background Overlay </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Add another layer of color, gradient, or image above your background. </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-2323f3b1 content-block-text video elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="2323f3b1" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Blend Modes </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Mix up your background and background overlays to create spectacular blend mode effects. </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-782c5e22 content-block-text video elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="782c5e22" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> CSS Filters </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Use CSS filters to adjust image settings and create amazing effects. </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-587a4401 content-block-text video elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="587a4401" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Color Sampler </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Sample a specific color from your widgets or fetch the primary colors from any image on your page. </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-7a18920a content-block-text video elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="7a18920a" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Box Shadow </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Set custom-made box shadows visually without involving CSS. </div> </div> </div> </div> </div> </div> </div> </div> </section> <section class="elementor-section elementor-inner-section elementor-element elementor-element-510f5b9c elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="510f5b9c" data-element_type="section" id="typo"> <div class="elementor-container elementor-column-gap-no"> <div class="elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-4d9c3305 supergrid smallcta bluebox" data-id="4d9c3305" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-6834949a grid-full-width subtitlemin elementor-widget elementor-widget-heading" data-id="6834949a" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h3 class="elementor-heading-title elementor-size-default">Typography </h3> </div> </div> <div class="elementor-element elementor-element-1ddb7e0f content-block-text video elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="1ddb7e0f" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Typography Control </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Play with the font family, size, weight, transform, style, decoration, line-height, letter spacing and word spacing. </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-5b648e26 content-block-text video elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="5b648e26" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Font Preview </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> See a preview of fonts in the panel, making it is easier to choose the right one. </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-48196c40 content-block-text video pro elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="48196c40" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Custom Fonts </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Add your custom and Typekit fonts and use them throughout your projects. </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-7ad9d470 content-block-text elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="7ad9d470" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Google Fonts </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Choose from hundreds of Google fonts available for every widget with text. </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-3a64d2bc content-block-text video elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="3a64d2bc" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Font size: PX, EM, REM </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Set your typography to be scaled using PX, EM or REM, for better responsive design. </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-5bd8d5e5 content-block-text video new elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="5bd8d5e5" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Text stroke </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Add an outline to any heading you wish by using Text Stroke. </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-7e31ea9d content-block-text pro elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="7e31ea9d" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Adobe Fonts integration </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Upload your own custom and Adobe fonts and use them throughout your projects. </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-1868e210 content-block-text elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="1868e210" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Drop Cap </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Make the first letter of your blog post larger to create a stylish and distinguished look. </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-78392469 content-block-text elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="78392469" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Text Shadow </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Emphasize your content by adding a text shadow effect to any widget with text. </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-26f67ec0 content-block-text elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="26f67ec0" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Text Editor Columns </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Divide your Text Editor widget into responsive columns, and set the gap between the columns for a better layout. </div> </div> </div> </div> </div> </div> </div> </div> </section> <section class="elementor-section elementor-inner-section elementor-element elementor-element-72542fda elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="72542fda" data-element_type="section" id="layout"> <div class="elementor-container elementor-column-gap-no"> <div class="elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-20d4dd10 supergrid smallcta bluebox" data-id="20d4dd10" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-59b30221 grid-full-width subtitlemin elementor-widget elementor-widget-heading" data-id="59b30221" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h3 class="elementor-heading-title elementor-size-default">Layout</h3> </div> </div> <div class="elementor-element elementor-element-50df88fd content-block-text elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="50df88fd" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Layout Customization </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Control section Width and Height, easily creating full-width pages. Customize column width as well as the gaps between columns. </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-6691c896 content-block-text elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="6691c896" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Absolute Positioning </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Drag a widget to any location on the page, regardless of the grid. Set your widget to have a fixed position, place it wherever you like, and have it scroll alongside your user. </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-2e5bc7b4 content-block-text elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="2e5bc7b4" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Margins & Padding </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Set the padding & margin for sections, columns and widgets. Define the space between elements, and direct users’ focus to specific areas on the page. </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-6ac861e6 content-block-text elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="6ac861e6" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Z-Index </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Put any section, column, or widget in the front or back. Set the order that elements are displayed using the Z-index feature. </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-6320e3c5 content-block-text elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="6320e3c5" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Flexbox Alignment </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Align and distribute widgets across each column, either vertically or horizontally, and acieve a “stretch-to-fill” layout using the power of flexbox. </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-49cb708a content-block-text elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="49cb708a" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Inline Elements </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Place two widgets side-by-side within the same column using inline or custom width. Choose between Start, Center, Space Evenly, and more. </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-8a892d8 content-block-text elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="8a892d8" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Nested Columns </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Create advanced layouts by nesting columns inside a section. Build complex designs such as an inner section between columns. </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-fd1397f content-block-text elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="fd1397f" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Canvas Templates </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Design your entire landing page without involving the header or footer by using the Elementor Canvas template. </div> </div> </div> </div> </div> </div> </div> </div> </section> <section class="elementor-section elementor-inner-section elementor-element elementor-element-1bfbab60 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="1bfbab60" data-element_type="section" id="respo"> <div class="elementor-container elementor-column-gap-no"> <div class="elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-4db64e0 supergrid smallcta bluebox" data-id="4db64e0" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-3c8ae3c grid-full-width subtitlemin elementor-widget elementor-widget-heading" data-id="3c8ae3c" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h3 class="elementor-heading-title elementor-size-default">Responsive Design</h3> </div> </div> <div class="elementor-element elementor-element-139d6271 content-block-text elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="139d6271" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Custom Breakpoints </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Design for up to seven devices with full customization freedom to fit any screen. </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-511fac25 content-block-text elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="511fac25" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Reverse Columns </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Reverse the order of columns so that the last column appears at the top on mobile. </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-4e606253 content-block-text elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="4e606253" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Hide and Show Elements </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Select which sections and widgets you want to show on any device. </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-3e16428 content-block-text elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="3e16428" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Visible Responsive Values </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> View the starting values for each screen and change breakpoints accordingly to keep your designs consistent. </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-31772385 content-block-text elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="31772385" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Mobile Browser Background </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Choose the image or color of your website’s background on mobile, and adjust the display options for full control. </div> </div> </div> </div> </div> </div> </div> </div> </section> <section class="elementor-section elementor-inner-section elementor-element elementor-element-2f6a8a7c elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="2f6a8a7c" data-element_type="section" id="motion"> <div class="elementor-container elementor-column-gap-no"> <div class="elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-6bb49201 supergrid smallcta bluebox" data-id="6bb49201" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-497de261 grid-full-width subtitlemin elementor-widget elementor-widget-heading" data-id="497de261" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h3 class="elementor-heading-title elementor-size-default">Motion & Interactions</h3> </div> </div> <div class="elementor-element elementor-element-15579612 content-block-text ghost elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="15579612" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Motion Effects </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Add interactions and animations to your website using Scrolling and Mouse Effects. </div> <div class="elementor-cta__button-wrapper elementor-cta__content-item elementor-content-item "> <a class="elementor-cta__button elementor-button elementor-size-" href="https://elementor.com/features/motion-effects/" target="_blank" aria-label="Read more about Motion Effects"> Read More <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.24999 10.071C2.24999 9.65683 2.58578 9.32104 2.99999 9.32104L15.3315 9.32105L10.7031 4.69273C10.4103 4.39983 10.4103 3.92496 10.7031 3.63207C10.996 3.33917 11.4709 3.33917 11.7638 3.63207L17.6725 9.54071C17.9653 9.83361 17.9653 10.3085 17.6725 10.6014L11.7638 16.51C11.4709 16.8029 10.996 16.8029 10.7031 16.51C10.4103 16.2171 10.4103 15.7423 10.7031 15.4494L15.3315 10.821L2.99999 10.821C2.58578 10.821 2.24999 10.4853 2.24999 10.071Z" fill="currentColor"></path></svg> </a> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-80cef57 content-block-text pro elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="80cef57" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Scrolling Effects </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Set a sticky header, footer or other section, and make sure your message follows your users as they scroll. </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-40bc4865 content-block-text elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="40bc4865" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Hover Animations </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Create magnificent hover animations that add another layer of interaction to your website. </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-45eff0a3 content-block-text elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="45eff0a3" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Entrance Animations </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Include hover and entrance animations and make your widgets appear interactively. </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-6e86a999 content-block-text new elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="6e86a999" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> CSS Transform </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Rotate, scale, skew, offset and flip any element on your page without writing a single line of code. </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-1430695f content-block-text elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="1430695f" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Parallax </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Create amazing animations and interactions when the user scrolls through the page. </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-6d7408fe content-block-text pro elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="6d7408fe" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Mouse Effects </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Add depth to your website by making elements shift in relation to the mouse movement. </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-6c8d03a4 content-block-text pro elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="6c8d03a4" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> 3D Tilt Effect </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Cause elements to float and glide slightly as the user moves their cursor over each item. </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-68804e60 content-block-text elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="68804e60" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Exit Animation </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Choose the popup’s exit animation, such as fade and zoom, from the dropdown selections. </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-fdce9c2 content-block-text new pro elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="fdce9c2" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Page Transitions </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Upon page transitions, change the color of the Canvas, add an icon, logo or animation from the Elementor library </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-2b5bd6c content-block-text ghost pro elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="2b5bd6c" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Scroll Snap </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Control the customer’s experience as they scroll through your website by snapping to any section on the page </div> <div class="elementor-cta__button-wrapper elementor-cta__content-item elementor-content-item "> <a class="elementor-cta__button elementor-button elementor-size-" href="https://elementor.com/features/scroll-snap" aria-label="Read more abou Scroll Snap"> Read More <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.24999 10.071C2.24999 9.65683 2.58578 9.32104 2.99999 9.32104L15.3315 9.32105L10.7031 4.69273C10.4103 4.39983 10.4103 3.92496 10.7031 3.63207C10.996 3.33917 11.4709 3.33917 11.7638 3.63207L17.6725 9.54071C17.9653 9.83361 17.9653 10.3085 17.6725 10.6014L11.7638 16.51C11.4709 16.8029 10.996 16.8029 10.7031 16.51C10.4103 16.2171 10.4103 15.7423 10.7031 15.4494L15.3315 10.821L2.99999 10.821C2.58578 10.821 2.24999 10.4853 2.24999 10.071Z" fill="currentColor"></path></svg> </a> </div> </div> </div> </div> </div> </div> </div> </div> </section> </div> </div> </div> </section> <section class="elementor-section elementor-top-section elementor-element elementor-element-68643107 search-target bigcta ecommerce elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="68643107" data-element_type="section" id="ecommerce"> <div class="elementor-container elementor-column-gap-no"> <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6b5f2303" data-id="6b5f2303" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-7cf9b55c elementor-widget elementor-widget-heading" data-id="7cf9b55c" data-element_type="widget" id="ecommerce" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h2 class="elementor-heading-title elementor-size-default">Ecommerce Features</h2> </div> </div> <section class="elementor-section elementor-inner-section elementor-element elementor-element-76fe8c8c elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="76fe8c8c" data-element_type="section"> <div class="elementor-container elementor-column-gap-no"> <div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-22ac80e5" data-id="22ac80e5" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-53367b27 content-block-text pro elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget-tablet__width-initial elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="53367b27" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <div class="elementor-content-item elementor-cta__content-item elementor-cta__image"> <img loading="lazy" width="1100" height="841" src="https://elementor.com/cdn-cgi/image/f=auto,w=1100,h=841/https://elementor.com/wp-content/uploads/2020/04/Frame-10879903-1.png" class="attachment-full size-full wp-image-8222453" alt="" srcset="https://elementor.com/cdn-cgi/image/f=auto,w=1100/https://elementor.com/wp-content/uploads/2020/04/Frame-10879903-1.png 1100w, https://elementor.com/cdn-cgi/image/f=auto,w=600/https://elementor.com/wp-content/uploads/2020/04/Frame-10879903-1-600x459.png 600w, https://elementor.com/cdn-cgi/image/f=auto,w=1024/https://elementor.com/wp-content/uploads/2020/04/Frame-10879903-1-1024x783.png 1024w, https://elementor.com/cdn-cgi/image/f=auto,w=768/https://elementor.com/wp-content/uploads/2020/04/Frame-10879903-1-768x587.png 768w" sizes="(max-width: 1100px) 100vw, 1100px" /> </div> <h3 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Ecommerce </h3> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Build every part of your ecommerce website, and connect with customers using popups, landing pages, and more. </div> <div class="elementor-cta__button-wrapper elementor-cta__content-item elementor-content-item "> <a class="elementor-cta__button elementor-button elementor-size-" href="/features/ecommerce/" alt="Go to page"> Read More <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.24999 10.071C2.24999 9.65683 2.58578 9.32104 2.99999 9.32104L15.3315 9.32105L10.7031 4.69273C10.4103 4.39983 10.4103 3.92496 10.7031 3.63207C10.996 3.33917 11.4709 3.33917 11.7638 3.63207L17.6725 9.54071C17.9653 9.83361 17.9653 10.3085 17.6725 10.6014L11.7638 16.51C11.4709 16.8029 10.996 16.8029 10.7031 16.51C10.4103 16.2171 10.4103 15.7423 10.7031 15.4494L15.3315 10.821L2.99999 10.821C2.58578 10.821 2.24999 10.4853 2.24999 10.071Z" fill="currentColor"></path></svg> </a> </div> </div> </div> </div> </div> </div> </div> <div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-486a3617" data-id="486a3617" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-1b24c768 content-block-text pro elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget-tablet__width-initial elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="1b24c768" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <div class="elementor-content-item elementor-cta__content-item elementor-cta__image"> <img loading="lazy" width="550" height="421" src="https://elementor.com/cdn-cgi/image/f=auto,w=550,h=421/https://elementor.com/wp-content/uploads/2022/01/Frame-10879768.png" class="attachment-full size-full wp-image-65996" alt="WooCommerce Builder" /> </div> <h3 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> WooCommerce Builder </h3> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Design your WooCommerce website, customize everything, and create the ultimate shopping experience. </div> <div class="elementor-cta__button-wrapper elementor-cta__content-item elementor-content-item "> <a class="elementor-cta__button elementor-button elementor-size-" href="/features/woocommerce-builder/" alt="Go to page"> Read More <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.24999 10.071C2.24999 9.65683 2.58578 9.32104 2.99999 9.32104L15.3315 9.32105L10.7031 4.69273C10.4103 4.39983 10.4103 3.92496 10.7031 3.63207C10.996 3.33917 11.4709 3.33917 11.7638 3.63207L17.6725 9.54071C17.9653 9.83361 17.9653 10.3085 17.6725 10.6014L11.7638 16.51C11.4709 16.8029 10.996 16.8029 10.7031 16.51C10.4103 16.2171 10.4103 15.7423 10.7031 15.4494L15.3315 10.821L2.99999 10.821C2.58578 10.821 2.24999 10.4853 2.24999 10.071Z" fill="currentColor"></path></svg> </a> </div> </div> </div> </div> </div> </div> </div> </div> </section> </div> </div> </div> </section> <section class="elementor-section elementor-top-section elementor-element elementor-element-1927b3a search-target smallcta orangebox ecommerce elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="1927b3a" data-element_type="section"> <div class="elementor-container elementor-column-gap-no"> <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-48408c5d supergrid" data-id="48408c5d" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-3482ffe8 content-block-text pro elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="3482ffe8" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Cart Customization </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Customize your cart layout and style including the section titles, labels, and placeholders of the form fields, and add a branded custom template for the Empty Cart state. </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-5ec11bd0 content-block-text pro elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="5ec11bd0" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Checkout Customization </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Edit the section titles, labels, and placeholders of the form fields. Style everything as a whole or by section. </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-30a1f242 content-block-text pro elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="30a1f242" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> WooCommerce Site Settings </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Configure the required WooCommerce transactional pages directly within Elementor. </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-2ca31147 content-block-text pro elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="2ca31147" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Dynamic WooCommerce Tags </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Change product features once and have them applied everywhere the tags appear across your website. </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-1fc60732 content-block-text pro elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="1fc60732" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> My Account Customization </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Design WooCommerce’s My Account page, changing the layout, style, tab names & alignment, and add a custom template for the Dashboard tab, and more. </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-4057789d content-block-text pro elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="4057789d" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Product Page Customization </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Control the design and layout of your single product template with full customization options. </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-5f874045 content-block-text pro elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="5f874045" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Product Archives Customization </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Design your WooCommerce product archives template for full control over your display conditions. </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-7bae47d content-block-text pro elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="7bae47d" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Payment Processing Integration </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Sell few items online and Integrate with PayPal/Stripe to process the transactions without setting up an entire store. </div> </div> </div> </div> </div> </div> </div> </div> </section> <section class="elementor-section elementor-top-section elementor-element elementor-element-271d2443 search-target bigcta mktng elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="271d2443" data-element_type="section"> <div class="elementor-container elementor-column-gap-no"> <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1751ea69" data-id="1751ea69" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-123599c5 elementor-widget elementor-widget-heading" data-id="123599c5" data-element_type="widget" id="marketing" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h2 class="elementor-heading-title elementor-size-default">Marketing Features</h2> </div> </div> <section class="elementor-section elementor-inner-section elementor-element elementor-element-2c722b19 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="2c722b19" data-element_type="section"> <div class="elementor-container elementor-column-gap-no"> <div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-54c8a69c" data-id="54c8a69c" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-efd4c3b content-block-text elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget-tablet__width-initial elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="efd4c3b" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <div class="elementor-content-item elementor-cta__content-item elementor-cta__image"> <img loading="lazy" width="1101" height="1101" src="https://elementor.com/cdn-cgi/image/f=auto,w=1101,h=1101/https://elementor.com/wp-content/uploads/2020/04/Frame-10879775.png" class="attachment-full size-full wp-image-8222455" alt="" srcset="https://elementor.com/cdn-cgi/image/f=auto,w=1101/https://elementor.com/wp-content/uploads/2020/04/Frame-10879775.png 1101w, https://elementor.com/cdn-cgi/image/f=auto,w=600/https://elementor.com/wp-content/uploads/2020/04/Frame-10879775-600x600.png 600w, https://elementor.com/cdn-cgi/image/f=auto,w=1024/https://elementor.com/wp-content/uploads/2020/04/Frame-10879775-1024x1024.png 1024w, https://elementor.com/cdn-cgi/image/f=auto,w=768/https://elementor.com/wp-content/uploads/2020/04/Frame-10879775-768x768.png 768w" sizes="(max-width: 1101px) 100vw, 1101px" /> </div> <h3 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Landing Pages </h3> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Build high-converting landing pages from within your current WordPress website and turn viewers into engaged users. </div> <div class="elementor-cta__button-wrapper elementor-cta__content-item elementor-content-item "> <a class="elementor-cta__button elementor-button elementor-size-" href="/features/landing-page-builder/" alt="Go to page"> Read More <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.24999 10.071C2.24999 9.65683 2.58578 9.32104 2.99999 9.32104L15.3315 9.32105L10.7031 4.69273C10.4103 4.39983 10.4103 3.92496 10.7031 3.63207C10.996 3.33917 11.4709 3.33917 11.7638 3.63207L17.6725 9.54071C17.9653 9.83361 17.9653 10.3085 17.6725 10.6014L11.7638 16.51C11.4709 16.8029 10.996 16.8029 10.7031 16.51C10.4103 16.2171 10.4103 15.7423 10.7031 15.4494L15.3315 10.821L2.99999 10.821C2.58578 10.821 2.24999 10.4853 2.24999 10.071Z" fill="currentColor"></path></svg> </a> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-7a5006fe content-block-text elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget-tablet__width-initial elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="7a5006fe" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <div class="elementor-content-item elementor-cta__content-item elementor-cta__image"> <img loading="lazy" width="1101" height="841" src="https://elementor.com/cdn-cgi/image/f=auto,w=1101,h=841/https://elementor.com/wp-content/uploads/2020/04/Frame-10879769.png" class="attachment-full size-full wp-image-8225429" alt="" srcset="https://elementor.com/cdn-cgi/image/f=auto,w=1101/https://elementor.com/wp-content/uploads/2020/04/Frame-10879769.png 1101w, https://elementor.com/cdn-cgi/image/f=auto,w=600/https://elementor.com/wp-content/uploads/2020/04/Frame-10879769-600x458.png 600w, https://elementor.com/cdn-cgi/image/f=auto,w=1024/https://elementor.com/wp-content/uploads/2020/04/Frame-10879769-1024x782.png 1024w, https://elementor.com/cdn-cgi/image/f=auto,w=768/https://elementor.com/wp-content/uploads/2020/04/Frame-10879769-768x587.png 768w" sizes="(max-width: 1101px) 100vw, 1101px" /> </div> <h3 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Popup Builder </h3> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Create pixel-perfect, high-converting popups with advanced targeting options. </div> <div class="elementor-cta__button-wrapper elementor-cta__content-item elementor-content-item "> <a class="elementor-cta__button elementor-button elementor-size-" href="/features/popup-builder/" alt="Go to page"> Read More <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.24999 10.071C2.24999 9.65683 2.58578 9.32104 2.99999 9.32104L15.3315 9.32105L10.7031 4.69273C10.4103 4.39983 10.4103 3.92496 10.7031 3.63207C10.996 3.33917 11.4709 3.33917 11.7638 3.63207L17.6725 9.54071C17.9653 9.83361 17.9653 10.3085 17.6725 10.6014L11.7638 16.51C11.4709 16.8029 10.996 16.8029 10.7031 16.51C10.4103 16.2171 10.4103 15.7423 10.7031 15.4494L15.3315 10.821L2.99999 10.821C2.58578 10.821 2.24999 10.4853 2.24999 10.071Z" fill="currentColor"></path></svg> </a> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-facecb9 content-block-text elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget-tablet__width-initial elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="facecb9" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <div class="elementor-content-item elementor-cta__content-item elementor-cta__image"> <img loading="lazy" width="1101" height="1101" src="https://elementor.com/cdn-cgi/image/f=auto,w=1101,h=1101/https://elementor.com/wp-content/uploads/2020/04/Frame-10879775-min.png" class="attachment-full size-full wp-image-8225394" alt="" srcset="https://elementor.com/cdn-cgi/image/f=auto,w=1101/https://elementor.com/wp-content/uploads/2020/04/Frame-10879775-min.png 1101w, https://elementor.com/cdn-cgi/image/f=auto,w=600/https://elementor.com/wp-content/uploads/2020/04/Frame-10879775-min-600x600.png 600w, https://elementor.com/cdn-cgi/image/f=auto,w=1024/https://elementor.com/wp-content/uploads/2020/04/Frame-10879775-min-1024x1024.png 1024w, https://elementor.com/cdn-cgi/image/f=auto,w=768/https://elementor.com/wp-content/uploads/2020/04/Frame-10879775-min-768x768.png 768w" sizes="(max-width: 1101px) 100vw, 1101px" /> </div> <h3 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Link in Bio Widgets </h3> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Highlight info, links, and contact details with these beautifully designed mobile-first widgets. One Link to Showcase it All. </div> <div class="elementor-cta__button-wrapper elementor-cta__content-item elementor-content-item "> <a class="elementor-cta__button elementor-button elementor-size-" href="/features/link-in-bio/" alt="Go to page"> Read More <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.24999 10.071C2.24999 9.65683 2.58578 9.32104 2.99999 9.32104L15.3315 9.32105L10.7031 4.69273C10.4103 4.39983 10.4103 3.92496 10.7031 3.63207C10.996 3.33917 11.4709 3.33917 11.7638 3.63207L17.6725 9.54071C17.9653 9.83361 17.9653 10.3085 17.6725 10.6014L11.7638 16.51C11.4709 16.8029 10.996 16.8029 10.7031 16.51C10.4103 16.2171 10.4103 15.7423 10.7031 15.4494L15.3315 10.821L2.99999 10.821C2.58578 10.821 2.24999 10.4853 2.24999 10.071Z" fill="currentColor"></path></svg> </a> </div> </div> </div> </div> </div> </div> </div> <div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-700efa6d" data-id="700efa6d" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-728b1b8c content-block-text pro elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget-tablet__width-initial elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="728b1b8c" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <div class="elementor-content-item elementor-cta__content-item elementor-cta__image"> <img loading="lazy" width="1101" height="841" src="https://elementor.com/cdn-cgi/image/f=auto,w=1101,h=841/https://elementor.com/wp-content/uploads/2020/04/Frame-10879773.png" class="attachment-full size-full wp-image-8222456" alt="" srcset="https://elementor.com/cdn-cgi/image/f=auto,w=1101/https://elementor.com/wp-content/uploads/2020/04/Frame-10879773.png 1101w, https://elementor.com/cdn-cgi/image/f=auto,w=600/https://elementor.com/wp-content/uploads/2020/04/Frame-10879773-600x458.png 600w, https://elementor.com/cdn-cgi/image/f=auto,w=1024/https://elementor.com/wp-content/uploads/2020/04/Frame-10879773-1024x782.png 1024w, https://elementor.com/cdn-cgi/image/f=auto,w=768/https://elementor.com/wp-content/uploads/2020/04/Frame-10879773-768x587.png 768w" sizes="(max-width: 1101px) 100vw, 1101px" /> </div> <h3 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Form Builder </h3> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Create eye-catching forms that grab visitors’ attention. Collect, store and manage your data all within Elementor. </div> <div class="elementor-cta__button-wrapper elementor-cta__content-item elementor-content-item "> <a class="elementor-cta__button elementor-button elementor-size-" href="https://elementor.com/features/form-builder/" alt="Go to page"> Read More <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.24999 10.071C2.24999 9.65683 2.58578 9.32104 2.99999 9.32104L15.3315 9.32105L10.7031 4.69273C10.4103 4.39983 10.4103 3.92496 10.7031 3.63207C10.996 3.33917 11.4709 3.33917 11.7638 3.63207L17.6725 9.54071C17.9653 9.83361 17.9653 10.3085 17.6725 10.6014L11.7638 16.51C11.4709 16.8029 10.996 16.8029 10.7031 16.51C10.4103 16.2171 10.4103 15.7423 10.7031 15.4494L15.3315 10.821L2.99999 10.821C2.58578 10.821 2.24999 10.4853 2.24999 10.071Z" fill="currentColor"></path></svg> </a> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-3c51548c content-block-text pro elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget-tablet__width-initial elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="3c51548c" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <div class="elementor-content-item elementor-cta__content-item elementor-cta__image"> <img loading="lazy" width="1100" height="1101" src="https://elementor.com/cdn-cgi/image/f=auto,w=1100,h=1101/https://elementor.com/wp-content/uploads/2022/01/Frame-10879771.png" class="attachment-full size-full wp-image-66000" alt="Dynamic Content" srcset="https://elementor.com/cdn-cgi/image/f=auto,w=1100/https://elementor.com/wp-content/uploads/2022/01/Frame-10879771.png 1100w, https://elementor.com/cdn-cgi/image/f=auto,w=600/https://elementor.com/wp-content/uploads/2022/01/Frame-10879771-600x600.png 600w, https://elementor.com/cdn-cgi/image/f=auto,w=1024/https://elementor.com/wp-content/uploads/2022/01/Frame-10879771-1024x1024.png 1024w, https://elementor.com/cdn-cgi/image/f=auto,w=768/https://elementor.com/wp-content/uploads/2022/01/Frame-10879771-768x769.png 768w" sizes="(max-width: 1100px) 100vw, 1100px" /> </div> <h3 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Dynamic Content </h3> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Design multiple pages from one layout, apply them across your website or show personalized content to different users. </div> <div class="elementor-cta__button-wrapper elementor-cta__content-item elementor-content-item "> <a class="elementor-cta__button elementor-button elementor-size-" href="/features/dynamic-content/" alt="Go to page"> Read More <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.24999 10.071C2.24999 9.65683 2.58578 9.32104 2.99999 9.32104L15.3315 9.32105L10.7031 4.69273C10.4103 4.39983 10.4103 3.92496 10.7031 3.63207C10.996 3.33917 11.4709 3.33917 11.7638 3.63207L17.6725 9.54071C17.9653 9.83361 17.9653 10.3085 17.6725 10.6014L11.7638 16.51C11.4709 16.8029 10.996 16.8029 10.7031 16.51C10.4103 16.2171 10.4103 15.7423 10.7031 15.4494L15.3315 10.821L2.99999 10.821C2.58578 10.821 2.24999 10.4853 2.24999 10.071Z" fill="currentColor"></path></svg> </a> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-3442531 content-block-text pro elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget-tablet__width-initial elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="3442531" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <div class="elementor-content-item elementor-cta__content-item elementor-cta__image"> <img loading="lazy" width="1101" height="841" src="https://elementor.com/cdn-cgi/image/f=auto,w=1101,h=841/https://elementor.com/wp-content/uploads/2020/04/Frame-10879769-1-1.png" class="attachment-full size-full wp-image-8226347" alt="" srcset="https://elementor.com/cdn-cgi/image/f=auto,w=1101/https://elementor.com/wp-content/uploads/2020/04/Frame-10879769-1-1.png 1101w, https://elementor.com/cdn-cgi/image/f=auto,w=600/https://elementor.com/wp-content/uploads/2020/04/Frame-10879769-1-1-600x458.png 600w, https://elementor.com/cdn-cgi/image/f=auto,w=1024/https://elementor.com/wp-content/uploads/2020/04/Frame-10879769-1-1-1024x782.png 1024w, https://elementor.com/cdn-cgi/image/f=auto,w=768/https://elementor.com/wp-content/uploads/2020/04/Frame-10879769-1-1-768x587.png 768w" sizes="(max-width: 1101px) 100vw, 1101px" /> </div> <h3 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Contact Buttons </h3> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Let visitors initiate a WhatsApp chat to trigger a conversation, access links, open an info button with important details, and so much more. </div> <div class="elementor-cta__button-wrapper elementor-cta__content-item elementor-content-item "> <a class="elementor-cta__button elementor-button elementor-size-" href="/features/contact-button/" alt="Go to page"> Read More <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.24999 10.071C2.24999 9.65683 2.58578 9.32104 2.99999 9.32104L15.3315 9.32105L10.7031 4.69273C10.4103 4.39983 10.4103 3.92496 10.7031 3.63207C10.996 3.33917 11.4709 3.33917 11.7638 3.63207L17.6725 9.54071C17.9653 9.83361 17.9653 10.3085 17.6725 10.6014L11.7638 16.51C11.4709 16.8029 10.996 16.8029 10.7031 16.51C10.4103 16.2171 10.4103 15.7423 10.7031 15.4494L15.3315 10.821L2.99999 10.821C2.58578 10.821 2.24999 10.4853 2.24999 10.071Z" fill="currentColor"></path></svg> </a> </div> </div> </div> </div> </div> </div> </div> </div> </section> </div> </div> </div> </section> <section class="elementor-section elementor-top-section elementor-element elementor-element-b1eb7d1 search-target smallcta pinkbox mktng-second elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="b1eb7d1" data-element_type="section"> <div class="elementor-container elementor-column-gap-no"> <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-40118a9a supergrid" data-id="40118a9a" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-79ce0d7f content-block-text pro elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="79ce0d7f" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Action Links </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Easily connect with your audience via WhatsApp, Waze, Google Calendar & more apps. </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-4ca32302 content-block-text pro elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="4ca32302" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Social Proof </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Add icon links to all your social media profiles and completely control the appearance of the social icons. </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-7764f28c content-block-text pro elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="7764f28c" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Highlight Reviews </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Display social proof using a sliding carousel of user reviews. </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-b0a4d9b content-block-text pro elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="b0a4d9b" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Ratings </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Display author-assigned star ratings within your content and customize the size, color, and typography. </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-56e1a716 content-block-text pro elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="56e1a716" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Customizable HTML tags </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Set the correct HTML tag for the title for better search engine optimization. </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-4f35afac grid-full-width subtitlemin elementor-widget elementor-widget-heading" data-id="4f35afac" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h3 class="elementor-heading-title elementor-size-default">Forms</h3> </div> </div> <section class="elementor-section elementor-inner-section elementor-element elementor-element-7e4e18e0 bigcta grid-full-width elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="7e4e18e0" data-element_type="section"> <div class="elementor-container elementor-column-gap-no"> <div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-496b2b82" data-id="496b2b82" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-4557d236 content-block-text pro elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget-tablet__width-initial elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="4557d236" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <div class="elementor-content-item elementor-cta__content-item elementor-cta__image"> <img loading="lazy" width="1100" height="1101" src="https://elementor.com/cdn-cgi/image/f=auto,w=1100,h=1101/https://elementor.com/wp-content/uploads/2022/01/Group-10879790.png" class="attachment-full size-full wp-image-66001" alt="Contact Forms" srcset="https://elementor.com/cdn-cgi/image/f=auto,w=1100/https://elementor.com/wp-content/uploads/2022/01/Group-10879790.png 1100w, https://elementor.com/cdn-cgi/image/f=auto,w=600/https://elementor.com/wp-content/uploads/2022/01/Group-10879790-600x600.png 600w, https://elementor.com/cdn-cgi/image/f=auto,w=1024/https://elementor.com/wp-content/uploads/2022/01/Group-10879790-1024x1024.png 1024w, https://elementor.com/cdn-cgi/image/f=auto,w=768/https://elementor.com/wp-content/uploads/2022/01/Group-10879790-768x769.png 768w" sizes="(max-width: 1100px) 100vw, 1100px" /> </div> <h3 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Contact Forms </h3> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Connect with users through contact forms, and customize the fields to collect all the information you need. </div> <div class="elementor-cta__button-wrapper elementor-cta__content-item elementor-content-item "> <a class="elementor-cta__button elementor-button elementor-size-" href="https://elementor.com/features/form-builder/" alt="Go to page"> Read More <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.24999 10.071C2.24999 9.65683 2.58578 9.32104 2.99999 9.32104L15.3315 9.32105L10.7031 4.69273C10.4103 4.39983 10.4103 3.92496 10.7031 3.63207C10.996 3.33917 11.4709 3.33917 11.7638 3.63207L17.6725 9.54071C17.9653 9.83361 17.9653 10.3085 17.6725 10.6014L11.7638 16.51C11.4709 16.8029 10.996 16.8029 10.7031 16.51C10.4103 16.2171 10.4103 15.7423 10.7031 15.4494L15.3315 10.821L2.99999 10.821C2.58578 10.821 2.24999 10.4853 2.24999 10.071Z" fill="currentColor"></path></svg> </a> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-7ffc8c80 content-block-text pro elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget-tablet__width-initial elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="7ffc8c80" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <div class="elementor-content-item elementor-cta__content-item elementor-cta__image"> <img loading="lazy" width="1100" height="841" src="https://elementor.com/cdn-cgi/image/f=auto,w=1100,h=841/https://elementor.com/wp-content/uploads/2022/01/Group-10879798.png" class="attachment-full size-full wp-image-66002" alt="Login Forms" srcset="https://elementor.com/cdn-cgi/image/f=auto,w=1100/https://elementor.com/wp-content/uploads/2022/01/Group-10879798.png 1100w, https://elementor.com/cdn-cgi/image/f=auto,w=600/https://elementor.com/wp-content/uploads/2022/01/Group-10879798-600x459.png 600w, https://elementor.com/cdn-cgi/image/f=auto,w=1024/https://elementor.com/wp-content/uploads/2022/01/Group-10879798-1024x783.png 1024w, https://elementor.com/cdn-cgi/image/f=auto,w=768/https://elementor.com/wp-content/uploads/2022/01/Group-10879798-768x587.png 768w" sizes="(max-width: 1100px) 100vw, 1100px" /> </div> <h3 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Login Forms </h3> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Create exciting login forms and make it easy for users to log into your website. </div> <div class="elementor-cta__button-wrapper elementor-cta__content-item elementor-content-item "> <a class="elementor-cta__button elementor-button elementor-size-" href="/widgets/login-widget/" alt="Go to page"> Read More <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.24999 10.071C2.24999 9.65683 2.58578 9.32104 2.99999 9.32104L15.3315 9.32105L10.7031 4.69273C10.4103 4.39983 10.4103 3.92496 10.7031 3.63207C10.996 3.33917 11.4709 3.33917 11.7638 3.63207L17.6725 9.54071C17.9653 9.83361 17.9653 10.3085 17.6725 10.6014L11.7638 16.51C11.4709 16.8029 10.996 16.8029 10.7031 16.51C10.4103 16.2171 10.4103 15.7423 10.7031 15.4494L15.3315 10.821L2.99999 10.821C2.58578 10.821 2.24999 10.4853 2.24999 10.071Z" fill="currentColor"></path></svg> </a> </div> </div> </div> </div> </div> </div> </div> <div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-3b4816ec" data-id="3b4816ec" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-51e9052d content-block-text pro elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget-tablet__width-initial elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="51e9052d" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <div class="elementor-content-item elementor-cta__content-item elementor-cta__image"> <img loading="lazy" width="1102" height="842" src="https://elementor.com/cdn-cgi/image/f=auto,w=1102,h=842/https://elementor.com/wp-content/uploads/2022/01/Group-10878952-2.png" class="attachment-full size-full wp-image-66003" alt="Subscription Forms" srcset="https://elementor.com/cdn-cgi/image/f=auto,w=1102/https://elementor.com/wp-content/uploads/2022/01/Group-10878952-2.png 1102w, https://elementor.com/cdn-cgi/image/f=auto,w=600/https://elementor.com/wp-content/uploads/2022/01/Group-10878952-2-600x458.png 600w, https://elementor.com/cdn-cgi/image/f=auto,w=1024/https://elementor.com/wp-content/uploads/2022/01/Group-10878952-2-1024x782.png 1024w, https://elementor.com/cdn-cgi/image/f=auto,w=768/https://elementor.com/wp-content/uploads/2022/01/Group-10878952-2-768x587.png 768w" sizes="(max-width: 1102px) 100vw, 1102px" /> </div> <h3 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Subscription Forms </h3> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Add an inline subscription form that your visitor can use to subscribe to your newsletter or service. </div> <div class="elementor-cta__button-wrapper elementor-cta__content-item elementor-content-item "> <a class="elementor-cta__button elementor-button elementor-size-" href="https://elementor.com/features/form-builder/" alt="Go to page"> Read More <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.24999 10.071C2.24999 9.65683 2.58578 9.32104 2.99999 9.32104L15.3315 9.32105L10.7031 4.69273C10.4103 4.39983 10.4103 3.92496 10.7031 3.63207C10.996 3.33917 11.4709 3.33917 11.7638 3.63207L17.6725 9.54071C17.9653 9.83361 17.9653 10.3085 17.6725 10.6014L11.7638 16.51C11.4709 16.8029 10.996 16.8029 10.7031 16.51C10.4103 16.2171 10.4103 15.7423 10.7031 15.4494L15.3315 10.821L2.99999 10.821C2.58578 10.821 2.24999 10.4853 2.24999 10.071Z" fill="currentColor"></path></svg> </a> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-2782850d content-block-text pro elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget-tablet__width-initial elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="2782850d" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <div class="elementor-content-item elementor-cta__content-item elementor-cta__image"> <img loading="lazy" width="1100" height="1101" src="https://elementor.com/cdn-cgi/image/f=auto,w=1100,h=1101/https://elementor.com/wp-content/uploads/2020/04/Frame-10879770-1.png" class="attachment-full size-full wp-image-8225559" alt="" srcset="https://elementor.com/cdn-cgi/image/f=auto,w=1100/https://elementor.com/wp-content/uploads/2020/04/Frame-10879770-1.png 1100w, https://elementor.com/cdn-cgi/image/f=auto,w=600/https://elementor.com/wp-content/uploads/2020/04/Frame-10879770-1-600x600.png 600w, https://elementor.com/cdn-cgi/image/f=auto,w=1024/https://elementor.com/wp-content/uploads/2020/04/Frame-10879770-1-1024x1024.png 1024w, https://elementor.com/cdn-cgi/image/f=auto,w=768/https://elementor.com/wp-content/uploads/2020/04/Frame-10879770-1-768x769.png 768w" sizes="(max-width: 1100px) 100vw, 1100px" /> </div> <h3 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Multi-Step Forms </h3> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Split your form into steps for a better user experience and greater conversion rates. </div> <div class="elementor-cta__button-wrapper elementor-cta__content-item elementor-content-item "> <a class="elementor-cta__button elementor-button elementor-size-" href="https://elementor.com/features/form-builder/" alt="Go to page"> Read More <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.24999 10.071C2.24999 9.65683 2.58578 9.32104 2.99999 9.32104L15.3315 9.32105L10.7031 4.69273C10.4103 4.39983 10.4103 3.92496 10.7031 3.63207C10.996 3.33917 11.4709 3.33917 11.7638 3.63207L17.6725 9.54071C17.9653 9.83361 17.9653 10.3085 17.6725 10.6014L11.7638 16.51C11.4709 16.8029 10.996 16.8029 10.7031 16.51C10.4103 16.2171 10.4103 15.7423 10.7031 15.4494L15.3315 10.821L2.99999 10.821C2.58578 10.821 2.24999 10.4853 2.24999 10.071Z" fill="currentColor"></path></svg> </a> </div> </div> </div> </div> </div> </div> </div> </div> </section> </div> </div> </div> </section> <section class="elementor-section elementor-top-section elementor-element elementor-element-74f92e62 search-target smallcta pinkbox elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="74f92e62" data-element_type="section"> <div class="elementor-container elementor-column-gap-no"> <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-2d6910aa supergrid" data-id="2d6910aa" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-783a4959 content-block-text pro elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="783a4959" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Action After Submit </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Decide what happens after your visitor submits a form, including the triggered integrations. </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-597652e4 content-block-text pro elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="597652e4" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Confirmation Email </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Send an HTML or plain text confirmation email to your visitors after they submit a form. </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-1e6907e7 content-block-text pro elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="1e6907e7" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Custom Validation Messages </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Create a custom message that is displayed in the form when the user interacts with it. </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-6111e609 content-block-text pro elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="6111e609" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Advanced Form Fields </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Upload files, add a date picker, or use Elementor's other advanced form fields. </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-5e8774 content-block-text pro elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="5e8774" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Hidden Fields </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Incorporate hidden fields in your forms and add tracking to form submissions. </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-2515821a content-block-text pro elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="2515821a" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Acceptance Field </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Include an acceptance field to your forms, ensuring visitors accept your terms. </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-4763b4d3 content-block-text pro elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="4763b4d3" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Honeypot </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Use this simple yet effective security measure to prevent your forms from being spammed by spambots. </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-1e2db1d4 content-block-text pro elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="1e2db1d4" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Form Submissions </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> View, manage, and edit your Form Submissions in Elementor. </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-18db735 content-block-text pro elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="18db735" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> WebHook Capabilities </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Implement a webhook to automate the form submissions that are added to your email marketing app. </div> </div> </div> </div> </div> </div> </div> </div> </section> <section class="elementor-section elementor-top-section elementor-element elementor-element-5706f898 search-target bigcta themebuilderbig elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="5706f898" data-element_type="section"> <div class="elementor-container elementor-column-gap-no"> <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-700cf9b5" data-id="700cf9b5" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-1c02aa74 elementor-widget elementor-widget-heading" data-id="1c02aa74" data-element_type="widget" id="theme" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h2 class="elementor-heading-title elementor-size-default">Theme Builder</h2> </div> </div> <section class="elementor-section elementor-inner-section elementor-element elementor-element-786cf4 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="786cf4" data-element_type="section"> <div class="elementor-container elementor-column-gap-no"> <div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-7e8aed79" data-id="7e8aed79" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-31498a14 content-block-text pro elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget-tablet__width-initial elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="31498a14" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <div class="elementor-content-item elementor-cta__content-item elementor-cta__image"> <img loading="lazy" width="1100" height="1101" src="https://elementor.com/cdn-cgi/image/f=auto,w=1100,h=1101/https://elementor.com/wp-content/uploads/2020/04/Frame-10879767.png" class="attachment-full size-full wp-image-8225562" alt="" srcset="https://elementor.com/cdn-cgi/image/f=auto,w=1100/https://elementor.com/wp-content/uploads/2020/04/Frame-10879767.png 1100w, https://elementor.com/cdn-cgi/image/f=auto,w=600/https://elementor.com/wp-content/uploads/2020/04/Frame-10879767-600x600.png 600w, https://elementor.com/cdn-cgi/image/f=auto,w=1024/https://elementor.com/wp-content/uploads/2020/04/Frame-10879767-1024x1024.png 1024w, https://elementor.com/cdn-cgi/image/f=auto,w=768/https://elementor.com/wp-content/uploads/2020/04/Frame-10879767-768x769.png 768w" sizes="(max-width: 1100px) 100vw, 1100px" /> </div> <h3 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Theme Builder </h3> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Build high-converting landing pages from within your current WordPress website and turn viewers into engaged users. </div> <div class="elementor-cta__button-wrapper elementor-cta__content-item elementor-content-item "> <a class="elementor-cta__button elementor-button elementor-size-" href="/features/theme-builder/" alt="Go to page"> Read More <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.24999 10.071C2.24999 9.65683 2.58578 9.32104 2.99999 9.32104L15.3315 9.32105L10.7031 4.69273C10.4103 4.39983 10.4103 3.92496 10.7031 3.63207C10.996 3.33917 11.4709 3.33917 11.7638 3.63207L17.6725 9.54071C17.9653 9.83361 17.9653 10.3085 17.6725 10.6014L11.7638 16.51C11.4709 16.8029 10.996 16.8029 10.7031 16.51C10.4103 16.2171 10.4103 15.7423 10.7031 15.4494L15.3315 10.821L2.99999 10.821C2.58578 10.821 2.24999 10.4853 2.24999 10.071Z" fill="currentColor"></path></svg> </a> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-5b731744 content-block-text pro elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget-tablet__width-initial elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="5b731744" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <div class="elementor-content-item elementor-cta__content-item elementor-cta__image"> <img loading="lazy" width="1100" height="841" src="https://elementor.com/cdn-cgi/image/f=auto,w=1100,h=841/https://elementor.com/wp-content/uploads/2020/04/Image-7.png" class="attachment-full size-full wp-image-8225561" alt="" srcset="https://elementor.com/cdn-cgi/image/f=auto,w=1100/https://elementor.com/wp-content/uploads/2020/04/Image-7.png 1100w, https://elementor.com/cdn-cgi/image/f=auto,w=600/https://elementor.com/wp-content/uploads/2020/04/Image-7-600x459.png 600w, https://elementor.com/cdn-cgi/image/f=auto,w=1024/https://elementor.com/wp-content/uploads/2020/04/Image-7-1024x783.png 1024w, https://elementor.com/cdn-cgi/image/f=auto,w=768/https://elementor.com/wp-content/uploads/2020/04/Image-7-768x587.png 768w" sizes="(max-width: 1100px) 100vw, 1100px" /> </div> <h3 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Loop Builder </h3> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Create your own main item template and use it to display your posts, listings, or product archives. </div> </div> </div> </div> </div> </div> </div> <div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-4bca665c" data-id="4bca665c" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-7d93770b content-block-text pro elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget-tablet__width-initial elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="7d93770b" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <div class="elementor-content-item elementor-cta__content-item elementor-cta__image"> <img loading="lazy" width="1100" height="841" src="https://elementor.com/cdn-cgi/image/f=auto,w=1100,h=841/https://elementor.com/wp-content/uploads/2020/04/Frame-10879829.png" class="attachment-full size-full wp-image-8225563" alt="" srcset="https://elementor.com/cdn-cgi/image/f=auto,w=1100/https://elementor.com/wp-content/uploads/2020/04/Frame-10879829.png 1100w, https://elementor.com/cdn-cgi/image/f=auto,w=600/https://elementor.com/wp-content/uploads/2020/04/Frame-10879829-600x459.png 600w, https://elementor.com/cdn-cgi/image/f=auto,w=1024/https://elementor.com/wp-content/uploads/2020/04/Frame-10879829-1024x783.png 1024w, https://elementor.com/cdn-cgi/image/f=auto,w=768/https://elementor.com/wp-content/uploads/2020/04/Frame-10879829-768x587.png 768w" sizes="(max-width: 1100px) 100vw, 1100px" /> </div> <h3 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Visual Guide </h3> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Review and edit each component of your website individually, from Headers & Footers to Post, product pages, and more. </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-5f60b622 content-block-text pro elementor-widget__width-initial elementor-widget-mobile__width-inherit elementor-widget-tablet__width-initial elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="5f60b622" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <div class="elementor-content-item elementor-cta__content-item elementor-cta__image"> <img loading="lazy" width="1100" height="1101" src="https://elementor.com/cdn-cgi/image/f=auto,w=1100,h=1101/https://elementor.com/wp-content/uploads/2020/04/Frame-10879828.png" class="attachment-full size-full wp-image-8225560" alt="" srcset="https://elementor.com/cdn-cgi/image/f=auto,w=1100/https://elementor.com/wp-content/uploads/2020/04/Frame-10879828.png 1100w, https://elementor.com/cdn-cgi/image/f=auto,w=600/https://elementor.com/wp-content/uploads/2020/04/Frame-10879828-600x600.png 600w, https://elementor.com/cdn-cgi/image/f=auto,w=1024/https://elementor.com/wp-content/uploads/2020/04/Frame-10879828-1024x1024.png 1024w, https://elementor.com/cdn-cgi/image/f=auto,w=768/https://elementor.com/wp-content/uploads/2020/04/Frame-10879828-768x769.png 768w" sizes="(max-width: 1100px) 100vw, 1100px" /> </div> <h3 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Display Conditions </h3> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Determine exactly where your global templates appear across your website. </div> </div> </div> </div> </div> </div> </div> </div> </section> </div> </div> </div> </section> <section class="elementor-section elementor-top-section elementor-element elementor-element-29ad3a2c search-target smallcta purplebox themebuilderbox elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="29ad3a2c" data-element_type="section"> <div class="elementor-container elementor-column-gap-no"> <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-13a998ad supergrid" data-id="13a998ad" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-59f3774e content-block-text pro elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="59f3774e" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Header and Footer </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Customize the header and footer areas of your website visually, without any code. </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-304e1c69 content-block-text pro elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="304e1c69" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <h3 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Sticky Header </h3> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Add a sticky header to any page, or across your website, with a click of a button. No additional plugins needed. </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-8f9340e content-block-text pro elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="8f9340e" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> 404 Page </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Direct your visitors to custom 404 pages that can be built entirely inside Elementor. </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-308eb5a2 content-block-text pro elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="308eb5a2" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Archive Page </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Design your entire blog in Elementor, or designate different templates to separate areas of your blog. </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-6492479c content-block-text pro elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="6492479c" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Single Post </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Create your blog post template and apply it across your website or to a specific category, page, or taxonomy. </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-2715158b content-block-text pro elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="2715158b" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Single Page </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Control the layout and design of your website’s static pages using Single Page Templates. </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-5d2757bb content-block-text pro elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="5d2757bb" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Search Results Page </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Customize your search results page and improve the user experience while searching your website. </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-2a3a77af content-block-text pro elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="2a3a77af" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Custom Fields Integration </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Build the content fields in ACF, Toolset & Pods, and visually incorporate them into any page. </div> </div> </div> </div> </div> </div> </div> </div> </section> <section class="elementor-section elementor-top-section elementor-element elementor-element-67e31a30 search-target smallcta integrations elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="67e31a30" data-element_type="section"> <div class="elementor-container elementor-column-gap-no"> <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-2470de35 supergrid supergrid-integrations" data-id="2470de35" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-562f6aba grid-full-width elementor-widget elementor-widget-heading" data-id="562f6aba" data-element_type="widget" id="integrations" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h2 class="elementor-heading-title elementor-size-default">Integrations</h2> </div> </div> <div class="elementor-element elementor-element-6634f67a content-block-text pro video elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="6634f67a" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <div class="elementor-content-item elementor-cta__content-item elementor-cta__image"> <img loading="lazy" width="624" height="477" src="https://elementor.com/cdn-cgi/image/f=auto,w=624,h=477/https://elementor.com/wp-content/uploads/2022/01/Group-10878945.png" class="attachment-full size-full wp-image-66010" alt="MailChimp" srcset="https://elementor.com/cdn-cgi/image/f=auto,w=624/https://elementor.com/wp-content/uploads/2022/01/Group-10878945.png 624w, https://elementor.com/cdn-cgi/image/f=auto,w=600/https://elementor.com/wp-content/uploads/2022/01/Group-10878945-600x459.png 600w" sizes="(max-width: 624px) 100vw, 624px" /> </div> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> MailChimp </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Add visitors to your mailing lists using the seamless MailChimp integration. </div> <div class="elementor-cta__button-wrapper elementor-cta__content-item elementor-content-item "> <a class="elementor-cta__button elementor-button elementor-size-" href="/features/integrations/" alt="Go to page"> Read More <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.24999 10.071C2.24999 9.65683 2.58578 9.32104 2.99999 9.32104L15.3315 9.32105L10.7031 4.69273C10.4103 4.39983 10.4103 3.92496 10.7031 3.63207C10.996 3.33917 11.4709 3.33917 11.7638 3.63207L17.6725 9.54071C17.9653 9.83361 17.9653 10.3085 17.6725 10.6014L11.7638 16.51C11.4709 16.8029 10.996 16.8029 10.7031 16.51C10.4103 16.2171 10.4103 15.7423 10.7031 15.4494L15.3315 10.821L2.99999 10.821C2.58578 10.821 2.24999 10.4853 2.24999 10.071Z" fill="currentColor"></path></svg> </a> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-6f7325cf content-block-text pro video elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="6f7325cf" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <div class="elementor-content-item elementor-cta__content-item elementor-cta__image"> <img loading="lazy" width="624" height="477" src="https://elementor.com/cdn-cgi/image/f=auto,w=624,h=477/https://elementor.com/wp-content/uploads/2022/01/Group-10879821.png" class="attachment-full size-full wp-image-66012" alt="ActiveCampaign" srcset="https://elementor.com/cdn-cgi/image/f=auto,w=624/https://elementor.com/wp-content/uploads/2022/01/Group-10879821.png 624w, https://elementor.com/cdn-cgi/image/f=auto,w=600/https://elementor.com/wp-content/uploads/2022/01/Group-10879821-600x459.png 600w" sizes="(max-width: 624px) 100vw, 624px" /> </div> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> ActiveCampaign </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Integrate ActiveCampaign and add your website’s visitors to your lists. </div> <div class="elementor-cta__button-wrapper elementor-cta__content-item elementor-content-item "> <a class="elementor-cta__button elementor-button elementor-size-" href="/features/integrations/" alt="Go to page"> Read More <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.24999 10.071C2.24999 9.65683 2.58578 9.32104 2.99999 9.32104L15.3315 9.32105L10.7031 4.69273C10.4103 4.39983 10.4103 3.92496 10.7031 3.63207C10.996 3.33917 11.4709 3.33917 11.7638 3.63207L17.6725 9.54071C17.9653 9.83361 17.9653 10.3085 17.6725 10.6014L11.7638 16.51C11.4709 16.8029 10.996 16.8029 10.7031 16.51C10.4103 16.2171 10.4103 15.7423 10.7031 15.4494L15.3315 10.821L2.99999 10.821C2.58578 10.821 2.24999 10.4853 2.24999 10.071Z" fill="currentColor"></path></svg> </a> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-13dd5414 content-block-text pro video elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="13dd5414" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <div class="elementor-content-item elementor-cta__content-item elementor-cta__image"> <img loading="lazy" width="624" height="477" src="https://elementor.com/cdn-cgi/image/f=auto,w=624,h=477/https://elementor.com/wp-content/uploads/2022/01/Group-10879822.png" class="attachment-full size-full wp-image-66014" alt="ConvertKit" srcset="https://elementor.com/cdn-cgi/image/f=auto,w=624/https://elementor.com/wp-content/uploads/2022/01/Group-10879822.png 624w, https://elementor.com/cdn-cgi/image/f=auto,w=600/https://elementor.com/wp-content/uploads/2022/01/Group-10879822-600x459.png 600w" sizes="(max-width: 624px) 100vw, 624px" /> </div> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> ConvertKit </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Grow your audience by adding visitors to your lists with the ConvertKit integration. </div> <div class="elementor-cta__button-wrapper elementor-cta__content-item elementor-content-item "> <a class="elementor-cta__button elementor-button elementor-size-" href="/features/integrations/" alt="Go to page"> Read More <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.24999 10.071C2.24999 9.65683 2.58578 9.32104 2.99999 9.32104L15.3315 9.32105L10.7031 4.69273C10.4103 4.39983 10.4103 3.92496 10.7031 3.63207C10.996 3.33917 11.4709 3.33917 11.7638 3.63207L17.6725 9.54071C17.9653 9.83361 17.9653 10.3085 17.6725 10.6014L11.7638 16.51C11.4709 16.8029 10.996 16.8029 10.7031 16.51C10.4103 16.2171 10.4103 15.7423 10.7031 15.4494L15.3315 10.821L2.99999 10.821C2.58578 10.821 2.24999 10.4853 2.24999 10.071Z" fill="currentColor"></path></svg> </a> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-a18d61 content-block-text pro video elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="a18d61" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <div class="elementor-content-item elementor-cta__content-item elementor-cta__image"> <img loading="lazy" width="313" height="239" src="https://elementor.com/cdn-cgi/image/f=auto,w=313,h=239/https://elementor.com/wp-content/uploads/2022/01/Group-10878950.png" class="attachment-full size-full wp-image-66016" alt="HubSpot" /> </div> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> HubSpot </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Connect your website with HubSpot for a powerful CRM expereince. </div> <div class="elementor-cta__button-wrapper elementor-cta__content-item elementor-content-item "> <a class="elementor-cta__button elementor-button elementor-size-" href="/features/integrations/" alt="Go to page"> Read More <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.24999 10.071C2.24999 9.65683 2.58578 9.32104 2.99999 9.32104L15.3315 9.32105L10.7031 4.69273C10.4103 4.39983 10.4103 3.92496 10.7031 3.63207C10.996 3.33917 11.4709 3.33917 11.7638 3.63207L17.6725 9.54071C17.9653 9.83361 17.9653 10.3085 17.6725 10.6014L11.7638 16.51C11.4709 16.8029 10.996 16.8029 10.7031 16.51C10.4103 16.2171 10.4103 15.7423 10.7031 15.4494L15.3315 10.821L2.99999 10.821C2.58578 10.821 2.24999 10.4853 2.24999 10.071Z" fill="currentColor"></path></svg> </a> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-74d0b7cc content-block-text pro video elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="74d0b7cc" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <div class="elementor-content-item elementor-cta__content-item elementor-cta__image"> <img loading="lazy" width="625" height="477" src="https://elementor.com/cdn-cgi/image/f=auto,w=625,h=477/https://elementor.com/wp-content/uploads/2022/01/zao.png" class="attachment-full size-full wp-image-66018" alt="Zapier" srcset="https://elementor.com/cdn-cgi/image/f=auto,w=625/https://elementor.com/wp-content/uploads/2022/01/zao.png 625w, https://elementor.com/cdn-cgi/image/f=auto,w=600/https://elementor.com/wp-content/uploads/2022/01/zao-600x458.png 600w" sizes="(max-width: 625px) 100vw, 625px" /> </div> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Zapier </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Attach your Elementor forms to Zapier for simple automation. Only available through WebHook </div> <div class="elementor-cta__button-wrapper elementor-cta__content-item elementor-content-item "> <a class="elementor-cta__button elementor-button elementor-size-" href="/features/integrations/" alt="Go to page"> Read More <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.24999 10.071C2.24999 9.65683 2.58578 9.32104 2.99999 9.32104L15.3315 9.32105L10.7031 4.69273C10.4103 4.39983 10.4103 3.92496 10.7031 3.63207C10.996 3.33917 11.4709 3.33917 11.7638 3.63207L17.6725 9.54071C17.9653 9.83361 17.9653 10.3085 17.6725 10.6014L11.7638 16.51C11.4709 16.8029 10.996 16.8029 10.7031 16.51C10.4103 16.2171 10.4103 15.7423 10.7031 15.4494L15.3315 10.821L2.99999 10.821C2.58578 10.821 2.24999 10.4853 2.24999 10.071Z" fill="currentColor"></path></svg> </a> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-1975bc05 content-block-text pro video elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="1975bc05" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <div class="elementor-content-item elementor-cta__content-item elementor-cta__image"> <img loading="lazy" width="624" height="477" src="https://elementor.com/cdn-cgi/image/f=auto,w=624,h=477/https://elementor.com/wp-content/uploads/2022/01/Group-10879825.png" class="attachment-full size-full wp-image-66020" alt="Discord" srcset="https://elementor.com/cdn-cgi/image/f=auto,w=624/https://elementor.com/wp-content/uploads/2022/01/Group-10879825.png 624w, https://elementor.com/cdn-cgi/image/f=auto,w=600/https://elementor.com/wp-content/uploads/2022/01/Group-10879825-600x459.png 600w" sizes="(max-width: 624px) 100vw, 624px" /> </div> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Discord </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Send messages to your Discord server as soon as you receive new form submissions. </div> <div class="elementor-cta__button-wrapper elementor-cta__content-item elementor-content-item "> <a class="elementor-cta__button elementor-button elementor-size-" href="/features/integrations/" alt="Go to page"> Read More <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.24999 10.071C2.24999 9.65683 2.58578 9.32104 2.99999 9.32104L15.3315 9.32105L10.7031 4.69273C10.4103 4.39983 10.4103 3.92496 10.7031 3.63207C10.996 3.33917 11.4709 3.33917 11.7638 3.63207L17.6725 9.54071C17.9653 9.83361 17.9653 10.3085 17.6725 10.6014L11.7638 16.51C11.4709 16.8029 10.996 16.8029 10.7031 16.51C10.4103 16.2171 10.4103 15.7423 10.7031 15.4494L15.3315 10.821L2.99999 10.821C2.58578 10.821 2.24999 10.4853 2.24999 10.071Z" fill="currentColor"></path></svg> </a> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-1b7b5717 content-block-text pro video elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="1b7b5717" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <div class="elementor-content-item elementor-cta__content-item elementor-cta__image"> <img loading="lazy" width="624" height="476" src="https://elementor.com/cdn-cgi/image/f=auto,w=624,h=476/https://elementor.com/wp-content/uploads/2022/01/Group-10879827.png" class="attachment-full size-full wp-image-66022" alt="GetResponse" srcset="https://elementor.com/cdn-cgi/image/f=auto,w=624/https://elementor.com/wp-content/uploads/2022/01/Group-10879827.png 624w, https://elementor.com/cdn-cgi/image/f=auto,w=600/https://elementor.com/wp-content/uploads/2022/01/Group-10879827-600x458.png 600w" sizes="(max-width: 624px) 100vw, 624px" /> </div> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> GetResponse </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Integrate GetResponse to add your website’s visitors to your lists. </div> <div class="elementor-cta__button-wrapper elementor-cta__content-item elementor-content-item "> <a class="elementor-cta__button elementor-button elementor-size-" href="/features/integrations/" alt="Go to page"> Read More <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.24999 10.071C2.24999 9.65683 2.58578 9.32104 2.99999 9.32104L15.3315 9.32105L10.7031 4.69273C10.4103 4.39983 10.4103 3.92496 10.7031 3.63207C10.996 3.33917 11.4709 3.33917 11.7638 3.63207L17.6725 9.54071C17.9653 9.83361 17.9653 10.3085 17.6725 10.6014L11.7638 16.51C11.4709 16.8029 10.996 16.8029 10.7031 16.51C10.4103 16.2171 10.4103 15.7423 10.7031 15.4494L15.3315 10.821L2.99999 10.821C2.58578 10.821 2.24999 10.4853 2.24999 10.071Z" fill="currentColor"></path></svg> </a> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-98476d9 content-block-text pro video elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="98476d9" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <div class="elementor-content-item elementor-cta__content-item elementor-cta__image"> <img loading="lazy" width="624" height="476" src="https://elementor.com/cdn-cgi/image/f=auto,w=624,h=476/https://elementor.com/wp-content/uploads/2022/01/Group-10879828.png" class="attachment-full size-full wp-image-66024" alt="Drip" srcset="https://elementor.com/cdn-cgi/image/f=auto,w=624/https://elementor.com/wp-content/uploads/2022/01/Group-10879828.png 624w, https://elementor.com/cdn-cgi/image/f=auto,w=600/https://elementor.com/wp-content/uploads/2022/01/Group-10879828-600x458.png 600w" sizes="(max-width: 624px) 100vw, 624px" /> </div> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Drip </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Elevate your marketing campaigns with the Drip integration and add your visitors to your lists. </div> <div class="elementor-cta__button-wrapper elementor-cta__content-item elementor-content-item "> <a class="elementor-cta__button elementor-button elementor-size-" href="/features/integrations/" alt="Go to page"> Read More <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.24999 10.071C2.24999 9.65683 2.58578 9.32104 2.99999 9.32104L15.3315 9.32105L10.7031 4.69273C10.4103 4.39983 10.4103 3.92496 10.7031 3.63207C10.996 3.33917 11.4709 3.33917 11.7638 3.63207L17.6725 9.54071C17.9653 9.83361 17.9653 10.3085 17.6725 10.6014L11.7638 16.51C11.4709 16.8029 10.996 16.8029 10.7031 16.51C10.4103 16.2171 10.4103 15.7423 10.7031 15.4494L15.3315 10.821L2.99999 10.821C2.58578 10.821 2.24999 10.4853 2.24999 10.071Z" fill="currentColor"></path></svg> </a> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-6ead1f44 content-block-text pro video elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="6ead1f44" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <div class="elementor-content-item elementor-cta__content-item elementor-cta__image"> <img loading="lazy" width="624" height="477" src="https://elementor.com/cdn-cgi/image/f=auto,w=624,h=477/https://elementor.com/wp-content/uploads/2022/01/Group-10879829.png" class="attachment-full size-full wp-image-66026" alt="ReCaptcha + ReCaptcha V3" srcset="https://elementor.com/cdn-cgi/image/f=auto,w=624/https://elementor.com/wp-content/uploads/2022/01/Group-10879829.png 624w, https://elementor.com/cdn-cgi/image/f=auto,w=600/https://elementor.com/wp-content/uploads/2022/01/Group-10879829-600x459.png 600w" sizes="(max-width: 624px) 100vw, 624px" /> </div> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> ReCaptcha + ReCaptcha V3 </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Add a security verification field in your forms to detect fraud while maintaining a frictionless user experience. </div> <div class="elementor-cta__button-wrapper elementor-cta__content-item elementor-content-item "> <a class="elementor-cta__button elementor-button elementor-size-" href="/features/integrations/" alt="Go to page"> Read More <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.24999 10.071C2.24999 9.65683 2.58578 9.32104 2.99999 9.32104L15.3315 9.32105L10.7031 4.69273C10.4103 4.39983 10.4103 3.92496 10.7031 3.63207C10.996 3.33917 11.4709 3.33917 11.7638 3.63207L17.6725 9.54071C17.9653 9.83361 17.9653 10.3085 17.6725 10.6014L11.7638 16.51C11.4709 16.8029 10.996 16.8029 10.7031 16.51C10.4103 16.2171 10.4103 15.7423 10.7031 15.4494L15.3315 10.821L2.99999 10.821C2.58578 10.821 2.24999 10.4853 2.24999 10.071Z" fill="currentColor"></path></svg> </a> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-203786a9 content-block-text pro video elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="203786a9" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <div class="elementor-content-item elementor-cta__content-item elementor-cta__image"> <img loading="lazy" width="624" height="477" src="https://elementor.com/cdn-cgi/image/f=auto,w=624,h=477/https://elementor.com/wp-content/uploads/2022/01/Group-10879830.png" class="attachment-full size-full wp-image-66028" alt="Facebook SDK" srcset="https://elementor.com/cdn-cgi/image/f=auto,w=624/https://elementor.com/wp-content/uploads/2022/01/Group-10879830.png 624w, https://elementor.com/cdn-cgi/image/f=auto,w=600/https://elementor.com/wp-content/uploads/2022/01/Group-10879830-600x459.png 600w" sizes="(max-width: 624px) 100vw, 624px" /> </div> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Facebook SDK </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Manage the Facebook comments that you receive as an admin using the Facebook SDK integration. </div> <div class="elementor-cta__button-wrapper elementor-cta__content-item elementor-content-item "> <a class="elementor-cta__button elementor-button elementor-size-" href="/features/integrations/" alt="Go to page"> Read More <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.24999 10.071C2.24999 9.65683 2.58578 9.32104 2.99999 9.32104L15.3315 9.32105L10.7031 4.69273C10.4103 4.39983 10.4103 3.92496 10.7031 3.63207C10.996 3.33917 11.4709 3.33917 11.7638 3.63207L17.6725 9.54071C17.9653 9.83361 17.9653 10.3085 17.6725 10.6014L11.7638 16.51C11.4709 16.8029 10.996 16.8029 10.7031 16.51C10.4103 16.2171 10.4103 15.7423 10.7031 15.4494L15.3315 10.821L2.99999 10.821C2.58578 10.821 2.24999 10.4853 2.24999 10.071Z" fill="currentColor"></path></svg> </a> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-1d7dea13 content-block-text pro video elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="1d7dea13" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <div class="elementor-content-item elementor-cta__content-item elementor-cta__image"> <img loading="lazy" width="624" height="477" src="https://elementor.com/cdn-cgi/image/f=auto,w=624,h=477/https://elementor.com/wp-content/uploads/2022/01/Group-10879831.png" class="attachment-full size-full wp-image-66030" alt="MailerLite" srcset="https://elementor.com/cdn-cgi/image/f=auto,w=624/https://elementor.com/wp-content/uploads/2022/01/Group-10879831.png 624w, https://elementor.com/cdn-cgi/image/f=auto,w=600/https://elementor.com/wp-content/uploads/2022/01/Group-10879831-600x459.png 600w" sizes="(max-width: 624px) 100vw, 624px" /> </div> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> MailerLite </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Collect group recipients for your email marketing campaign via Elementor forms. </div> <div class="elementor-cta__button-wrapper elementor-cta__content-item elementor-content-item "> <a class="elementor-cta__button elementor-button elementor-size-" href="/features/integrations/" alt="Go to page"> Read More <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.24999 10.071C2.24999 9.65683 2.58578 9.32104 2.99999 9.32104L15.3315 9.32105L10.7031 4.69273C10.4103 4.39983 10.4103 3.92496 10.7031 3.63207C10.996 3.33917 11.4709 3.33917 11.7638 3.63207L17.6725 9.54071C17.9653 9.83361 17.9653 10.3085 17.6725 10.6014L11.7638 16.51C11.4709 16.8029 10.996 16.8029 10.7031 16.51C10.4103 16.2171 10.4103 15.7423 10.7031 15.4494L15.3315 10.821L2.99999 10.821C2.58578 10.821 2.24999 10.4853 2.24999 10.071Z" fill="currentColor"></path></svg> </a> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-29d94868 content-block-text video pro elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="29d94868" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <div class="elementor-content-item elementor-cta__content-item elementor-cta__image"> <img loading="lazy" width="624" height="477" src="https://elementor.com/cdn-cgi/image/f=auto,w=624,h=477/https://elementor.com/wp-content/uploads/2022/01/Group-10879832.png" class="attachment-full size-full wp-image-66032" alt="Slack" srcset="https://elementor.com/cdn-cgi/image/f=auto,w=624/https://elementor.com/wp-content/uploads/2022/01/Group-10879832.png 624w, https://elementor.com/cdn-cgi/image/f=auto,w=600/https://elementor.com/wp-content/uploads/2022/01/Group-10879832-600x459.png 600w" sizes="(max-width: 624px) 100vw, 624px" /> </div> <h3 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Slack </h3> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Receive notifications about forms that are being sent through your Slack channel. </div> <div class="elementor-cta__button-wrapper elementor-cta__content-item elementor-content-item "> <a class="elementor-cta__button elementor-button elementor-size-" href="/features/integrations/" alt="Go to page"> Read More <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.24999 10.071C2.24999 9.65683 2.58578 9.32104 2.99999 9.32104L15.3315 9.32105L10.7031 4.69273C10.4103 4.39983 10.4103 3.92496 10.7031 3.63207C10.996 3.33917 11.4709 3.33917 11.7638 3.63207L17.6725 9.54071C17.9653 9.83361 17.9653 10.3085 17.6725 10.6014L11.7638 16.51C11.4709 16.8029 10.996 16.8029 10.7031 16.51C10.4103 16.2171 10.4103 15.7423 10.7031 15.4494L15.3315 10.821L2.99999 10.821C2.58578 10.821 2.24999 10.4853 2.24999 10.071Z" fill="currentColor"></path></svg> </a> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-50d96dcd content-block-text pro video elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="50d96dcd" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <div class="elementor-content-item elementor-cta__content-item elementor-cta__image"> <img loading="lazy" width="312" height="239" src="https://elementor.com/wp-content/uploads/2022/01/customic.svg" class="attachment-full size-full wp-image-66034" alt="Custom Icon Libraries" /> </div> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Custom Icon Libraries </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Incorporate your favorite icon libraries such as Fontello, IcoMoon & Fontastic </div> <div class="elementor-cta__button-wrapper elementor-cta__content-item elementor-content-item "> <a class="elementor-cta__button elementor-button elementor-size-" href="/features/integrations/" alt="Go to page"> Read More <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.24999 10.071C2.24999 9.65683 2.58578 9.32104 2.99999 9.32104L15.3315 9.32105L10.7031 4.69273C10.4103 4.39983 10.4103 3.92496 10.7031 3.63207C10.996 3.33917 11.4709 3.33917 11.7638 3.63207L17.6725 9.54071C17.9653 9.83361 17.9653 10.3085 17.6725 10.6014L11.7638 16.51C11.4709 16.8029 10.996 16.8029 10.7031 16.51C10.4103 16.2171 10.4103 15.7423 10.7031 15.4494L15.3315 10.821L2.99999 10.821C2.58578 10.821 2.24999 10.4853 2.24999 10.071Z" fill="currentColor"></path></svg> </a> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-12833537 content-block-text pro video elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="12833537" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <div class="elementor-content-item elementor-cta__content-item elementor-cta__image"> <img loading="lazy" width="624" height="477" src="https://elementor.com/cdn-cgi/image/f=auto,w=624,h=477/https://elementor.com/wp-content/uploads/2022/01/Group-10879834.png" class="attachment-full size-full wp-image-66035" alt="Font Awesome Pro" srcset="https://elementor.com/cdn-cgi/image/f=auto,w=624/https://elementor.com/wp-content/uploads/2022/01/Group-10879834.png 624w, https://elementor.com/cdn-cgi/image/f=auto,w=600/https://elementor.com/wp-content/uploads/2022/01/Group-10879834-600x459.png 600w" sizes="(max-width: 624px) 100vw, 624px" /> </div> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Font Awesome Pro </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Access over 1,500 free Font Awesome icons using an interface that makes it easy to manage all of them. </div> <div class="elementor-cta__button-wrapper elementor-cta__content-item elementor-content-item "> <a class="elementor-cta__button elementor-button elementor-size-" href="/features/integrations/" alt="Go to page"> Read More <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.24999 10.071C2.24999 9.65683 2.58578 9.32104 2.99999 9.32104L15.3315 9.32105L10.7031 4.69273C10.4103 4.39983 10.4103 3.92496 10.7031 3.63207C10.996 3.33917 11.4709 3.33917 11.7638 3.63207L17.6725 9.54071C17.9653 9.83361 17.9653 10.3085 17.6725 10.6014L11.7638 16.51C11.4709 16.8029 10.996 16.8029 10.7031 16.51C10.4103 16.2171 10.4103 15.7423 10.7031 15.4494L15.3315 10.821L2.99999 10.821C2.58578 10.821 2.24999 10.4853 2.24999 10.071Z" fill="currentColor"></path></svg> </a> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-885adff content-block-text pro video elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="885adff" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <div class="elementor-content-item elementor-cta__content-item elementor-cta__image"> <img loading="lazy" width="624" height="476" src="https://elementor.com/cdn-cgi/image/f=auto,w=624,h=476/https://elementor.com/wp-content/uploads/2022/01/Group-10879835.png" class="attachment-full size-full wp-image-66037" alt="Google maps API" srcset="https://elementor.com/cdn-cgi/image/f=auto,w=624/https://elementor.com/wp-content/uploads/2022/01/Group-10879835.png 624w, https://elementor.com/cdn-cgi/image/f=auto,w=600/https://elementor.com/wp-content/uploads/2022/01/Group-10879835-600x458.png 600w" sizes="(max-width: 624px) 100vw, 624px" /> </div> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Google maps API </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Embed your Google Maps API key directly into your website from Elementor’s Google Maps widget. </div> <div class="elementor-cta__button-wrapper elementor-cta__content-item elementor-content-item "> <a class="elementor-cta__button elementor-button elementor-size-" href="/features/integrations/" alt="Go to page"> Read More <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.24999 10.071C2.24999 9.65683 2.58578 9.32104 2.99999 9.32104L15.3315 9.32105L10.7031 4.69273C10.4103 4.39983 10.4103 3.92496 10.7031 3.63207C10.996 3.33917 11.4709 3.33917 11.7638 3.63207L17.6725 9.54071C17.9653 9.83361 17.9653 10.3085 17.6725 10.6014L11.7638 16.51C11.4709 16.8029 10.996 16.8029 10.7031 16.51C10.4103 16.2171 10.4103 15.7423 10.7031 15.4494L15.3315 10.821L2.99999 10.821C2.58578 10.821 2.24999 10.4853 2.24999 10.071Z" fill="currentColor"></path></svg> </a> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-5ba627ef content-block-text elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="5ba627ef" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <div class="elementor-content-item elementor-cta__content-item elementor-cta__image"> <img loading="lazy" width="312" height="238" src="https://elementor.com/wp-content/uploads/2022/01/video.svg" class="attachment-full size-full wp-image-66039" alt="Embed Video Options" /> </div> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Embed Video Options </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Include self-hosted, external video, YouTube, Vimeo or Dailymotion videos on your pages. </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-7d188fab content-block-text elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="7d188fab" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <div class="elementor-content-item elementor-cta__content-item elementor-cta__image"> <img loading="lazy" width="312" height="238" src="https://elementor.com/wp-content/uploads/2022/01/externalk.svg" class="attachment-full size-full wp-image-66040" alt="External Image URL" /> </div> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> External Image URL </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Optimize your loading time and gain full control over your website by embedding images from external sources. </div> </div> </div> </div> </div> </div> </div> </div> </section> <section class="elementor-section elementor-top-section elementor-element elementor-element-200decc2 search-target smallcta orangebox advanced elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="200decc2" data-element_type="section"> <div class="elementor-container elementor-column-gap-no"> <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-142aa121 supergrid" data-id="142aa121" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-251ff62c grid-full-width elementor-widget elementor-widget-heading" data-id="251ff62c" data-element_type="widget" id="advanced" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h2 class="elementor-heading-title elementor-size-default">Advanced Features</h2> </div> </div> <div class="elementor-element elementor-element-26c47ad0 content-block-text elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="26c47ad0" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Maintenance Mode </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Set maintenance mode on WordPress, including coming soon and maintenance mode templates. </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-1a3ae525 content-block-text elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="1a3ae525" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Replace URL </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Ensure everything is updated with your new domain using the Replace URL feature. </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-4a2e38d6 content-block-text pro elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="4a2e38d6" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Custom CSS </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Add custom CSS to any section, column, widget or page in Elementor. </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-7e0e600c content-block-text elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="7e0e600c" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Version Control </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Roll back to a previous version and restore it in just one click. </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-4de99b04 content-block-text elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="4de99b04" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Safe Mode </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Activate a safe environment and isolate Elementor from the themes and plugins that might cause an error. </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-56e8a667 content-block-text elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="56e8a667" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Regenerate CSS </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Clear your CSS files and generate new files after making changes to your pages. </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-5a4194d5 content-block-text elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="5a4194d5" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Image Size </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Set the size of your image files to reduce the loading speed of your pages. </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-256c24bb content-block-text pro elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="256c24bb" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Role Manager </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Restrict access to the editor altogether, or allow certain users to make changes to the content. </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-43f35b3b content-block-text elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="43f35b3b" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> RTL Ready </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Access Elementor’s multilingual full support for both LTR and RTL languages. </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-1d47019c content-block-text pro elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="1d47019c" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Request Parameters </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Track user information along every step of the sales funnel and personalize the user experience. </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-6e210aa7 content-block-text pro elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="6e210aa7" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Custom Attributes </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Add custom attributes such as ‘ARIA’, ‘header’ or ’footer’ for each Section, Column or Widget. </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-1d05f959 content-block-text elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="1d05f959" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Experiments </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Decide which new or soon-to-be-released features are active on your website. </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-1ef9c51d content-block-text elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="1ef9c51d" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Compatibility Tag </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Receive notifications about add-ons that are not compatible with your current version of Elementor. </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-1149f36d content-block-text pro elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="1149f36d" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Custom Code </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Seamlessly add custom HTML values like marketing pixels, analytics, and meta tags to the head & body tags. </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-5e864216 content-block-text elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="5e864216" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Site identity </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Control your website’s identity, including its Name, Description, and more, from Elementor’s Site Settings. </div> </div> </div> </div> </div> </div> </div> </div> </section> <section class="elementor-section elementor-top-section elementor-element elementor-element-302fdd0 elementor-section-height-min-height elementor-section-items-stretch elementor-section-content-middle content-block-wrapper hero elementor-section-boxed elementor-section-height-default" data-id="302fdd0" data-element_type="section" data-settings="{"background_background":"classic"}"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-8097598" data-id="8097598" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-2385e92 content-block-heading elementor-widget-mobile__width-inherit elementor-widget-tablet__width-initial elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="2385e92" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <h2 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> You Build Professional Websites.<br class="elementor-hidden-mobile"> Elementor Takes Care of the Rest. </h2> <div class="elementor-cta__button-wrapper elementor-cta__content-item elementor-content-item "> <a class="elementor-cta__button elementor-button elementor-size-" href="https://my.elementor.com/signup/?redirect_to=https://my.elementor.com/get-started/" aria-label="Get Started With Elementor"> Get Started </a> </div> </div> </div> </div> </div> </div> </div> </div> </section> </div> <div data-elementor-type="footer" data-elementor-id="16853" class="elementor elementor-16853 elementor-location-footer" data-elementor-post-type="elementor_library"> <footer class="elementor-element elementor-element-3776da5 main-footer e-grid e-con-boxed e-con e-parent" data-id="3776da5" data-element_type="container" data-settings="{"background_background":"classic"}" data-gtm-element-location="footer"> <div class="e-con-inner"> <div class="elementor-element elementor-element-89c5dad footerAccord e-con-full e-flex e-con e-child" data-id="89c5dad" data-element_type="container"> <div class="elementor-element elementor-element-f94a368 elementor-view-default elementor-widget elementor-widget-icon" data-id="f94a368" data-element_type="widget" data-widget_type="icon.default"> <div class="elementor-widget-container"> <div class="elementor-icon-wrapper"> <div class="elementor-icon"> <svg xmlns="http://www.w3.org/2000/svg" aria-labelledby="elementor-logo" width="163" height="27" viewBox="0 0 163 27" fill="none"><title id="catTitle">Elementor Logo</title><path d="M102.054 12.939C102.054 12.939 100.65 13.2733 99.465 13.5566L97.6605 13.9676C97.6546 13.9676 97.6467 13.9676 97.6447 13.9676C97.6447 13.4818 97.6801 12.9685 97.7961 12.4965C97.9455 11.8907 98.2738 11.1827 98.8419 10.8719C99.4611 10.5336 100.216 10.4943 100.872 10.7559C101.551 11.0253 101.861 11.6803 101.995 12.3588C102.032 12.5476 102.058 12.7384 102.075 12.9311L102.054 12.939ZM106.756 13.9656C106.756 9.25916 103.792 7.23535 100.006 7.23535C95.7242 7.23535 93.043 10.2012 93.043 13.9892C93.043 18.1077 95.3252 20.7903 100.241 20.7903C102.899 20.7903 104.405 20.3203 106.192 19.4254L105.51 16.3415C104.145 16.9532 102.876 17.3288 101.181 17.3288C99.3235 17.3288 98.2639 16.6227 97.8649 15.305H106.638C106.709 14.953 106.756 14.5537 106.756 13.9656Z" fill="currentColor"></path><path d="M62.9249 12.939C62.9249 12.939 61.5214 13.2733 60.3361 13.5566L58.5316 13.9676C58.5257 13.9676 58.5178 13.9676 58.5158 13.9676C58.5158 13.4818 58.5512 12.9685 58.6672 12.4965C58.8166 11.8907 59.1449 11.1827 59.7129 10.8719C60.3322 10.5336 61.087 10.4943 61.7435 10.7559C62.4217 11.0253 62.7323 11.6803 62.866 12.3588C62.9033 12.5476 62.9289 12.7384 62.9466 12.9311L62.9249 12.939ZM67.627 13.9656C67.627 9.25916 64.6626 7.23535 60.8767 7.23535C56.5953 7.23535 53.9141 10.2012 53.9141 13.9892C53.9141 18.1077 56.1963 20.7903 61.1125 20.7903C63.7702 20.7903 65.2759 20.3203 67.0628 19.4254L66.3807 16.3415C65.0165 16.9532 63.7466 17.3288 62.0522 17.3288C60.1946 17.3288 59.135 16.6227 58.736 15.305H67.509C67.5798 14.953 67.627 14.5537 67.627 13.9656Z" fill="currentColor"></path><path d="M52.311 3.77588H47.9668V20.3204H52.311V3.77588Z" fill="currentColor"></path><path d="M107.674 7.65838H112.238L113.198 10.583C113.799 9.13936 115.151 7.28076 117.55 7.28076C120.842 7.28076 122.631 8.95055 122.631 13.2578V20.3185H118.069C118.069 18.8474 118.071 17.3762 118.072 15.9051C118.072 15.2305 118.061 14.5559 118.071 13.8813C118.078 13.2578 118.122 12.6147 117.791 12.0561C117.567 11.6785 117.2 11.4012 116.803 11.2123C115.997 10.8269 115.124 10.8387 114.334 11.2497C114.139 11.35 113.199 11.8594 113.199 12.0954V20.3185H108.637V11.0747L107.674 7.65838Z" fill="currentColor"></path><path d="M126.324 10.9755H124.23V7.65759H126.324V5.58265L130.886 4.50879V7.65759H135.472V10.9755H130.886V14.6947C130.886 16.1541 131.592 16.8365 132.65 16.8365C133.731 16.8365 134.344 16.6949 135.26 16.3901L135.801 19.826C134.554 20.3669 133.002 20.6265 131.425 20.6265C128.109 20.6265 126.32 19.0491 126.32 15.9908V10.9755H126.324Z" fill="currentColor"></path><path d="M144.252 17.026C145.921 17.026 146.91 15.8262 146.91 13.8949C146.91 11.9635 145.968 10.8582 144.323 10.8582C142.652 10.8582 141.689 11.9635 141.689 13.9657C141.689 15.8479 142.631 17.026 144.252 17.026ZM144.299 7.16455C148.581 7.16455 151.708 9.84723 151.708 14.0129C151.708 18.2021 148.581 20.7196 144.252 20.7196C139.947 20.7196 136.889 18.1313 136.889 14.0129C136.891 9.84723 139.926 7.16455 144.299 7.16455Z" fill="currentColor"></path><path d="M88.9542 7.61891C88.1463 7.28652 87.2322 7.16262 86.3614 7.28849C85.9172 7.35339 85.4827 7.48123 85.0798 7.67988C83.975 8.22664 83.1121 9.47161 82.6482 10.5828C82.3454 9.30443 81.4589 8.1519 80.1655 7.61891C79.3575 7.28652 78.4435 7.16262 77.5727 7.28849C77.1284 7.35339 76.694 7.48123 76.291 7.67988C75.1882 8.22467 74.3272 9.46571 73.8633 10.573V10.4924L72.9335 7.65824H68.3711L69.3323 11.0745V20.3203H73.8653V12.0599C73.881 11.9989 74.0835 11.8848 74.1189 11.8573C74.6496 11.4797 75.2747 11.0903 75.9391 11.0411C76.6173 10.99 77.2857 11.3361 77.6906 11.875C77.7339 11.934 77.7751 11.993 77.8125 12.0559C78.1447 12.6145 78.0995 13.2576 78.0916 13.8811C78.0837 14.5557 78.0955 15.2303 78.0936 15.9049C78.0916 17.3761 78.0896 18.8472 78.0896 20.3184H82.6541V13.2576C82.6541 13.2222 82.6541 13.1868 82.6541 13.1514V12.0618C82.6639 12.0028 82.8723 11.8829 82.9096 11.8573C83.4404 11.4797 84.0655 11.0903 84.7299 11.0411C85.408 10.99 86.0764 11.3361 86.4813 11.875C86.5246 11.934 86.5659 11.993 86.6032 12.0559C86.9354 12.6145 86.8902 13.2576 86.8843 13.8811C86.8764 14.5557 86.8882 15.2303 86.8863 15.9049C86.8843 17.3761 86.8823 18.8472 86.8823 20.3184H91.4448V13.2576C91.4428 11.1886 91.146 8.52166 88.9542 7.61891Z" fill="currentColor"></path><path d="M162.503 7.28271C160.105 7.28271 158.752 9.14131 158.151 10.5849L157.189 7.66033H152.625L153.586 11.0766V20.3224H158.151V11.7788C158.801 11.6647 162.33 12.3137 163 12.5596V7.29845C162.837 7.28861 162.672 7.28271 162.503 7.28271Z" fill="currentColor"></path><path d="M41.6632 12.5161C41.6632 12.5161 40.2597 12.8505 39.0744 13.1337L37.2698 13.5448C37.2639 13.5448 37.2561 13.5448 37.2541 13.5448C37.2541 13.059 37.2895 12.5456 37.4055 12.0736C37.5548 11.4679 37.8831 10.7598 38.4512 10.4491C39.0704 10.1108 39.8253 10.0714 40.4818 10.333C41.16 10.6025 41.4706 11.2574 41.6042 11.9359C41.6416 12.1248 41.6671 12.3155 41.6848 12.5083L41.6632 12.5161ZM46.3672 13.5428C46.3672 8.83631 43.4029 6.8125 39.6169 6.8125C35.3355 6.8125 32.6543 9.77839 32.6543 13.5664C32.6543 17.6848 34.9365 20.3675 39.8528 20.3675C42.5104 20.3675 44.0162 19.8974 45.803 19.0026L45.1209 15.9187C43.7567 16.5303 42.4868 16.906 40.7924 16.906C38.9348 16.906 37.8753 16.1999 37.4762 14.8822H46.2492C46.32 14.5321 46.3672 14.1309 46.3672 13.5428Z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M0 13.2084C0 20.4107 5.83624 26.2501 13.0347 26.2501C20.2332 26.2501 26.0695 20.4107 26.0695 13.2084C26.0695 6.00609 20.2332 0.166748 13.0347 0.166748C5.83624 0.166748 0 6.00609 0 13.2084ZM9.77554 7.77424H7.60342V18.6426H9.77554V7.77424ZM11.9477 7.77424H18.4641V9.94753H11.9477V7.77424ZM18.4641 12.1208H11.9477V14.2941H18.4641V12.1208ZM11.9477 16.4693H18.4641V18.6426H11.9477V16.4693Z" fill="currentColor"></path></svg> </div> </div> </div> </div> <div class="elementor-element elementor-element-39c2d89 e-grid-align-left elementor-grid-mobile-5 e-grid-align-mobile-left elementor-shape-rounded elementor-grid-0 elementor-widget elementor-widget-social-icons" data-id="39c2d89" data-element_type="widget" data-widget_type="social-icons.default"> <div class="elementor-widget-container"> <style>/*! elementor - v3.23.0 - 05-08-2024 */ .elementor-widget-social-icons.elementor-grid-0 .elementor-widget-container,.elementor-widget-social-icons.elementor-grid-mobile-0 .elementor-widget-container,.elementor-widget-social-icons.elementor-grid-tablet-0 .elementor-widget-container{line-height:1;font-size:0}.elementor-widget-social-icons:not(.elementor-grid-0):not(.elementor-grid-tablet-0):not(.elementor-grid-mobile-0) .elementor-grid{display:inline-grid}.elementor-widget-social-icons .elementor-grid{grid-column-gap:var(--grid-column-gap,5px);grid-row-gap:var(--grid-row-gap,5px);grid-template-columns:var(--grid-template-columns);justify-content:var(--justify-content,center);justify-items:var(--justify-content,center)}.elementor-icon.elementor-social-icon{font-size:var(--icon-size,25px);line-height:var(--icon-size,25px);width:calc(var(--icon-size, 25px) + 2 * var(--icon-padding, .5em));height:calc(var(--icon-size, 25px) + 2 * var(--icon-padding, .5em))}.elementor-social-icon{--e-social-icon-icon-color:#fff;display:inline-flex;background-color:#69727d;align-items:center;justify-content:center;text-align:center;cursor:pointer}.elementor-social-icon i{color:var(--e-social-icon-icon-color)}.elementor-social-icon svg{fill:var(--e-social-icon-icon-color)}.elementor-social-icon:last-child{margin:0}.elementor-social-icon:hover{opacity:.9;color:#fff}.elementor-social-icon-android{background-color:#a4c639}.elementor-social-icon-apple{background-color:#999}.elementor-social-icon-behance{background-color:#1769ff}.elementor-social-icon-bitbucket{background-color:#205081}.elementor-social-icon-codepen{background-color:#000}.elementor-social-icon-delicious{background-color:#39f}.elementor-social-icon-deviantart{background-color:#05cc47}.elementor-social-icon-digg{background-color:#005be2}.elementor-social-icon-dribbble{background-color:#ea4c89}.elementor-social-icon-elementor{background-color:#d30c5c}.elementor-social-icon-envelope{background-color:#ea4335}.elementor-social-icon-facebook,.elementor-social-icon-facebook-f{background-color:#3b5998}.elementor-social-icon-flickr{background-color:#0063dc}.elementor-social-icon-foursquare{background-color:#2d5be3}.elementor-social-icon-free-code-camp,.elementor-social-icon-freecodecamp{background-color:#006400}.elementor-social-icon-github{background-color:#333}.elementor-social-icon-gitlab{background-color:#e24329}.elementor-social-icon-globe{background-color:#69727d}.elementor-social-icon-google-plus,.elementor-social-icon-google-plus-g{background-color:#dd4b39}.elementor-social-icon-houzz{background-color:#7ac142}.elementor-social-icon-instagram{background-color:#262626}.elementor-social-icon-jsfiddle{background-color:#487aa2}.elementor-social-icon-link{background-color:#818a91}.elementor-social-icon-linkedin,.elementor-social-icon-linkedin-in{background-color:#0077b5}.elementor-social-icon-medium{background-color:#00ab6b}.elementor-social-icon-meetup{background-color:#ec1c40}.elementor-social-icon-mixcloud{background-color:#273a4b}.elementor-social-icon-odnoklassniki{background-color:#f4731c}.elementor-social-icon-pinterest{background-color:#bd081c}.elementor-social-icon-product-hunt{background-color:#da552f}.elementor-social-icon-reddit{background-color:#ff4500}.elementor-social-icon-rss{background-color:#f26522}.elementor-social-icon-shopping-cart{background-color:#4caf50}.elementor-social-icon-skype{background-color:#00aff0}.elementor-social-icon-slideshare{background-color:#0077b5}.elementor-social-icon-snapchat{background-color:#fffc00}.elementor-social-icon-soundcloud{background-color:#f80}.elementor-social-icon-spotify{background-color:#2ebd59}.elementor-social-icon-stack-overflow{background-color:#fe7a15}.elementor-social-icon-steam{background-color:#00adee}.elementor-social-icon-stumbleupon{background-color:#eb4924}.elementor-social-icon-telegram{background-color:#2ca5e0}.elementor-social-icon-threads{background-color:#000}.elementor-social-icon-thumb-tack{background-color:#1aa1d8}.elementor-social-icon-tripadvisor{background-color:#589442}.elementor-social-icon-tumblr{background-color:#35465c}.elementor-social-icon-twitch{background-color:#6441a5}.elementor-social-icon-twitter{background-color:#1da1f2}.elementor-social-icon-viber{background-color:#665cac}.elementor-social-icon-vimeo{background-color:#1ab7ea}.elementor-social-icon-vk{background-color:#45668e}.elementor-social-icon-weibo{background-color:#dd2430}.elementor-social-icon-weixin{background-color:#31a918}.elementor-social-icon-whatsapp{background-color:#25d366}.elementor-social-icon-wordpress{background-color:#21759b}.elementor-social-icon-x-twitter{background-color:#000}.elementor-social-icon-xing{background-color:#026466}.elementor-social-icon-yelp{background-color:#af0606}.elementor-social-icon-youtube{background-color:#cd201f}.elementor-social-icon-500px{background-color:#0099e5}.elementor-shape-rounded .elementor-icon.elementor-social-icon{border-radius:10%}.elementor-shape-circle .elementor-icon.elementor-social-icon{border-radius:50%}</style> <div class="elementor-social-icons-wrapper elementor-grid"> <span class="elementor-grid-item"> <a class="elementor-icon elementor-social-icon elementor-social-icon- elementor-repeater-item-cf6fe02" href="https://wordpress.org/plugins/elementor/" target="_blank" rel="noopener noreferrer"> <span class="elementor-screen-only"></span> <svg xmlns="http://www.w3.org/2000/svg" aria-labelledby="wordpress-logo" data-prefix="fab" data-icon="wordpress" viewBox="0 0 512 512"><title>Wordpress logo</title><path d="M61.7 169.4l101.5 278C92.2 413 43.3 340.2 43.3 256c0-30.9 6.6-60.1 18.4-86.6zm337.9 75.9c0-26.3-9.4-44.5-17.5-58.7-10.8-17.5-20.9-32.4-20.9-49.9 0-19.6 14.8-37.8 35.7-37.8.9 0 1.8.1 2.8.2-37.9-34.7-88.3-55.9-143.7-55.9-74.3 0-139.7 38.1-177.8 95.9 5 .2 9.7.3 13.7.3 22.2 0 56.7-2.7 56.7-2.7 11.5-.7 12.8 16.2 1.4 17.5 0 0-11.5 1.3-24.3 2l77.5 230.4L249.8 247l-33.1-90.8c-11.5-.7-22.3-2-22.3-2-11.5-.7-10.1-18.2 1.3-17.5 0 0 35.1 2.7 56 2.7 22.2 0 56.7-2.7 56.7-2.7 11.5-.7 12.8 16.2 1.4 17.5 0 0-11.5 1.3-24.3 2l76.9 228.7 21.2-70.9c9-29.4 16-50.5 16-68.7zm-139.9 29.3l-63.8 185.5c19.1 5.6 39.2 8.7 60.1 8.7 24.8 0 48.5-4.3 70.6-12.1-.6-.9-1.1-1.9-1.5-2.9l-65.4-179.2zm183-120.7c.9 6.8 1.4 14 1.4 21.9 0 21.6-4 45.8-16.2 76.2l-65 187.9C426.2 403 468.7 334.5 468.7 256c0-37-9.4-71.8-26-102.1zM504 256c0 136.8-111.3 248-248 248C119.2 504 8 392.7 8 256 8 119.2 119.2 8 256 8c136.7 0 248 111.2 248 248zm-11.4 0c0-130.5-106.2-236.6-236.6-236.6C125.5 19.4 19.4 125.5 19.4 256S125.6 492.6 256 492.6c130.5 0 236.6-106.1 236.6-236.6z"></path></svg> </a> </span> <span class="elementor-grid-item"> <a class="elementor-icon elementor-social-icon elementor-social-icon- elementor-repeater-item-86492a0" href="https://github.com/elementor/elementor" target="_blank" rel="noopener noreferrer"> <span class="elementor-screen-only"></span> <svg xmlns="http://www.w3.org/2000/svg" aria-labelledby="github-logo" data-prefix="fab" data-icon="github" viewBox="0 0 496 512"><title>Github logo</title><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg> </a> </span> <span class="elementor-grid-item"> <a class="elementor-icon elementor-social-icon elementor-social-icon- elementor-repeater-item-81e64c6" href="https://www.producthunt.com/products/elementor" target="_blank" rel="noopener noreferrer"> <span class="elementor-screen-only"></span> <svg xmlns="http://www.w3.org/2000/svg" aria-labelledby="producthunt-logo" data-prefix="fab" data-icon="product-hunt" class="svg-inline--fa fa-product-hunt fa-w-16" viewBox="0 0 512 512"><title id="catTitle">ProductHunt Logo</title><path d="M326.3 218.8c0 20.5-16.7 37.2-37.2 37.2h-70.3v-74.4h70.3c20.5 0 37.2 16.7 37.2 37.2zM504 256c0 137-111 248-248 248S8 393 8 256 119 8 256 8s248 111 248 248zm-128.1-37.2c0-47.9-38.9-86.8-86.8-86.8H169.2v248h49.6v-74.4h70.3c47.9 0 86.8-38.9 86.8-86.8z"></path></svg> </a> </span> <span class="elementor-grid-item"> <a class="elementor-icon elementor-social-icon elementor-social-icon- elementor-repeater-item-580c20d" href="https://www.instagram.com/elementor/" target="_blank" rel="noopener noreferrer"> <span class="elementor-screen-only"></span> <svg xmlns="http://www.w3.org/2000/svg" aria-labelledby="instagram-logo" data-prefix="fab" data-icon="instagram" class="svg-inline--fa fa-instagram fa-w-14" viewBox="0 0 448 512"><title id="catTitle">Instagram Logo</title><path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"></path></svg> </a> </span> <span class="elementor-grid-item"> <a class="elementor-icon elementor-social-icon elementor-social-icon- elementor-repeater-item-0cd3763" href="https://www.facebook.com/elemntor/" target="_blank" rel="noopener noreferrer"> <span class="elementor-screen-only"></span> <svg xmlns="http://www.w3.org/2000/svg" aria-labelledby="facebook-logo" data-prefix="fab" data-icon="facebook-f" class="svg-inline--fa fa-facebook-f fa-w-10" viewBox="0 0 320 512"><title id="catTitle">Facebook Logo</title><path d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"></path></svg> </a> </span> <span class="elementor-grid-item"> <a class="elementor-icon elementor-social-icon elementor-social-icon- elementor-repeater-item-dad8830" href="https://x.com/elemntor" target="_blank" rel="noopener noreferrer"> <span class="elementor-screen-only"></span> <svg xmlns="http://www.w3.org/2000/svg" aria-label="x-logo" aria-labelledby="x-logo" viewBox="0 0 512 512"><path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8l164.9-188.5L26.8 48h145.6l100.5 132.9L389.2 48zm-24.8 373.8h39.1L151.1 88h-42l255.3 333.8z"></path></svg> </a> </span> <span class="elementor-grid-item"> <a class="elementor-icon elementor-social-icon elementor-social-icon- elementor-repeater-item-cc4e560" href="https://www.youtube.com/channel/UCt9kG_EDX8zwGSC1-ycJJVA?sub_confirmation=1" target="_blank" rel="noopener noreferrer"> <span class="elementor-screen-only"></span> <svg xmlns="http://www.w3.org/2000/svg" aria-labelledby="youtube-logo" data-prefix="fab" data-icon="youtube" class="svg-inline--fa fa-youtube fa-w-18" viewBox="0 0 576 512"><title id="catTitle">Youtube Logo</title><path d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"></path></svg> </a> </span> </div> </div> </div> <div class="elementor-element elementor-element-6e93e55 elementor-widget elementor-widget-text-editor" data-id="6e93e55" data-element_type="widget" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> <style>/*! elementor - v3.23.0 - 05-08-2024 */ .elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:#69727d;color:#fff}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap{color:#69727d;border:3px solid;background-color:transparent}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap{margin-top:8px}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap-letter{width:1em;height:1em}.elementor-widget-text-editor .elementor-drop-cap{float:left;text-align:center;line-height:1;font-size:50px}.elementor-widget-text-editor .elementor-drop-cap-letter{display:inline-block}</style> <p>Elementor is the leading website builder platform for professionals and business owners on WordPress. Whether you’re a developer, designer, marketer, or business owner, Elementor empowers you to create stunning, high-performing websites. With a new website created every 10 seconds, Elementor empowers you to build and manage your online presence effectively.</p> </div> </div> <div class="elementor-element elementor-element-51c8520 elementor-widget elementor-widget-heading" data-id="51c8520" data-element_type="widget" tabindex="-1" data-widget_type="heading.default"> <div class="elementor-widget-container"> <div class="elementor-heading-title elementor-size-default">Subscribe to our newsletter</div> </div> </div> <div class="elementor-element elementor-element-c27277f elementor-widget__width-initial elementor-widget-mobile__width-initial newsletter-signup-form elementor-button-align-end elementor-widget elementor-widget-form" data-id="c27277f" data-element_type="widget" data-settings="{"step_next_label":"Next","step_previous_label":"Previous","additional_attributes":[{"_id":"d23a634","attr_key":"newsletter_subscriber","attr_value":"true"}],"button_width":"40","button_width_mobile":"30","step_type":"number_text","step_icon_shape":"circle"}" data-widget_type="form.default"> <div class="elementor-widget-container"> <style>/*! elementor-pro - v3.23.0 - 05-08-2024 */ .elementor-button.elementor-hidden,.elementor-hidden{display:none}.e-form__step{width:100%}.e-form__step:not(.elementor-hidden){display:flex;flex-wrap:wrap}.e-form__buttons{flex-wrap:wrap}.e-form__buttons,.e-form__buttons__wrapper{display:flex}.e-form__indicators{display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap;font-size:13px;margin-bottom:var(--e-form-steps-indicators-spacing)}.e-form__indicators__indicator{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-basis:0;padding:0 var(--e-form-steps-divider-gap)}.e-form__indicators__indicator__progress{width:100%;position:relative;background-color:var(--e-form-steps-indicator-progress-background-color);border-radius:var(--e-form-steps-indicator-progress-border-radius);overflow:hidden}.e-form__indicators__indicator__progress__meter{width:var(--e-form-steps-indicator-progress-meter-width,0);height:var(--e-form-steps-indicator-progress-height);line-height:var(--e-form-steps-indicator-progress-height);padding-right:15px;border-radius:var(--e-form-steps-indicator-progress-border-radius);background-color:var(--e-form-steps-indicator-progress-color);color:var(--e-form-steps-indicator-progress-meter-color);text-align:right;transition:width .1s linear}.e-form__indicators__indicator:first-child{padding-left:0}.e-form__indicators__indicator:last-child{padding-right:0}.e-form__indicators__indicator--state-inactive{color:var(--e-form-steps-indicator-inactive-primary-color,#c2cbd2)}.e-form__indicators__indicator--state-inactive [class*=indicator--shape-]:not(.e-form__indicators__indicator--shape-none){background-color:var(--e-form-steps-indicator-inactive-secondary-color,#fff)}.e-form__indicators__indicator--state-inactive object,.e-form__indicators__indicator--state-inactive svg{fill:var(--e-form-steps-indicator-inactive-primary-color,#c2cbd2)}.e-form__indicators__indicator--state-active{color:var(--e-form-steps-indicator-active-primary-color,#39b54a);border-color:var(--e-form-steps-indicator-active-secondary-color,#fff)}.e-form__indicators__indicator--state-active [class*=indicator--shape-]:not(.e-form__indicators__indicator--shape-none){background-color:var(--e-form-steps-indicator-active-secondary-color,#fff)}.e-form__indicators__indicator--state-active object,.e-form__indicators__indicator--state-active svg{fill:var(--e-form-steps-indicator-active-primary-color,#39b54a)}.e-form__indicators__indicator--state-completed{color:var(--e-form-steps-indicator-completed-secondary-color,#fff)}.e-form__indicators__indicator--state-completed [class*=indicator--shape-]:not(.e-form__indicators__indicator--shape-none){background-color:var(--e-form-steps-indicator-completed-primary-color,#39b54a)}.e-form__indicators__indicator--state-completed .e-form__indicators__indicator__label{color:var(--e-form-steps-indicator-completed-primary-color,#39b54a)}.e-form__indicators__indicator--state-completed .e-form__indicators__indicator--shape-none{color:var(--e-form-steps-indicator-completed-primary-color,#39b54a);background-color:initial}.e-form__indicators__indicator--state-completed object,.e-form__indicators__indicator--state-completed svg{fill:var(--e-form-steps-indicator-completed-secondary-color,#fff)}.e-form__indicators__indicator__icon{width:var(--e-form-steps-indicator-padding,30px);height:var(--e-form-steps-indicator-padding,30px);font-size:var(--e-form-steps-indicator-icon-size);border-width:1px;border-style:solid;display:flex;justify-content:center;align-items:center;overflow:hidden;margin-bottom:10px}.e-form__indicators__indicator__icon img,.e-form__indicators__indicator__icon object,.e-form__indicators__indicator__icon svg{width:var(--e-form-steps-indicator-icon-size);height:auto}.e-form__indicators__indicator__icon .e-font-icon-svg{height:1em}.e-form__indicators__indicator__number{width:var(--e-form-steps-indicator-padding,30px);height:var(--e-form-steps-indicator-padding,30px);border-width:1px;border-style:solid;display:flex;justify-content:center;align-items:center;margin-bottom:10px}.e-form__indicators__indicator--shape-circle{border-radius:50%}.e-form__indicators__indicator--shape-square{border-radius:0}.e-form__indicators__indicator--shape-rounded{border-radius:5px}.e-form__indicators__indicator--shape-none{border:0}.e-form__indicators__indicator__label{text-align:center}.e-form__indicators__indicator__separator{width:100%;height:var(--e-form-steps-divider-width);background-color:#babfc5}.e-form__indicators--type-icon,.e-form__indicators--type-icon_text,.e-form__indicators--type-number,.e-form__indicators--type-number_text{align-items:flex-start}.e-form__indicators--type-icon .e-form__indicators__indicator__separator,.e-form__indicators--type-icon_text .e-form__indicators__indicator__separator,.e-form__indicators--type-number .e-form__indicators__indicator__separator,.e-form__indicators--type-number_text .e-form__indicators__indicator__separator{margin-top:calc(var(--e-form-steps-indicator-padding, 30px) / 2 - var(--e-form-steps-divider-width, 1px) / 2)}.elementor-field-type-hidden{display:none}.elementor-field-type-html{display:inline-block}.elementor-field-type-tel input{direction:inherit}.elementor-login .elementor-lost-password,.elementor-login .elementor-remember-me{font-size:.85em}.elementor-field-type-recaptcha_v3 .elementor-field-label{display:none}.elementor-field-type-recaptcha_v3 .grecaptcha-badge{z-index:1}.elementor-button .elementor-form-spinner{order:3}.elementor-form .elementor-button .elementor-button-content-wrapper{align-items:center}.elementor-form .elementor-button .elementor-button-text{white-space:normal}.elementor-form .elementor-button svg{height:auto}.elementor-form .elementor-button .e-font-icon-svg{height:1em}.elementor-form .elementor-button .elementor-button-content-wrapper{gap:5px}.elementor-form .elementor-button .elementor-button-icon,.elementor-form .elementor-button .elementor-button-text{flex-grow:unset;order:unset}.elementor-select-wrapper .select-caret-down-wrapper{position:absolute;top:50%;transform:translateY(-50%);inset-inline-end:10px;pointer-events:none;font-size:11px}.elementor-select-wrapper .select-caret-down-wrapper svg{display:unset;width:1em;aspect-ratio:unset;fill:currentColor}.elementor-select-wrapper .select-caret-down-wrapper i{font-size:19px;line-height:2}.elementor-select-wrapper.remove-before:before{content:""!important}.elementor-message-svg:before{content:"";width:1em;height:1em;background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTEiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00Ljc1IDguMTVMMS42IDUgLjU1IDYuMDVsNC4yIDQuMiA5LTlMMTIuNy4yIDQuNzUgOC4xNXoiIGZpbGw9IiMwMDhBMjAiLz48L3N2Zz4=");background-position:50%;background-repeat:no-repeat}</style> <form class="elementor-form" method="post" action="https://form.strattic.com/forms/77986f46-c43c-412b-b261-fd9310496adb" id="elementor_newsletter_subscribe_newsletter" name="Newsletter roll"> <input type="hidden" name="post_id" value="16853"/> <input type="hidden" name="form_id" value="c27277f"/> <input type="hidden" name="referer_title" value="Elementor Features | The #1 Drag and Drop Website Builder" /> <div class="elementor-form-fields-wrapper elementor-labels-"> <div class="elementor-field-type-email elementor-field-group elementor-column elementor-field-group-email_newsletter elementor-col-60 elementor-sm-70 elementor-field-required"> <label for="form-field-email_newsletter" class="elementor-field-label elementor-screen-only"> Email </label> <input size="1" type="email" name="form_fields[email_newsletter]" id="form-field-email_newsletter" class="elementor-field elementor-size-sm elementor-field-textual" placeholder="Whats your email" required="required" aria-required="true"> </div> <div class="elementor-field-type-hidden elementor-field-group elementor-column elementor-field-group-newsletter_subscribe elementor-col-100"> <input size="1" type="hidden" name="form_fields[newsletter_subscribe]" id="form-field-newsletter_subscribe" class="elementor-field elementor-size-sm elementor-field-textual" value="elementor_newsletter_subscribe"> </div> <div class="elementor-field-group elementor-column elementor-field-type-submit elementor-col-40 e-form__buttons elementor-sm-30"> <button class="elementor-button elementor-size-sm" type="submit"> <span class="elementor-button-content-wrapper"> <span class="elementor-button-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><g id="one-finger-tap"><g id="one-finger-tap_2"><path id="Vector 107" d="M20.7454 23.1429V18.2859C20.7454 15.8498 18.7706 13.875 16.3346 13.875H12.5035V6.71697C12.5035 5.5788 11.5808 4.65616 10.4427 4.65616C9.30449 4.65616 8.38184 5.5788 8.38184 6.71697L8.38183 16.1001L7.6946 16.2294C5.60504 16.6227 4.61065 19.0353 5.81624 20.7866L6.09343 21.1893L7.43652 23.1429" stroke="black" stroke-linecap="round" stroke-linejoin="round"></path><path id="Ellipse 302" d="M4.45284 8.45548C4.34762 8.00315 4.29199 7.53179 4.29199 7.04742C4.29199 3.62863 7.06348 0.857147 10.4823 0.857147C13.9011 0.857147 16.6725 3.62863 16.6725 7.04742C16.6725 7.53179 16.6169 8.00315 16.5117 8.45548" stroke="black" stroke-linecap="round" stroke-linejoin="round"></path></g></g></svg> </span> <span class="elementor-button-text">Subscribe</span> </span> </button> </div> </div> </form> </div> </div> <div class="elementor-element elementor-element-092e7f3 elementor-widget elementor-widget-text-editor" data-id="092e7f3" data-element_type="widget" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> <p>By entering your email, you agree to our<br /><strong><a href="https://elementor.com/terms/" target="_blank" rel="noopener">Terms & Conditions </a></strong>and <strong><a href="https://elementor.com/about/privacy/" target="_blank" rel="noopener">Privacy Policy</a></strong>.</p> </div> </div> <div class="elementor-element elementor-element-f7d2767 footerContent elementor-widget elementor-widget-text-editor" data-id="f7d2767" data-element_type="widget" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> <p>© Elementor. All rights reserved</p> </div> </div> </div> <div class="elementor-element elementor-element-7b1db30 e-con-full e-flex e-con e-child" data-id="7b1db30" data-element_type="container"> <div class="elementor-element elementor-element-0149e49 e-con-full menu-column e-flex e-con e-child" data-id="0149e49" data-element_type="container"> <div class="elementor-element elementor-element-4da4e98 menu-column_heading elementor-widget elementor-widget-heading" data-id="4da4e98" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <div class="elementor-heading-title elementor-size-default">Web Creation</div> </div> </div> <div class="elementor-element elementor-element-de88162 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="de88162" data-element_type="widget" data-widget_type="icon-list.default"> <div class="elementor-widget-container"> <ul class="elementor-icon-list-items"> <li class="elementor-icon-list-item"> <a href="https://elementor.com/wordpress-hosting/"> <span class="elementor-icon-list-text">WordPress Hosting</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/products/ecommerce-hosting/"> <span class="elementor-icon-list-text">eCommerce Hosting</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/products/page-builder-plugin/"> <span class="elementor-icon-list-text">Page Builder Plugin</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/products/hello-theme/"> <span class="elementor-icon-list-text">Hello Theme</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/features/dynamic-content/"> <span class="elementor-icon-list-text">Dynamic Content</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/features/ecommerce/"> <span class="elementor-icon-list-text">eCommerce</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/features/theme-builder/"> <span class="elementor-icon-list-text">Theme Builder</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/features/landing-page-builder/"> <span class="elementor-icon-list-text">Landing Page Builder</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/features/popup-builder/"> <span class="elementor-icon-list-text">Popup Builder</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/features/form-builder/"> <span class="elementor-icon-list-text">Form Builder</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/features/contact-button/"> <span class="elementor-icon-list-text">Contact Buttons</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/features/workflow/"> <span class="elementor-icon-list-text">Workflow Optimization</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/products/ai/"> <span class="elementor-icon-list-text">Elementor AI</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/products/image-optimizer/"> <span class="elementor-icon-list-text">Image Optimizer</span> </a> </li> <li class="elementor-icon-list-item"> <a href="http://elementor.com/products/site-mailer/"> <span class="elementor-icon-list-text">Site Mailer</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/features/woocommerce-builder/"> <span class="elementor-icon-list-text">WooCommerce Builder</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/features/link-in-bio/"> <span class="elementor-icon-list-text">Link in Bio</span> </a> </li> </ul> </div> </div> </div> <div class="elementor-element elementor-element-95d1a3e e-con-full menu-column e-flex e-con e-child" data-id="95d1a3e" data-element_type="container"> <div class="elementor-element elementor-element-1d66580 menu-column_heading elementor-widget elementor-widget-heading" data-id="1d66580" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <div class="elementor-heading-title elementor-size-default">Elementor For</div> </div> </div> <div class="elementor-element elementor-element-b6c589f elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="b6c589f" data-element_type="widget" data-widget_type="icon-list.default"> <div class="elementor-widget-container"> <ul class="elementor-icon-list-items"> <li class="elementor-icon-list-item"> <a href="https://elementor.com/for/designer/"> <span class="elementor-icon-list-text">Web Designers</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/for/developer/"> <span class="elementor-icon-list-text">Developers</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/for/marketer/"> <span class="elementor-icon-list-text">Marketers</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/for/agency/"> <span class="elementor-icon-list-text">Agencies</span> </a> </li> </ul> </div> </div> </div> </div> <div class="elementor-element elementor-element-6482bf9 e-con-full menu-column e-flex e-con e-child" data-id="6482bf9" data-element_type="container"> <div class="elementor-element elementor-element-fea7525 menu-column_heading elementor-widget elementor-widget-heading" data-id="fea7525" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <div class="elementor-heading-title elementor-size-default">Resources</div> </div> </div> <div class="elementor-element elementor-element-da10068 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="da10068" data-element_type="widget" data-widget_type="icon-list.default"> <div class="elementor-widget-container"> <ul class="elementor-icon-list-items"> <li class="elementor-icon-list-item"> <a href="https://elementor.com/help/"> <span class="elementor-icon-list-text">Help Center</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/academy/"> <span class="elementor-icon-list-text">Academy</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/blog/"> <span class="elementor-icon-list-text">Blog</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/addons/"> <span class="elementor-icon-list-text">Add-Ons</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/roadmap/"> <span class="elementor-icon-list-text">Roadmap</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://developers.elementor.com/"> <span class="elementor-icon-list-text">Developers Website</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/support/"> <span class="elementor-icon-list-text">Support</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/resources/glossary/"> <span class="elementor-icon-list-text">Web Creators Glossary</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/features/integrations/"> <span class="elementor-icon-list-text">Integrations</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/web-creators/"> <span class="elementor-icon-list-text">Web Creator Stories</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/community/meetups/"> <span class="elementor-icon-list-text">Meetups</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://prompts.elementor.com/"> <span class="elementor-icon-list-text">AI Prompt Library</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/wordpress/"> <span class="elementor-icon-list-text">WordPress Download</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/tools/gif-compressor/"> <span class="elementor-icon-list-text">Optimization Tool</span> </a> </li> </ul> </div> </div> </div> <div class="elementor-element elementor-element-37ea002 e-con-full menu-column e-flex e-con e-child" data-id="37ea002" data-element_type="container"> <div class="elementor-element elementor-element-7aa6052 menu-column_heading elementor-widget elementor-widget-heading" data-id="7aa6052" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <div class="elementor-heading-title elementor-size-default">Company</div> </div> </div> <div class="elementor-element elementor-element-25f3fcd elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="25f3fcd" data-element_type="widget" data-widget_type="icon-list.default"> <div class="elementor-widget-container"> <ul class="elementor-icon-list-items"> <li class="elementor-icon-list-item"> <a href="https://elementor.com/about/"> <span class="elementor-icon-list-text">About Us</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/contact/"> <span class="elementor-icon-list-text">Contact Us</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.careers/explore/"> <span class="elementor-icon-list-text">Careers</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/faq/"> <span class="elementor-icon-list-text">FAQs</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/affiliates/"> <span class="elementor-icon-list-text">Affiliate Program</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/trust/"> <span class="elementor-icon-list-text">Trust Center</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/logos/"> <span class="elementor-icon-list-text">Media</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/terms/trademark-guidelines/"> <span class="elementor-icon-list-text">Trademark</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/terms/"> <span class="elementor-icon-list-text">Terms & Conditions</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/terms/elementor-ai-terms-and-conditions/"> <span class="elementor-icon-list-text">AI Terms & Conditions</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/about/privacy/"> <span class="elementor-icon-list-text">Privacy Policy</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/terms/cookie-policy/"> <span class="elementor-icon-list-text">Cookie Policy</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/terms/accessibility/"> <span class="elementor-icon-list-text">Website Accessibility Statement</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/open-source-software-components/"> <span class="elementor-icon-list-text">Open-Source Software Components</span> </a> </li> </ul> </div> </div> </div> <div class="elementor-element elementor-element-3acdd4c e-con-full menu-column e-flex e-con e-child" data-id="3acdd4c" data-element_type="container"> <div class="elementor-element elementor-element-10c9621 menu-column_heading elementor-widget elementor-widget-heading" data-id="10c9621" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <div class="elementor-heading-title elementor-size-default">Pricing</div> </div> </div> <div class="elementor-element elementor-element-a4acdae elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="a4acdae" data-element_type="widget" data-widget_type="icon-list.default"> <div class="elementor-widget-container"> <ul class="elementor-icon-list-items"> <li class="elementor-icon-list-item"> <a href="https://elementor.com/pricing/"> <span class="elementor-icon-list-text">WordPress Hosting</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/pricing-ecommerce-hosting/"> <span class="elementor-icon-list-text">eCommerce Hosting</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/pricing-plugin/"> <span class="elementor-icon-list-text">Page Builder Plugin</span> </a> </li> </ul> </div> </div> <div class="elementor-element elementor-element-14786cd e-con-full menu-column related-content e-flex e-con e-child" data-id="14786cd" data-element_type="container"> <div class="elementor-element elementor-element-7bc4d52 menu-column_heading elementor-widget elementor-widget-heading" data-id="7bc4d52" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <div class="elementor-heading-title elementor-size-default">Related Content</div> </div> </div> <div class="elementor-element elementor-element-c545267 elementor-grid-1 elementor-grid-tablet-1 elementor-grid-mobile-2 elementor-widget elementor-widget-loop-grid" data-id="c545267" data-element_type="widget" data-settings="{"template_id":"8225216","columns":1,"columns_tablet":1,"columns_mobile":2,"row_gap":{"unit":"px","size":16,"sizes":[]},"_skin":"post","edit_handle_selector":"[data-elementor-type=\"loop-item\"]","row_gap_tablet":{"unit":"px","size":"","sizes":[]},"row_gap_mobile":{"unit":"px","size":"","sizes":[]}}" data-widget_type="loop-grid.post"> <div class="elementor-widget-container"> <link rel="stylesheet" href="https://elementor.com/wp-content/plugins/elementor-pro/assets/css/widget-loop-builder.min.css?ver=1728392627"> <div class="e-loop-nothing-found-message"> </div> </div> </div> <div class="elementor-element elementor-element-32b5b41 elementor-grid-1 elementor-grid-tablet-1 elementor-grid-mobile-2 elementor-widget elementor-widget-loop-grid" data-id="32b5b41" data-element_type="widget" data-settings="{"template_id":"8225216","columns":1,"columns_tablet":1,"columns_mobile":2,"row_gap":{"unit":"px","size":16,"sizes":[]},"_skin":"post","edit_handle_selector":"[data-elementor-type=\"loop-item\"]","row_gap_tablet":{"unit":"px","size":"","sizes":[]},"row_gap_mobile":{"unit":"px","size":"","sizes":[]}}" data-widget_type="loop-grid.post"> <div class="elementor-widget-container"> <div class="e-loop-nothing-found-message"> </div> </div> </div> <div class="elementor-element elementor-element-63ab334 elementor-widget elementor-widget-shortcode" data-id="63ab334" data-element_type="widget" data-widget_type="shortcode.default"> <div class="elementor-widget-container"> <div class="elementor-shortcode"></div> </div> </div> </div> </div> </div> </footer> </div> <!-- Google Tag Manager --> <noscript> <iframe src="https://gtm.elementor.com/ns.html?id=GTM-NJK8HW" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript> <!-- End Google Tag Manager --> <script> addEventListener( 'onSiteCreationStart', function () { if ( ! window.braze || ! braze.logCustomEvent ) { return; } braze.logCustomEvent( 'site_creation_start_event' ); } ); </script> <script type='text/javascript'> const lazyloadRunObserver = () => { const lazyloadBackgrounds = document.querySelectorAll( `.e-con.e-parent:not(.e-lazyloaded)` ); const lazyloadBackgroundObserver = new IntersectionObserver( ( entries ) => { entries.forEach( ( entry ) => { if ( entry.isIntersecting ) { let lazyloadBackground = entry.target; if( lazyloadBackground ) { lazyloadBackground.classList.add( 'e-lazyloaded' ); } lazyloadBackgroundObserver.unobserve( entry.target ); } }); }, { rootMargin: '200px 0px 200px 0px' } ); lazyloadBackgrounds.forEach( ( lazyloadBackground ) => { lazyloadBackgroundObserver.observe( lazyloadBackground ); } ); }; const events = [ 'DOMContentLoaded', 'elementor/lazyload/observe', ]; events.forEach( ( event ) => { document.addEventListener( event, lazyloadRunObserver ); } ); </script> <link rel='stylesheet' id='elementor-post-78138-css' href='https://elementor.com/wp-content/uploads/elementor/css/post-78138.css?ver=1728391828' type='text/css' media='all' /> <link rel='stylesheet' id='elementor-font-awesome-solid-css' href='https://elementor.com/wp-content/plugins/elementor/assets/lib/font-awesome/css/solid.css?ver=3.23.4' type='text/css' media='all' /> <script type="text/javascript" src="https://elementor.com/wp-content/plugins/elementor-network/assets/js/geo-loader.js?ver=1.4.33" id="elementor-network-geo-loader-js"></script> <script type="text/javascript" id="elementor-site-js-extra"> /* <![CDATA[ */ var Elementor_Site_Args = {"ajaxurl":"https:\/\/elementor.com\/wp-admin\/admin-ajax.php","i18n":{"stay_up_to_date":"Download Just a Click Away","get_free_download_link":"Get Free Download Link To Your Email"}}; /* ]]> */ </script> <script type="text/javascript" src="https://elementor.com/wp-content/themes/elementor-website/assets/js/app.min.js?ver=1.1.6" id="elementor-site-js"></script> <script type="text/javascript" src="https://elementor.com/wp-content/themes/elementor-website/assets/js/js.cookie.min.js?ver=1.1.6" id="elementor-site-cookie-js"></script> <script type="text/javascript" src="https://elementor.com/wp-content/plugins/elementor-pro/assets/lib/smartmenus/jquery.smartmenus.min.js?ver=1.2.1" id="smartmenus-js"></script> <script type="text/javascript" src="https://elementor.com/wp-content/plugins/elementor-pro/assets/lib/sticky/jquery.sticky.min.js?ver=3.23.3" id="e-sticky-js"></script> <script type="text/javascript" src="https://elementor.com/strattic_assets/js/forms/elementor-forms-widget.js?ver=e036e2dc5182ffbf2204af4d37e73f66081b1ab4" id="strattic-compatibility-elementor-pro-js"></script> <script type="text/javascript" src="https://elementor.com/wp-content/plugins/elementor/assets/js/webpack.runtime.min.js?ver=3.23.4" id="elementor-webpack-runtime-js"></script> <script type="text/javascript" src="https://elementor.com/wp-content/plugins/elementor/assets/js/frontend-modules.min.js?ver=3.23.4" id="elementor-frontend-modules-js"></script> <script type="text/javascript" src="https://elementor.com/wp-content/plugins/elementor/assets/lib/waypoints/waypoints.min.js?ver=4.0.2" id="elementor-waypoints-js"></script> <script type="text/javascript" src="https://elementor.com/wp-includes/js/jquery/ui/core.min.js?ver=1.13.3" id="jquery-ui-core-js"></script> <script type="text/javascript" id="elementor-frontend-js-before"> /* <![CDATA[ */ var elementorFrontendConfig = {"environmentMode":{"edit":false,"wpPreview":false,"isScriptDebug":false},"i18n":{"shareOnFacebook":"Share on Facebook","shareOnTwitter":"Share on Twitter","pinIt":"Pin it","download":"Download","downloadImage":"Download image","fullscreen":"Fullscreen","zoom":"Zoom","share":"Share","playVideo":"Play Video","previous":"Previous","next":"Next","close":"Close","a11yCarouselWrapperAriaLabel":"Carousel | Horizontal scrolling: Arrow Left & Right","a11yCarouselPrevSlideMessage":"Previous slide","a11yCarouselNextSlideMessage":"Next slide","a11yCarouselFirstSlideMessage":"This is the first slide","a11yCarouselLastSlideMessage":"This is the last slide","a11yCarouselPaginationBulletMessage":"Go to slide"},"is_rtl":false,"breakpoints":{"xs":0,"sm":480,"md":768,"lg":1025,"xl":1440,"xxl":1600},"responsive":{"breakpoints":{"mobile":{"label":"Mobile Portrait","value":767,"default_value":767,"direction":"max","is_enabled":true},"mobile_extra":{"label":"Mobile Landscape","value":880,"default_value":880,"direction":"max","is_enabled":false},"tablet":{"label":"Tablet Portrait","value":1024,"default_value":1024,"direction":"max","is_enabled":true},"tablet_extra":{"label":"Tablet Landscape","value":1200,"default_value":1200,"direction":"max","is_enabled":false},"laptop":{"label":"Laptop","value":1366,"default_value":1366,"direction":"max","is_enabled":false},"widescreen":{"label":"Widescreen","value":2400,"default_value":2400,"direction":"min","is_enabled":false}}},"version":"3.23.4","is_static":false,"experimentalFeatures":{"e_optimized_css_loading":true,"e_font_icon_svg":true,"additional_custom_breakpoints":true,"container":true,"container_grid":true,"e_swiper_latest":true,"e_nested_atomic_repeaters":true,"e_onboarding":true,"home_screen":true,"editor_v2":true,"nested-elements":true,"e_lazyload":true,"link-in-bio":true,"floating-buttons":true,"display-conditions":true,"form-submissions":true,"mega-menu":true,"taxonomy-filter":true},"urls":{"assets":"https:\/\/elementor.com\/wp-content\/plugins\/elementor\/assets\/","ajaxurl":"https:\/\/elementor.com\/wp-admin\/admin-ajax.php"},"nonces":{"floatingButtonsClickTracking":"33c44515c8"},"swiperClass":"swiper","settings":{"editorPreferences":[]},"kit":{"stretched_section_container":"#primary","viewport_mobile":767,"viewport_tablet":1024,"active_breakpoints":["viewport_mobile","viewport_tablet"],"global_image_lightbox":"yes","lightbox_enable_counter":"yes","lightbox_enable_fullscreen":"yes","lightbox_enable_zoom":"yes","lightbox_enable_share":"yes","lightbox_title_src":"title","lightbox_description_src":"description"},"post":{"id":0,"title":"Elementor Features | The #1 Drag and Drop Website Builder","excerpt":""}}; /* ]]> */ </script> <script type="text/javascript" src="https://elementor.com/wp-content/plugins/elementor/assets/js/frontend.min.js?ver=3.23.4" id="elementor-frontend-js"></script> <script type="text/javascript" id="elementor-network-newsletter-enrollment-js-extra"> /* <![CDATA[ */ var newsletterEnrollmentData = {"cfWorkerUrl":"https:\/\/elementor.com\/api\/v1\/newsletter"}; /* ]]> */ </script> <script type="text/javascript" src="https://elementor.com/wp-content/plugins/elementor-network/assets/js/newsletter-enrollment.min.js?ver=1.4.33" id="elementor-network-newsletter-enrollment-js"></script> <script type="text/javascript" src="https://www.google.com/recaptcha/api.js?render=6LdKP40nAAAAAOxtQvyS8hOnwcSHbUegtZZxssdF&ver=e036e2dc5182ffbf2204af4d37e73f66081b1ab4" id="strattic-forms-elementor-forms-recaptcha-js"></script> <script type="text/javascript" src="https://elementor.com/wp-includes/js/underscore.min.js?ver=1.13.4" id="underscore-js"></script> <script type="text/javascript" id="wp-util-js-extra"> /* <![CDATA[ */ var _wpUtilSettings = {"ajax":{"url":"\/wp-admin\/admin-ajax.php"}}; /* ]]> */ </script> <script type="text/javascript" src="https://elementor.com/wp-includes/js/wp-util.min.js?ver=6.6.2" id="wp-util-js"></script> <script type="text/javascript" id="strattic-forms-elementor-forms-js-extra"> /* <![CDATA[ */ var stratticForms = {"forms":{"elementor_newsletter_subscribe_newsletter":{"messages":{"success_message":"Thanks for signing up to Elementor!","error_message":"An error occurred.","required_field_message":null,"invalid_message":"There's something wrong. The form is invalid."},"form_id_prefix":"elementorforms-","form_meta":{"form_metadata":null,"form_metadata_2":null},"spinnerIds":["ajax-loader"],"params_map":[]}},"integration":["elementorforms"],"elementorforms":{"messageClass":"elementor-message-success","errorClass":"elementor-message-danger","meta_locale":"","meta_date":"F j, Y","meta_time":{"format":"g:i a","timezone":"Asia\/Jerusalem"}},"recaptchaPublicKey":["6LdKP40nAAAAAOxtQvyS8hOnwcSHbUegtZZxssdF"],"globalWidgetMap":[],"base_url":["https:\/\/form.strattic.com"]}; /* ]]> */ </script> <script type="text/javascript" defer src="https://elementor.com/strattic_assets/js/forms/elementor-forms.js?ver=e036e2dc5182ffbf2204af4d37e73f66081b1ab4" id="strattic-forms-elementor-forms-js"></script> <script type="text/javascript" src="https://elementor.com/wp-includes/js/imagesloaded.min.js?ver=5.0.0" id="imagesloaded-js"></script> <script type="text/javascript" src="https://elementor.com/wp-content/plugins/elementor-pro/assets/js/webpack-pro.runtime.min.js?ver=3.23.3" id="elementor-pro-webpack-runtime-js"></script> <script type="text/javascript" src="https://elementor.com/wp-includes/js/dist/hooks.min.js?ver=2810c76e705dd1a53b18" id="wp-hooks-js"></script> <script type="text/javascript" src="https://elementor.com/wp-includes/js/dist/i18n.min.js?ver=5e580eb46a90c2b997e6" id="wp-i18n-js"></script> <script type="text/javascript" id="wp-i18n-js-after"> /* <![CDATA[ */ wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } ); /* ]]> */ </script> <script type="text/javascript" id="elementor-pro-frontend-js-before"> /* <![CDATA[ */ var ElementorProFrontendConfig = {"ajaxurl":"https:\/\/elementor.com\/wp-admin\/admin-ajax.php","nonce":"93c9978217","urls":{"assets":"https:\/\/elementor.com\/wp-content\/plugins\/elementor-pro\/assets\/","rest":"https:\/\/elementor.com\/wp-json\/"},"shareButtonsNetworks":{"facebook":{"title":"Facebook","has_counter":true},"twitter":{"title":"Twitter"},"linkedin":{"title":"LinkedIn","has_counter":true},"pinterest":{"title":"Pinterest","has_counter":true},"reddit":{"title":"Reddit","has_counter":true},"vk":{"title":"VK","has_counter":true},"odnoklassniki":{"title":"OK","has_counter":true},"tumblr":{"title":"Tumblr"},"digg":{"title":"Digg"},"skype":{"title":"Skype"},"stumbleupon":{"title":"StumbleUpon","has_counter":true},"mix":{"title":"Mix"},"telegram":{"title":"Telegram"},"pocket":{"title":"Pocket","has_counter":true},"xing":{"title":"XING","has_counter":true},"whatsapp":{"title":"WhatsApp"},"email":{"title":"Email"},"print":{"title":"Print"},"x-twitter":{"title":"X"},"threads":{"title":"Threads"}},"facebook_sdk":{"lang":"en_US","app_id":""},"lottie":{"defaultAnimationUrl":"https:\/\/elementor.com\/wp-content\/plugins\/elementor-pro\/modules\/lottie\/assets\/animations\/default.json"}}; /* ]]> */ </script> <script type="text/javascript" src="https://elementor.com/wp-content/plugins/elementor-pro/assets/js/frontend.min.js?ver=3.23.3" id="elementor-pro-frontend-js"></script> <script type="text/javascript" src="https://elementor.com/wp-content/plugins/elementor-pro/assets/js/elements-handlers.min.js?ver=3.23.3" id="pro-elements-handlers-js"></script> <script> jQuery(document).ready(function($) { $('a[alt]').each(function() { var curElem = $(this); curElem.attr("aria-label", curElem.attr('alt')).removeAttr('alt'); }); }); </script> <script> jQuery(document).ready(function($) { $(window).scroll(function() { /* Editor */ var top_of_element = $(".editor").offset().top; var bottom_of_element = $(".editor").offset().top + $(".editor").outerHeight(); var bottom_of_screen = $(window).scrollTop() + $(window).innerHeight(); var top_of_screen = $(window).scrollTop(); if ((bottom_of_screen > top_of_element) && (top_of_screen < bottom_of_element)){ $('a.editornav').addClass("active"); } else { $('a.editornav').removeClass("active"); } /* Workflow */ var top_of_element = $(".workflowbox").offset().top; var bottom_of_element = $(".workflowbox").offset().top + $(".workflowbox").outerHeight(); var bottom_of_screen = $(window).scrollTop() + $(window).innerHeight(); var top_of_screen = $(window).scrollTop(); if ((bottom_of_screen > top_of_element) && (top_of_screen < bottom_of_element)){ $('a.workflownav').addClass("active"); } else { $('a.workflownav').removeClass("active"); } /* Design */ var top_of_element = $(".design").offset().top; var bottom_of_element = $(".design").offset().top + $(".design").outerHeight(); var bottom_of_screen = $(window).scrollTop() + $(window).innerHeight(); var top_of_screen = $(window).scrollTop(); if ((bottom_of_screen > top_of_element) && (top_of_screen < bottom_of_element)){ $('a.designnav').addClass("active"); } else { $('a.designnav').removeClass("active"); } /* Ecommerce */ var top_of_element = $(".ecommerce").offset().top; var bottom_of_element = $(".ecommerce").offset().top + $(".ecommerce").outerHeight(); var bottom_of_screen = $(window).scrollTop() + $(window).innerHeight(); var top_of_screen = $(window).scrollTop(); if ((bottom_of_screen > top_of_element) && (top_of_screen < bottom_of_element)){ $('a.ecommercenav').addClass("active"); $('a.marketingnav').removeClass("active"); } else { $('a.ecommercenav').removeClass("active"); } /* Marketing */ var top_of_elementmtb = $(".mktng").offset().top; var bottom_of_elementmtb = $(".mktng").offset().top + $(".mktng").outerHeight(); var bottom_of_screenmtb = $(window).scrollTop() + $(window).innerHeight(); var top_of_screenmtb = $(window).scrollTop(); if ((bottom_of_screenmtb > top_of_elementmtb) && (top_of_screenmtb < bottom_of_elementmtb)){ $('a.marketingnav').addClass("active"); $('a.themebuildernav').removeClass("active"); } /* Theme Builder */ var top_of_element = $(".themebuilderbig").offset().top; var bottom_of_element = $(".themebuilderbig").offset().top + $(".themebuilderbig").outerHeight(); var bottom_of_screen = $(window).scrollTop() + $(window).innerHeight(); var top_of_screen = $(window).scrollTop(); if ((bottom_of_screen > top_of_element) && (top_of_screen < bottom_of_element)){ $('a.marketingnav').removeClass("active"); $('a.themebuildernav').addClass("active"); } else { $('a.themebuildernav').removeClass("active"); } /* Integrations */ var top_of_element = $(".integrations").offset().top; var bottom_of_element = $(".integrations").offset().top + $(".integrations").outerHeight(); var bottom_of_screen = $(window).scrollTop() + $(window).innerHeight(); var top_of_screen = $(window).scrollTop(); if ((bottom_of_screen > top_of_element) && (top_of_screen < bottom_of_element)){ $('a.themebuildernav').removeClass("active"); $('a.integrationsnav').addClass("active"); } else { $('a.integrationsnav').removeClass("active"); } /* Advanced */ var top_of_element = $(".advanced").offset().top; var bottom_of_element = $(".advanced").offset().top + $(".advanced").outerHeight(); var bottom_of_screen = $(window).scrollTop() + $(window).innerHeight(); var top_of_screen = $(window).scrollTop(); if ((bottom_of_screen > top_of_element) && (top_of_screen < bottom_of_element)){ $('a.advancednav').addClass("active"); } else { $('a.advancednav').removeClass("active"); } }); }) </script> <script> jQuery(document).ready(function($) { jQuery( document ).on( 'submit_success', 'form#elementor_newsletter_subscribe', function( event, response ){ event.preventDefault(); var $thisForm = $( this ); let isNewsletter = $thisForm.find('input[name="form_fields[newsletter_subscribe]"]').val(); if ( 'elementor_newsletter_subscribe' === isNewsletter ) { if ( window.dataLayer && dataLayer.push ) { dataLayer.push( { 'event': 'GAEvent', 'eventCategory': 'form engagement', 'eventAction': 'form submit success', 'eventLabel': 'newsletter', 'customMetricKey': '31', 'customMetricValue': 1 } ); } } if ( 'undefined' !== typeof response.link && '' !== response.link ) { setTimeout( function() { location.href = response.link; }, 500 ); } return false; }); }); </script> <script> document.addEventListener('DOMContentLoaded', function () { const topLevelMenuItems = document.querySelectorAll('.main-nav .elementor-nav-menu--main .elementor-nav-menu > .menu-item'); const topLevelMobileMenuItems = document.querySelectorAll('.main-nav .elementor-nav-menu--dropdown .elementor-nav-menu > .menu-item'); // Monitor sub-menu visibility for top-level items topLevelMenuItems.forEach(item => { const subMenu = item.querySelector('.sub-menu'); if (subMenu) { const observer = new MutationObserver(mutations => { mutations.forEach(mutation => { if (mutation.attributeName === 'aria-hidden' && mutation.target.getAttribute('aria-hidden') === 'false') { const level1Value = item.querySelector('.elementor-item').textContent.trim(); dataLayer.push({ 'event': 'fireEvent', 'event_name': 'element_impression', 'action_type': 'navigation', 'level_1': level1Value }); } }); }); observer.observe(subMenu, { attributes: true }); } }); // Add data attributes to mobile menu items topLevelMobileMenuItems.forEach(item => { const level1Value = item.querySelector('.elementor-item').textContent.trim(); item.setAttribute('data-gtm-event_name', 'element_click'); item.setAttribute('data-gtm-action_type', 'navigation'); item.setAttribute('data-gtm-element-location', 'pricing table'); item.setAttribute('data-gtm-level_1', level1Value); }); }); </script> <script> jQuery(document).ready(function($) { $('footer .menu-column').each(function() { var mainLevelName = $(this).find('.elementor-heading-title').text().trim().toLowerCase(); $(this).find('a').each(function() { var secondLevelNameLower = $(this).text().trim().toLowerCase(); $(this).attr({ 'data-gtm-event_name': 'element_click', 'data-gtm-type': 'navigation', 'data-gtm-section': 'footer', 'data-gtm-outcome': 'navigating using the footer', 'data-gtm-english_text': secondLevelNameLower, 'data-gtm-level_1': mainLevelName, 'data-gtm-level_2': secondLevelNameLower }); }); }); }); </script> </body> </html>