CINXE.COM

<!DOCTYPE html> <html lang="en-US"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />  <title>Convert • Business WordPress Theme • CSSIgniter</title> <meta name="description" content="Designed to impress, Convert helps you create a stunning first impression of professionalism for your business website." /> <link rel="canonical" href="https://www.cssigniter.com/themes/convert/" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="article" /> <meta property="og:title" content="Convert • Business WordPress Theme • CSSIgniter" /> <meta property="og:description" content="Designed to impress, Convert helps you create a stunning first impression of professionalism for your business website." /> <meta property="og:url" content="https://www.cssigniter.com/themes/convert/" /> <meta property="og:site_name" content="CSSIgniter" /> <meta property="article:publisher" content="https://www.facebook.com/cssigniter" /> <meta property="article:modified_time" content="2024-03-04T15:08:00+00:00" /> <meta property="og:image" content="https://www.cssigniter.com/wp-content/uploads/2020/10/convert_r.jpg" /> <meta property="og:image:width" content="852" /> <meta property="og:image:height" content="993" /> <meta property="og:image:type" content="image/jpeg" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="@cssigniter" /> <meta name="twitter:label1" content="Est. reading time" /> <meta name="twitter:data1" content="1 minute" /> <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://www.cssigniter.com/themes/convert/","url":"https://www.cssigniter.com/themes/convert/","name":"Convert • Business WordPress Theme • CSSIgniter","isPartOf":{"@id":"https://www.cssigniter.com/#website"},"primaryImageOfPage":{"@id":"https://www.cssigniter.com/themes/convert/#primaryimage"},"image":{"@id":"https://www.cssigniter.com/themes/convert/#primaryimage"},"thumbnailUrl":"https://www.cssigniter.com/wp-content/uploads/2020/10/convert_r.jpg","datePublished":"2020-10-19T19:38:12+00:00","dateModified":"2024-03-04T15:08:00+00:00","description":"Designed to impress, Convert helps you create a stunning first impression of professionalism for your business website.","breadcrumb":{"@id":"https://www.cssigniter.com/themes/convert/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://www.cssigniter.com/themes/convert/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https://www.cssigniter.com/themes/convert/#primaryimage","url":"https://www.cssigniter.com/wp-content/uploads/2020/10/convert_r.jpg","contentUrl":"https://www.cssigniter.com/wp-content/uploads/2020/10/convert_r.jpg","width":852,"height":993},{"@type":"BreadcrumbList","@id":"https://www.cssigniter.com/themes/convert/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://www.cssigniter.com/"},{"@type":"ListItem","position":2,"name":"Themes","item":"https://www.cssigniter.com/themes/"},{"@type":"ListItem","position":3,"name":"Business","item":"https://www.cssigniter.com/types/professional-services/"},{"@type":"ListItem","position":4,"name":"Convert"}]},{"@type":"WebSite","@id":"https://www.cssigniter.com/#website","url":"https://www.cssigniter.com/","name":"CSSIgniter","description":"Premium WordPress themes, templates & plugins","publisher":{"@id":"https://www.cssigniter.com/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://www.cssigniter.com/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https://www.cssigniter.com/#organization","name":"CSSIgniter","url":"https://www.cssigniter.com/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https://www.cssigniter.com/#/schema/logo/image/","url":"https://www.cssigniter.com/wp-content/uploads/2015/03/10478023_660448644069908_1099826581178994899_n.png","contentUrl":"https://www.cssigniter.com/wp-content/uploads/2015/03/10478023_660448644069908_1099826581178994899_n.png","width":315,"height":315,"caption":"CSSIgniter"},"image":{"@id":"https://www.cssigniter.com/#/schema/logo/image/"},"sameAs":["https://www.facebook.com/cssigniter","https://twitter.com/cssigniter","https://instagram.com/cssigniter","https://www.pinterest.com/cssigniter/"]}]}</script>  <style id='wab-pastacode-style-inline-css' type='text/css'> .blockcode-settings__wrapper{background:#f2f2f2;border:1px solid #dbdbdb;display:flex;flex-wrap:wrap;gap:1rem;padding:1rem;position:relative}.blockcode-settings__wrapper>*{flex-basis:40%;flex-grow:1}.cm-editor{padding-bottom:1em;padding-top:1em}.cm-content,.cm-gutters{font-family:Menlo,Monaco,Lucida Console,monospace!important;line-height:1.5!important}.cm-gutters .cm-lineNumbers{border-right:1px solid;padding-right:9px;width:3rem} </style> <style id='global-styles-inline-css' type='text/css'> body{--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-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}body .is-layout-flex{flex-wrap: wrap;align-items: center;}body .is-layout-flex > *{margin: 0;}body .is-layout-grid{display: grid;}body .is-layout-grid > *{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;} .wp-block-navigation a:where(:not(.wp-element-button)){color: inherit;} :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;} .wp-block-pullquote{font-size: 1.5em;line-height: 1.6;} </style> <link rel='stylesheet' id='ci-style-css' href='https://www.cssigniter.com/wp-content/themes/cssigniter/css/style.min.css?ver=1.2.3' type='text/css' media='screen' /> <link rel='stylesheet' id='ci-spotlight-css-css' href='https://www.cssigniter.com/wp-content/themes/cssigniter/css/vendor/spotlight.min.css?ver=1.2.3' type='text/css' media='screen' /> <link rel="alternate" type="application/json+oembed" href="https://www.cssigniter.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.cssigniter.com%2Fthemes%2Fconvert%2F" /> <link rel="alternate" type="text/xml+oembed" href="https://www.cssigniter.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.cssigniter.com%2Fthemes%2Fconvert%2F&format=xml" /> <link rel="icon" href="https://www.cssigniter.com/wp-content/uploads/2020/09/cropped-cssigniter_logo_transparent_v2-32x32.png" sizes="32x32" /> <link rel="icon" href="https://www.cssigniter.com/wp-content/uploads/2020/09/cropped-cssigniter_logo_transparent_v2-192x192.png" sizes="192x192" /> <link rel="apple-touch-icon" href="https://www.cssigniter.com/wp-content/uploads/2020/09/cropped-cssigniter_logo_transparent_v2-180x180.png" /> <meta name="msapplication-TileImage" content="https://www.cssigniter.com/wp-content/uploads/2020/09/cropped-cssigniter_logo_transparent_v2-270x270.png" /> <style type="text/css" id="wp-custom-css"> .widget_categories ul li.cat-item-38{ display: none; } .page-template-template-support .wpcf7-list-item { margin: 0; } .theme-callout .btn-join { margin-right: 5px; } .theme-callout.sticky { top: 50px; } .site-notice { font-size: 14px; } .notice-countdown { display: none; } .plan .plan-price-original del { position: relative; font-size: 28px; text-decoration: none; } .plan .plan-price-original del:before { content: ""; background: red; width: 100%; height: 2px; position: absolute; top: 19px; left: 5px; transform: rotate(-25deg); } .plan .plan-price-original del .currency { font-size: 14px; } /* Temp GutenBee version hide */ .plugins-template-template-plugin-gutenbee .theme-meta .theme-meta-group:last-child .theme-meta-item { margin-right: 0; } .plugins-template-template-plugin-gutenbee .theme-meta .theme-meta-group:last-child .theme-meta-item:last-child { display: none; } .page-hero-theme-preview { z-index: 5; } .currency { text-decoration: none !important! } *, ::backdrop, :after, :before { --tw-gradient-to-position: ; } /* Hide AudioIgniter/VideoIgniter Free CTA */ .postid-27012 .plugin-cta, .postid-6654 .plugin-cta { display: none; } </style>  <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://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-WFB88G3');</script>  </head> <body class="themes-template-default single single-themes postid-19464">  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WFB88G3" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <div id="page"> <header class="header bg-slate-900 border-b border-slate-800"> <div class="container mx-auto px-6"> <div class="mast-head flex items-center text-white py-4 lg:p-0"> <div class="site-branding"> <a href="https://www.cssigniter.com"> <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="150" height="33.41967" viewBox="0 0 150 34"> <g> <path d="M48.203,16.44374c0-4.34361,3.33151-7.2744,7.633-7.2744a6.67276,6.67276,0,0,1,5.18686,2.08722,2.10438,2.10438,0,0,1,.54834,1.37068,2.02024,2.02024,0,0,1-2.02419,2.003A1.96175,1.96175,0,0,1,58.05,13.95548a2.91338,2.91338,0,0,0-2.21393-1.033,3.341,3.341,0,0,0-3.31061,3.52126A3.34115,3.34115,0,0,0,55.836,19.965,2.91367,2.91367,0,0,0,58.05,18.93168,1.96283,1.96283,0,0,1,59.547,18.257a1.98454,1.98454,0,0,1,1.47585,3.33151A6.75778,6.75778,0,0,1,55.836,23.71814C51.53455,23.71814,48.203,20.76612,48.203,16.44374Z" transform="translate(0 -1.12533)" style="fill: #ffcd0a"/> <path d="M62.271,20.89252a1.92578,1.92578,0,0,1,1.919-1.9187,1.84608,1.84608,0,0,1,.96964.2531,6.4321,6.4321,0,0,0,3.31061.90661c.80112,0,1.56011-.274,1.56011-.82235,0-.548-.59015-.82235-1.98205-1.07545-2.31911-.42162-5.86159-.96964-5.86159-4.49091,0-2.38277,1.982-4.55457,6.05165-4.55457a11.14707,11.14707,0,0,1,4.38542.86447,1.89716,1.89716,0,0,1-.77989,3.62675,2.22891,2.22891,0,0,1-.84357-.16884,8.71655,8.71655,0,0,0-2.99415-.73777c-1.26488,0-1.49708.3795-1.49708.73777,0,.54833.56956.73808,2.06632.99119,2.31942.40071,5.75642,1.07544,5.75642,4.32238,0,3.09963-2.2982,4.89194-6.07256,4.89194a10.04058,10.04058,0,0,1-4.97621-1.1388A1.90276,1.90276,0,0,1,62.271,20.89252Z" transform="translate(0 -1.12533)" style="fill: #ffcd0a"/> <path d="M74.77437,20.89252a1.92571,1.92571,0,0,1,1.9187-1.9187,1.84646,1.84646,0,0,1,.97.2531,6.4329,6.4329,0,0,0,3.3106.90661c.80113,0,1.56012-.274,1.56012-.82235,0-.548-.59015-.82235-1.98206-1.07545-2.3191-.42162-5.86159-.96964-5.86159-4.49091,0-2.38277,1.98206-4.55457,6.05134-4.55457a11.15018,11.15018,0,0,1,4.386.86447,1.89725,1.89725,0,0,1-.78021,3.62675,2.22891,2.22891,0,0,1-.84357-.16884,8.7165,8.7165,0,0,0-2.99415-.73777c-1.26488,0-1.49708.3795-1.49708.73777,0,.54833.56956.73808,2.06664.99119,2.3191.40071,5.7561,1.07544,5.7561,4.32238,0,3.09963-2.29819,4.89194-6.07256,4.89194a10.03968,10.03968,0,0,1-4.9762-1.1388A1.90275,1.90275,0,0,1,74.77437,20.89252Z" transform="translate(0 -1.12533)" style="fill: #ffcd0a"/> <path d="M88.09631,21.54634V11.31992a2.12968,2.12968,0,0,1,4.25935,0V21.54634a2.12968,2.12968,0,0,1-4.25935,0Z" transform="translate(0 -1.12533)" style="fill: #fff"/> <path d="M104.56381,14.96757v7.40111c0,4.40665-3.62674,5.229-6.15713,5.229a7.81439,7.81439,0,0,1-3.39456-.73777,1.5803,1.5803,0,0,1-.8857-1.39191,1.55675,1.55675,0,0,1,1.56043-1.56011,1.411,1.411,0,0,1,.65351.14762,4.871,4.871,0,0,0,2.06632.44285,2.09383,2.09383,0,0,0,2.36155-2.12968v-.54833A3.62113,3.62113,0,0,1,97.90079,23.191c-2.44582,0-4.47-1.60256-4.47-5.08169,0-3.39455,1.96083-5.08138,4.47-5.08138a3.58175,3.58175,0,0,1,2.86744,1.32824,1.9647,1.9647,0,0,1,1.89779-1.2861A1.90329,1.90329,0,0,1,104.56381,14.96757Zm-3.79558,4.21722v-2.1509a2.25935,2.25935,0,0,0-1.56012-.6535,1.73646,1.73646,0,1,0,0,3.4579A2.2594,2.2594,0,0,0,100.76823,19.18479Z" transform="translate(0 -1.12533)" style="fill: #fff"/> <path d="M116.51824,16.23277v5.54545a1.89764,1.89764,0,1,1-3.79527,0V17.83533a1.29142,1.29142,0,0,0-1.47585-1.45494,2.01117,2.01117,0,0,0-1.62379.80112v4.59671a1.89764,1.89764,0,1,1-3.79527,0V14.96757a1.90982,1.90982,0,0,1,1.89779-1.98205,1.93065,1.93065,0,0,1,1.89748,1.45494,4.49976,4.49976,0,0,1,3.50036-1.4125A3.03235,3.03235,0,0,1,116.51824,16.23277Z" transform="translate(0 -1.12533)" style="fill: #fff"/> <path d="M117.55092,10.20234a2.12968,2.12968,0,1,1,2.12967,2.12967A2.12382,2.12382,0,0,1,117.55092,10.20234Zm.23188,11.57588V14.96757a1.89764,1.89764,0,0,1,3.79527,0v6.81065a1.89764,1.89764,0,1,1-3.79527,0Z" transform="translate(0 -1.12533)" style="fill: #fff"/> <path d="M130.49717,22.03132a1.62285,1.62285,0,0,1-1.28611,1.56011,5.49808,5.49808,0,0,1-1.24429.12671c-2.25606,0-3.5-1.07545-3.5-3.20512V16.57013h-.25311a1.64469,1.64469,0,1,1,0-3.28938h.25311V12.18439a1.89764,1.89764,0,1,1,3.79527,0v1.09636h.63259a1.64469,1.64469,0,1,1,0,3.28938H128.262v2.84654a.8758.8758,0,0,0,.759.94873l.19006.02123A1.55832,1.55832,0,0,1,130.49717,22.03132Z" transform="translate(0 -1.12533)" style="fill: #fff"/> <path d="M136.59,13.028c2.99415,0,5.29266,2.15058,5.29266,4.65975,0,1.43372-.80144,1.85535-2.25606,1.85535h-4.66007a2.16606,2.16606,0,0,0,2.23516,1.28642,4.11578,4.11578,0,0,0,1.49707-.29524,1.37959,1.37959,0,0,1,.52712-.10548,1.43518,1.43518,0,0,1,1.43372,1.43372,1.46952,1.46952,0,0,1-.92783,1.32855,8.91278,8.91278,0,0,1-3.01506.52711c-3.1839,0-5.67184-2.00328-5.67184-5.3557A5.3008,5.3008,0,0,1,136.59,13.028Zm-1.6656,4.11142h3.35274A1.55881,1.55881,0,0,0,136.59,15.91663,1.58387,1.58387,0,0,0,134.9244,17.13938Z" transform="translate(0 -1.12533)" style="fill: #fff"/> <path d="M150,14.67234a1.75,1.75,0,0,1-1.58134,1.919,2.95613,2.95613,0,0,0-1.85566.67473v4.51213a1.89764,1.89764,0,1,1-3.79527,0V15.05215a1.94063,1.94063,0,0,1,3.79527-.61169,2.47984,2.47984,0,0,1,.99119-1.15971,1.77665,1.77665,0,0,1,.82234-.23188A1.61085,1.61085,0,0,1,150,14.67234Z" transform="translate(0 -1.12533)" style="fill: #fff"/> <g> <path d="M33.13566,9.88452a.76291.76291,0,0,0-.125.6718,1.70948,1.70948,0,0,0,.125.23435,3.74058,3.74058,0,0,0,.87491.84365l.65616.64056c.04688.0781.09375.14061.14061.21871a2.78325,2.78325,0,0,1,0,2.74968,2.17983,2.17983,0,0,1-.14061.2656l-.10934.17185.10934-.07811.125-.125a3.77831,3.77831,0,0,0,1.49983-2.49971,3.26073,3.26073,0,0,0-1.49983-3.20274l-.14061-.07813a3.86039,3.86039,0,0,0-.45306-.15623A.94227.94227,0,0,0,33.13566,9.88452Z" transform="translate(0 -1.12533)" style="fill: #fff"/> <path d="M27.58944,20.08645a.479.479,0,0,0-.29683,0l-.45307.20311a3.96666,3.96666,0,0,0-.56243.43745,9.79064,9.79064,0,0,0-.98426,1.06236l-.76554,1.01552v3.1715a.63584.63584,0,0,0,.76554.10935l.35932-.31246a4.07681,4.07681,0,0,0,.29684-.42182c.10936-.17185.21873-.35932.3281-.53119a19.8503,19.8503,0,0,0,1.0155-1.92166l.29683-.73428C28.02689,20.94572,27.99565,20.21144,27.58944,20.08645Z" transform="translate(0 -1.12533)" style="fill: #fff"/> </g> <path d="M24.84305,1.18169a16.70255,16.70255,0,0,0-14.67192,21.2622,3.026,3.026,0,0,0,.87515,1.4074,8.93,8.93,0,0,0,2.97444,1.95732,8.52285,8.52285,0,0,0,2.34714.30449,1.37983,1.37983,0,0,0,1.10132-.47766l7.105-8.23768.6718-.78116a.47471.47471,0,0,0,.07812-.10937l.01562-.03124.10937-.5a2.28628,2.28628,0,0,0-.10937-.60929l-.01562-.04687a4.28569,4.28569,0,0,0-.74992-1.26547c-1.0155-1.21861-2.71842-2.04664-3.96827-.5-.51557.57806-7.24916,8.09279-7.2804,7.99907a13.53257,13.53257,0,0,1-.49993-3.24963,13.73033,13.73033,0,0,1,3.37459-9.46763,13.329,13.329,0,0,1,9.13955-4.53072l1.99976.01562a13.13406,13.13406,0,0,1,5.84308,1.92165l.15622.09375c.17185.10936.3437.21871.51557.3437-.17187-.01563-.34372-.01563-.51557-.01563h-.15622a6.19632,6.19632,0,0,0-5.515,4.062l-.03125.0781L27.33949,12.039l-.01564.1406a6.71178,6.71178,0,0,0,0,1.48421l.01564.14061a7.08557,7.08557,0,0,0,.29683,1.23423,7.47411,7.47411,0,0,0,.43745.953l-.43745.48431-.29683.3281-.01564.01562c-.32808.35932-.65616.73428-.99988,1.12487l-.98426,1.12486-.01562.01562c-.23435.25-.48433.54681-.74992.85927-1.65763,1.93623-4.12255,4.85363-5.54547,6.59284a2.57475,2.57475,0,0,0-.56177,1.311l-.186,1.47631h0l-.23225,1.85916a1.64077,1.64077,0,0,0,.89374,1.68187A16.70814,16.70814,0,1,0,24.84305,1.18169Zm4.85553,9.32552a4.2818,4.2818,0,0,1,3.43708-1.95289h.15623a3.78424,3.78424,0,0,1,1.37484.21873l.14061.06249a5.03861,5.03861,0,0,1,.85927.45306,4.43377,4.43377,0,0,1,1.203,6.07741,4.27507,4.27507,0,0,1-2.06226,1.67168l-.14061.04688-1.37484.23434h-.15623a4.27085,4.27085,0,0,1-2.23411-.73428A4.43379,4.43379,0,0,1,29.69858,10.50721ZM24.41794,27.94266c-.828,1.2811-1.87477.953-2.37472-.125a3.244,3.244,0,0,1-.17185-2.8434,38.9408,38.9408,0,0,1,2.65593-3.67145c.2656-.32808.51557-.6093.74993-.85927l.01562-.01562.96864-.953a5.97155,5.97155,0,0,1,.99987-.703l.01562-.01562.29684-.125c1.85917-.6718,1.84353,2.3591,0,6.17114-.09372.20311-.18747.39058-.29684.59369l-.01562.03125c-.29683.56243-.62493,1.14048-.99987,1.71854a2.01194,2.01194,0,0,1-.48433.64055l-.49993.2656A1.20512,1.20512,0,0,1,24.41794,27.94266ZM36.1978,26.8803a11.68892,11.68892,0,0,1-1.39046,1.39046l-.14061.125-1.37484.9999-.15623.09372a12.24877,12.24877,0,0,1-1.40608.76555,13.33514,13.33514,0,0,1-4.437,1.17172l-1.01549.04689c-.21874,0-.45309,0-.6718-.01564a6.0723,6.0723,0,0,0,.6718-.6093,4.94815,4.94815,0,0,0,.43744-.53119,2.97047,2.97047,0,0,0,.56243-.125h.01562l.29684-.10936c1.48421-.67178,2.3591-2.48407,3.09338-4.17139.5937-1.35919,1.49983-4.57758,2.04664-6.37424.04686-.15623.09374-.29684.125-.42183a1.69829,1.69829,0,0,0,.28121.01562h.15623a6.72958,6.72958,0,0,0,1.37484-.14061l.14061-.03124a6.18826,6.18826,0,0,0,4.42135-4.187,13.06362,13.06362,0,0,1,.31246,2.07788,13.82881,13.82881,0,0,1-.37494,4.39011A13.5285,13.5285,0,0,1,36.1978,26.8803Z" transform="translate(0 -1.12533)" style="fill: #fff"/> <path d="M1.56874,29.54056c.81142-.07212,1.6589-.9737,2.34409-1.02779C3.76858,30.55033,1.64087,31.84859,0,32.46166a6.4468,6.4468,0,0,0,7.01425.6311,2.55721,2.55721,0,0,1-.18032,1.118c3.17354-.09016,5.78811-1.91134,6.34709-6.68968-3.17355,1.46055-4.11118-3.04732-5.5537-.9737-1.56874,2.25393-2.61456,1.37039-2.65063.39669a2.31991,2.31991,0,0,1,1.53268-2.12772,12.34922,12.34922,0,0,1,2.38015-.45078c-.12622-.30654-.21638-.61307-.32456-.93764-4.77834-.75732-6.1307,3.31779-6.56346,5.03078a5.98455,5.98455,0,0,1-.43276,1.08189Z" transform="translate(0 -1.12533)" style="fill: #ffcd05"/> </g> </svg> </a> </div> <nav class="nav hidden lg:block w-auto flex-auto text-left -ml-[150px]"> <ul id="menu-primary" class="navigation-main"><li id="menu-item-9" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-9 current-menu-item"><a href="https://www.cssigniter.com/themes/">Themes</a> <ul class="sub-menu"> <li id="menu-item-27150" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-27150"><a href="https://www.cssigniter.com/themes/">All themes</a></li> <li id="menu-item-27142" class="menu-item menu-item-type-taxonomy menu-item-object-types menu-item-27142"><a href="https://www.cssigniter.com/types/blog-magazine/">Blog / Magazine</a></li> <li id="menu-item-27143" class="menu-item menu-item-type-taxonomy menu-item-object-types current-themes-ancestor current-menu-parent current-themes-parent menu-item-27143"><a href="https://www.cssigniter.com/types/professional-services/">Business</a></li> <li id="menu-item-27144" class="menu-item menu-item-type-taxonomy menu-item-object-types menu-item-27144"><a href="https://www.cssigniter.com/types/free/">Free</a></li> <li id="menu-item-27145" class="menu-item menu-item-type-taxonomy menu-item-object-types menu-item-27145"><a href="https://www.cssigniter.com/types/hotel/">Hotels / Travel</a></li> <li id="menu-item-27147" class="menu-item menu-item-type-taxonomy menu-item-object-types menu-item-27147"><a href="https://www.cssigniter.com/types/media-podcasts/">Media & Podcasts</a></li> <li id="menu-item-27148" class="menu-item menu-item-type-taxonomy menu-item-object-types menu-item-27148"><a href="https://www.cssigniter.com/types/portfolio/">Portfolio / Photography</a></li> <li id="menu-item-27149" class="menu-item menu-item-type-taxonomy menu-item-object-types menu-item-27149"><a href="https://www.cssigniter.com/types/online-store/">WooCommerce</a></li> </ul> </li> <li id="menu-item-11034" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-11034"><a href="https://www.cssigniter.com/plugins/">Plugins</a></li> <li id="menu-item-24159" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-24159"><a href="https://www.cssigniter.com/elementorism/">Elementorism</a></li> <li id="menu-item-15359" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-15359"><a href="https://www.cssigniter.com/pricing/">Pricing</a></li> <li id="menu-item-11696" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-11696"><a href="https://www.cssigniter.com/blog/">Blog</a></li> <li id="menu-item-22113" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-22113"><a href="https://www.cssigniter.com/support-hub/">Support</a></li> <li id="menu-item-22288" class="nav-item-right nav-button menu-item menu-item-type-custom menu-item-object-custom menu-item-22288"><a href="https://www.cssigniter.com/members/member/">Sign In</a></li> </ul> </nav> <a href="#mobilemenu" class="mobile-nav-trigger text-sm bg-green-600 text-white px-4 py-2 rounded uppercase ml-auto lg:hidden"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="9.97" viewBox="0 0 16 9.97"> <g id="Layer_2" data-name="Layer 2"> <g id="Layer_1-2" data-name="Layer 1"> <g> <rect width="16" height="2" fill="#fff"/> <rect y="3.97" width="16" height="2" fill="#fff"/> <rect y="7.97" width="16" height="2" fill="#fff"/> </g> </g> </g> </svg> Menu </a> </div> </div> </header> <main class="main bg-slate-50"> <div class="brand-bg"> <div class="container mx-auto px-6 pt-20 pb-0"> <div class="grid grid-cols-8 gap-4 lg:gap-8 xl:gap-12 items-center text-center lg:text-left"> <div class="col-span-8 lg:col-span-4 xl:col-span-3"> <h1 class="text-white text-3xl mb-4">Convert</h1> <div class="text-base text-slate-400 max-w-3xl mb-8"> <p>Designed to impress, Convert helps you create a stunning first impression of professionalism for your business website. Discover our theme and elevate your online presence today.</p> </div> <a class="transition-colors inline-block border-2 border-green-600 hover:border-green-700 bg-green-600 hover:bg-green-700 text-white text-sm font-bold px-4 py-3 sm:px-8 sm:py-4 rounded-full" href="#pricing">Pricing Options</a> <a class="transition-colors inline-block bg-transparent border-2 border-amber-300 hover:bg-amber-300 text-white text-sm hover:text-amber-900 font-bold px-4 py-3 sm:px-8 sm:py-4 rounded-full ml-2" href="https://www.cssigniter.com/demo2/?theme=convert" target="_blank">Live Preview</a> <p class="text-sm text-slate-400 mt-16 pt-4 border-t-[1px] border-slate-700">Compatibility: <span class="text-slate-100">WordPress 6.3+ / WooCommerce 8.0+</span></p> <p class="inline-block text-sm text-slate-400"> Version:<span class="text-slate-100"> 1.5.1 • <a href="https://www.cssigniter.com/changelog/ignition-convert/" class="text-amber-300">Changelog</a></span> </p> </div> <div class="col-span-8 lg:col-span-4 xl:col-span-5 mt-8 lg:mt-0 relative"> <img class="rounded hidden sm:block shadow-sm shadow-slate-800/10 -mb-5" src="https://www.cssigniter.com/wp-content/uploads/2020/10/convert_1200x900.jpg" alt="Desktop screenshot of Convert WordPress theme" loading="lazy" width="1200" height="900"><img class="rounded shadow-sm shadow-slate-800/30 sm:max-w-[200px] sm:absolute sm:-bottom-3 sm:-right-3 -mb-5" src="https://www.cssigniter.com/wp-content/uploads/2020/10/convert_400x634.jpg" alt="Mobile screenshot of Convert WordPress theme" loading="lazy" width="400" height="634"> </div> </div> </div> </div> <div class="container mx-auto px-6 py-20"> <div class="mb-20 p-10 bg-white border border-slate-200 rounded shadow-sm shadow-slate-200"> <p class="text-slate-400 text-center font-bold uppercase tracking-widest text-xs">Ready to be imported</p> <h2 class="text-2xl text-center tracking-tight mb-10">This theme has multiple presets available</h2> <div class="grid grid-cols-1 lg:grid-cols-3 gap-12 lg:gap-4"> <div> <figure class="bg-white p-4 mb-4 rounded border border-slate-200 shadow-sm shadow-slate-200"> <img src="https://www.cssigniter.com/wp-content/uploads/2020/10/convert_r-1.jpg" alt="" width="852" height="993" loading="lazy"> </figure> <h3 class="tracking-tight text-center mb-2">Convert</h3> <p class="text-center"> <a href="https://www.cssigniter.com/demo2/?theme=convert" class="transition-colors inline-block py-2 px-6 text-center text-sm font-bold border-2 border-green-600 text-green-600 hover:bg-green-600 hover:text-white rounded-full" target="_blank">Live Preview </a> </p> </div> <div> <figure class="bg-white p-4 mb-4 rounded border border-slate-200 shadow-sm shadow-slate-200"> <img src="https://www.cssigniter.com/wp-content/uploads/2020/10/logico-variation.jpg" alt="" width="852" height="993" loading="lazy"> </figure> <h3 class="tracking-tight text-center mb-2">Logico</h3> <p class="text-center"> <a href="https://www.cssigniter.com/demo2/?theme=convert&variation=logico" class="transition-colors inline-block py-2 px-6 text-center text-sm font-bold border-2 border-green-600 text-green-600 hover:bg-green-600 hover:text-white rounded-full" target="_blank">Live Preview </a> </p> </div> <div class="bg-slate-50 p-4 border border-dashed border-slate-200 rounded"> New demo coming soon </div> </div> </div> <div class="mb-20"> <h2 class="text-2xl text-center tracking-tight mb-10">Theme features</h2> <div class="grid grid-cols-1 lg:grid-cols-12 gap-2 lg:gap-8 mb-12 items-center text-center lg:text-left"> <div class="lg:col-span-7"> <a class="spotlight" href="https://www.cssigniter.com/wp-content/themes/cssigniter/v10/images/header.png"> <img src="https://www.cssigniter.com/wp-content/themes/cssigniter/v10/images/header.png" alt="" loading="lazy" class="bg-white p-4 mb-4 rounded border border-slate-200 shadow-sm shadow-slate-200"> </a> </div> <div class="lg:col-span-5"> <h3 class="text-xl tracking-tight mb-2">Flexible headers</h3> <p>Our user-friendly interface allows you to personalize your site's header with various options like color scheme, layout, font, and logo adjustments. Experience real-time previews of changes, ensuring your website's first impression aligns perfectly with your brand identity. With our Customizer settings, your vision sets the tone for your online presence.</p> </div> </div> <div class="grid grid-cols-1 lg:grid-cols-12 gap-2 lg:gap-8 mb-12 items-center text-center lg:text-left"> <div class="lg:col-span-7 lg:order-last"> <a class="spotlight" href="https://www.cssigniter.com/wp-content/themes/cssigniter/v10/images/footer.png"> <img src="https://www.cssigniter.com/wp-content/themes/cssigniter/v10/images/footer.png" alt="" loading="lazy" class="bg-white p-4 mb-4 rounded border border-slate-200 shadow-sm shadow-slate-200"> </a> </div> <div class="lg:col-span-5"> <h3 class="text-xl tracking-tight mb-2">Customizable footers</h3> <p>Take control of your website's appearance with our WordPress themes' dynamic Customizer settings for the footer. Easily adjust elements such as color scheme, layout, fonts, and add important links or information, all via a user-friendly interface. Preview your changes in real-time to ensure your footer's look and functionality align perfectly with your overall site design. Our Customizer settings offer you the flexibility to ensure your website's endnote leaves a lasting impression.</p> </div> </div> <div class="grid grid-cols-1 lg:grid-cols-12 gap-2 lg:gap-8 mb-12 items-center text-center lg:text-left"> <div class="lg:col-span-7"> <a class="spotlight" href="https://www.cssigniter.com/wp-content/themes/cssigniter/v10/images/gutenbee.png"> <img src="https://www.cssigniter.com/wp-content/themes/cssigniter/v10/images/gutenbee.png" alt="" loading="lazy" class="bg-white p-4 mb-4 rounded border border-slate-200 shadow-sm shadow-slate-200"> </a> </div> <div class="lg:col-span-5"> <h3 class="text-xl tracking-tight mb-2">Build with blocks</h3> <p>Enhance your website creation process using WordPress blocks and our exclusive GutenBee custom blocks collection. These tools simplify your page construction, allowing you to add a variety of elements or special features effortlessly. With our Gutenberg and GutenBee blocks, crafting visually compelling and professional pages becomes a breeze, regardless of your technical background.</p> </div> </div> <div class="grid grid-cols-1 lg:grid-cols-12 gap-2 lg:gap-8 mb-12 items-center text-center lg:text-left"> <div class="lg:col-span-7 lg:order-last"> <a class="spotlight" href="https://www.cssigniter.com/wp-content/themes/cssigniter/v10/images/elementor.png"> <img src="https://www.cssigniter.com/wp-content/themes/cssigniter/v10/images/elementor.png" alt="" loading="lazy" class="bg-white p-4 mb-4 rounded border border-slate-200 shadow-sm shadow-slate-200"> </a> </div> <div class="lg:col-span-5"> <h3 class="text-xl tracking-tight mb-2">Seamless Elementor integration</h3> <p>Experience a smooth designing journey with our WordPress themes' seamless Elementor integration. Whether you're a professional developer or a novice user, this feature offers a drag-and-drop interface that allows you to create stunning layouts and designs effortlessly. It empowers you to take full control over your website's look and functionality, making website building a straightforward and enjoyable process.</p> </div> </div> <div class="grid grid-cols-1 lg:grid-cols-12 gap-2 lg:gap-8 mb-12 items-center text-center lg:text-left"> <div class="lg:col-span-7"> <a class="spotlight" href="https://www.cssigniter.com/wp-content/themes/cssigniter/v10/images/perfomance.png"> <img src="https://www.cssigniter.com/wp-content/themes/cssigniter/v10/images/perfomance.png" alt="" loading="lazy" class="bg-white p-4 mb-4 rounded border border-slate-200 shadow-sm shadow-slate-200"> </a> </div> <div class="lg:col-span-5"> <h3 class="text-xl tracking-tight mb-2">Peak-Performance</h3> <p>Designed with performance as a top priority, our WordPress themes are built to be fast and efficient. We understand the importance of speed in providing an excellent user experience and improving SEO rankings. Hence, our themes are optimized to load quickly, ensuring that your visitors don't have to wait and your website's performance remains top-notch at all times.</p> </div> </div> <div class="grid grid-cols-1 lg:grid-cols-12 gap-2 lg:gap-8 mb-12 items-center text-center lg:text-left"> <div class="lg:col-span-7 lg:order-last"> <a class="spotlight" href="https://www.cssigniter.com/wp-content/themes/cssigniter/v10/images/woo.png"> <img src="https://www.cssigniter.com/wp-content/themes/cssigniter/v10/images/woo.png" alt="" loading="lazy" class="bg-white p-4 mb-4 rounded border border-slate-200 shadow-sm shadow-slate-200"> </a> </div> <div class="lg:col-span-5"> <h3 class="text-xl tracking-tight mb-2">WooCommerce</h3> <p>Our WordPress themes come with a seamless WooCommerce integration, turning your website into a fully-functional e-commerce platform with just a few clicks. Sell products, manage inventory, and provide a secure checkout process effortlessly. Whether you're a small business or a large enterprise, our WooCommerce-compatible themes pave the way for a successful online store.</p> </div> </div> </div> <div class="mb-20"> <p class="text-slate-400 text-center font-bold uppercase tracking-widest text-xs">Customize every detail of your website</p> <h2 class="text-2xl text-center tracking-tight mb-10">Powered by our rock solid theme framework, Ignition</h2> <div class="grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 gap-x-4 gap-y-12"> <div> <figure class="bg-white p-4 mb-4 rounded border border-slate-200 shadow-sm shadow-slate-200"> <img src="https://www.cssigniter.com/wp-content/themes/cssigniter/images/v9/features/global_sections.png" loading="lazy" alt="" width="426" height="308"> </figure> <h3 class="text-center tracking-tight mb-2">Global Sections</h3> <p class="text-center text-sm">Design sections once (You can design sections using the block editor or Elementor) and use them multiple times through the Global Sections system. You'll definitely love it.</p> </div> <div> <figure class="bg-white p-4 mb-4 rounded border border-slate-200 shadow-sm shadow-slate-200"> <img src="https://www.cssigniter.com/wp-content/themes/cssigniter/images/v9/features/colors.png" loading="lazy" alt="" width="426" height="308"> </figure> <h3 class="text-center tracking-tight mb-2">Create your own color scheme</h3> <p class="text-center text-sm">Create unique color schemes that perfectly match your brands by the built in Customizer color options. Globally modify the theme's colors or fine tune the scheme on certain theme sections like the top bar, header, footer etc.</p> </div> <div> <figure class="bg-white p-4 mb-4 rounded border border-slate-200 shadow-sm shadow-slate-200"> <img src="https://www.cssigniter.com/wp-content/themes/cssigniter/images/v9/features/typography.png" loading="lazy" alt="" width="426" height="308"> </figure> <h3 class="text-center tracking-tight mb-2">Google Fonts</h3> <p class="text-center text-sm">Quickly modify the theme's font pair by picking your preferred font families among the dozens available Google Fonts. Additionally you can fine tune the font properties of key theme sections, all from within the Customizer.</p> </div> </div> </div> <div class="mb-20"> <p class="text-slate-400 text-center uppercase font-bold tracking-widest text-xs">Built-in</p> <h2 class="text-2xl text-center tracking-tight mb-10">Benefits with every theme</h2> <div class="grid grid-cols-1 lg:grid-cols-3 gap-4"> <div class="bg-white p-8 rounded border border-slate-200 shadow-sm shadow-slate-200"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="w-8 h-8 mb-4"><path fill="#345572" d="M24 12c0 2.757-2.243 5-5 5-1.047 0-2.055-.333-2.921-.963-.048-.021-.093-.049-.133-.086L14.5 14.632v1.367c0 .276-.224.5-.5.5s-.5-.224-.5-.5v-2.5c0-.025.011-.046.014-.07.005-.037.008-.074.022-.11s.036-.063.056-.094c.014-.021.021-.044.038-.063.003-.003.007-.004.009-.007.025-.026.057-.044.087-.064.025-.017.046-.038.073-.049.019-.008.041-.009.061-.015.043-.013.085-.025.13-.026.003 0 .006-.002.009-.002h2.5c.276 0 .5.224.5.5s-.224.5-.5.5h-1.21l1.241 1.132c.019.011.038.022.056.036.712.544 1.547.832 2.414.832 2.206 0 4-1.794 4-4s-1.794-4-4-4c-.867 0-1.701.288-2.414.832-.024.019-.05.034-.077.048l-8.471 7.086c-.038.031-.079.057-.122.075-.865.628-1.871.959-2.916.959-2.757 0-5-2.243-5-5s2.243-5 5-5c1.047 0 2.055.333 2.921.963.048.021.093.049.133.086L9.5 9.367V8c0-.276.224-.5.5-.5s.5.224.5.5v2.5c0 .025-.011.046-.014.07-.005.037-.008.074-.022.11s-.036.063-.056.094c-.014.021-.021.044-.038.063-.003.003-.007.004-.009.007-.028.03-.064.05-.099.072-.02.013-.038.03-.059.04-.028.012-.06.015-.09.022-.034.008-.066.019-.101.02-.004 0-.008.002-.012.002H7.5c-.276 0-.5-.224-.5-.5s.224-.5.5-.5h1.21L7.469 8.868c-.019-.011-.038-.022-.056-.036C6.701 8.288 5.866 8 4.999 8c-2.206 0-4 1.794-4 4s1.794 4 4 4c.867 0 1.701-.288 2.414-.832.024-.019.05-.034.077-.048l8.471-7.086c.038-.031.079-.057.122-.075.865-.628 1.871-.959 2.916-.959 2.757 0 5 2.243 5 5z"/></svg> <h3 class="tracking-tight mb-2">Constant Updates</h3> <p class="text-sm">We constantly check our themes against the latest WordPress version, ensuring you can hit the update button with confidence and without worrying about breaking things.</p> </div> <div class="bg-white p-8 rounded border border-slate-200 shadow-sm shadow-slate-200"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="w-8 h-8 mb-4"><path fill="#345572" d="M24 12c0-.806-.482-1.498-1.17-1.814-.768-4.605-4.412-8.248-9.016-9.016C13.498.482 12.806 0 12 0s-1.498.482-1.814 1.17c-4.604.768-8.248 4.411-9.016 9.016C.482 10.502 0 11.194 0 12s.482 1.498 1.17 1.814c.768 4.605 4.411 8.248 9.016 9.016.316.688 1.008 1.17 1.814 1.17s1.498-.482 1.814-1.17c4.604-.768 8.248-4.411 9.016-9.016C23.518 13.498 24 12.806 24 12zm-2.219-2H19c-.279 0-.544.058-.786.162-.623-2.105-2.272-3.754-4.376-4.376.104-.242.162-.507.162-.786V2.219c3.904.797 6.985 3.878 7.781 7.781zm-8.639 7.362C12.818 17.135 12.425 17 12 17s-.817.135-1.142.362c-2.116-.449-3.771-2.104-4.22-4.22C6.865 12.818 7 12.425 7 12s-.135-.817-.362-1.142c.449-2.116 2.105-3.771 4.22-4.22.324.227.717.362 1.142.362s.817-.135 1.142-.362c2.116.449 3.771 2.104 4.22 4.22-.227.324-.362.717-.362 1.142s.135.817.362 1.142c-.449 2.116-2.105 3.771-4.22 4.22zM12 1c.552 0 1 .449 1 1v3c0 .551-.448 1-1 1s-1-.449-1-1V2c0-.551.448-1 1-1zm-2 1.219V5c0 .279.058.545.162.786-2.105.622-3.754 2.27-4.376 4.375-.241-.104-.507-.162-.786-.162H2.219C3.015 6.096 6.097 3.014 10 2.218zM2 11h3c.552 0 1 .449 1 1s-.448 1-1 1H2c-.552 0-1-.449-1-1s.448-1 1-1zm.219 3H5c.279 0 .544-.058.786-.162.623 2.105 2.272 3.754 4.376 4.375-.104.242-.162.507-.162.786v2.781c-3.904-.797-6.985-3.878-7.781-7.781zM12 23c-.552 0-1-.449-1-1v-3c0-.275.112-.525.292-.706.003-.002.006-.004.009-.007.18-.177.426-.288.698-.288s.518.111.698.288c.003.002.006.004.009.007.181.181.292.431.292.706v3c0 .551-.448 1-1 1zm2-1.219V19c0-.279-.058-.545-.162-.786 2.105-.622 3.754-2.27 4.376-4.375.241.104.507.162.786.162h2.781c-.796 3.903-3.878 6.985-7.781 7.781zM22 13h-3c-.552 0-1-.449-1-1s.448-1 1-1h3c.552 0 1 .449 1 1s-.448 1-1 1z"/></svg> <h3 class="tracking-tight mb-2">Premium Support</h3> <p class="text-sm">Since 2012, we've kept our promise to be there for you within 24 hours, no matter the issue. Our friendly, in-house support team is here to guide you every step of the way.</p> </div> <div class="bg-white p-8 rounded border border-slate-200 shadow-sm shadow-slate-200"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="w-8 h-8 mb-4"><path fill="#345572" d="M16 16.5c0 .276-.224.5-.5.5H13v2.5c0 .276-.224.5-.5.5s-.5-.224-.5-.5V17H9.5c-.276 0-.5-.224-.5-.5s.224-.5.5-.5H12v-2.5c0-.276.224-.5.5-.5s.5.224.5.5V16h2.5c.276 0 .5.224.5.5zm8-1.5c0 2.757-2.243 5-5 5h-2.261c-1.01 1.221-2.535 2-4.239 2s-3.229-.779-4.239-2H6c-3.309 0-6-2.691-6-6 0-2.159 1.143-4.121 3.003-5.193C3.106 5.036 6.205 2 10 2c2.759 0 5.205 1.58 6.35 4.062.227-.042.439-.063.65-.063 2.206 0 4 1.794 4 4 0 .142-.008.283-.024.428 1.825.785 3.024 2.572 3.024 4.572zm-7 1.5c0-2.481-2.019-4.5-4.5-4.5S8 14.019 8 16.5s2.019 4.5 4.5 4.5 4.5-2.019 4.5-4.5zm6-1.5c0-1.712-1.103-3.23-2.743-3.776-.242-.081-.385-.332-.33-.581.049-.227.073-.437.073-.643 0-1.654-1.346-3-3-3-.245 0-.503.04-.812.127-.246.071-.507-.06-.601-.3C14.682 4.502 12.488 3 9.999 3c-3.309 0-6 2.691-6 6 0 .188-.101.462-.268.548C2.045 10.408.999 12.114.999 14c0 2.757 2.243 5 5 5h1.607c-.385-.751-.607-1.599-.607-2.5 0-3.032 2.468-5.5 5.5-5.5s5.5 2.468 5.5 5.5c0 .901-.222 1.749-.607 2.5h1.607c2.206 0 4-1.794 4-4z"/></svg> <h3 class="tracking-tight mb-2">One-click Demo Import</h3> <p class="text-sm">With our one-click demo import integration, you can easily replicate our demo site by importing our sample content file.</p> </div> </div> </div> <div class="mb-20"> <p class="text-slate-400 text-center uppercase font-bold tracking-widest text-xs">Block editor or Elementor?</p> <h2 class="text-2xl text-center tracking-tight mb-10">Use the page builder of your choice</h2> <div class="grid grid-cols-1 md:grid-cols-2 gap-4"> <div class="bg-white p-6 rounded flex gap-4 border border-slate-200 shadow-sm shadow-slate-200"> <figure> <a href="https://wordpress.org/gutenberg/" target="_blank"><img class="shadow-md shadow-slate-200" src="https://www.cssigniter.com/wp-content/themes/cssigniter/images/builder_gutenberg.png" loading="lazy" alt="Block Editor" width="100" height="100"></a> </figure> <div> <h3 class="tracking-tight mb-2"><a href="https://wordpress.org/gutenberg/" target="_blank">Block editor</a></h3> <p class="text-sm">The WordPress block editor or Gutenberg editor is the new way of publishing content in WordPress.</p> </div> </div> <div class="bg-white p-6 rounded flex gap-4 border border-slate-200 shadow-sm shadow-slate-200"> <figure> <a href="https://be.elementor.com/visit/?bta=1126&nci=5358" target="_blank"><img class="shadow-md shadow-slate-200" src="https://www.cssigniter.com/wp-content/themes/cssigniter/images/builder_elementor.png" loading="lazy" alt="Elementor" width="100" height="100"></a> </figure> <div> <h3 class="tracking-tight mb-2"><a href="https://be.elementor.com/visit/?bta=1126&nci=5358" target="_blank">Elementor</a></h3> <p class="text-sm">The advanced drag & drop page builder. Create high-end, pixel perfect websites at record speeds.</p> </div> </div> </div> </div> <div class="mb-20"> <p class="text-slate-400 text-center uppercase font-bold tracking-widest text-xs">You will be in good company</p> <h2 class="text-2xl text-center tracking-tight mb-10">Trusted by 115,000+ happy customers</h2> <div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-4"> <blockquote class="bg-slate-900 text-slate-50 p-8 rounded border border-slate-200 shadow-sm shadow-slate-200"> <p class="mb-4 text-base text-slate-300"> If you are looking for an affordable collection of niche WordPress themes, plugins and Elementor templates followed by timely support, then you should really consider CSSIgniter. </p> <div class="flex items-center gap-2"> <img class="w-16 h-16 rounded-full border-2 border-slate-600" width="64" height="64" src="https://www.cssigniter.com/wp-content/themes/cssigniter/images/syedbalkhi.jpg" loading="lazy" alt="Image of Syed Balhki" /> <div> <p>Syed Balhki</p> <a class="text-sm text-slate-400" href="https://www.wpbeginner.com/">WPBeginner.com</a> </div> </div> </blockquote> <blockquote class="bg-slate-900 text-slate-50 p-8 rounded border border-slate-200 shadow-sm shadow-slate-200"> <p class="mb-4 text-base text-slate-300"> CSSIgniter is clearly one of the best theme shops on the market. Expect to get quality products and to be assisted by a friendly team when you need help. Highly recommended. </p> <div class="flex items-center gap-2"> <img class="w-16 h-16 rounded-full border-2 border-slate-600" width="64" height="64" src="https://www.cssigniter.com/wp-content/themes/cssigniter/images/ionut.jpg" loading="lazy" alt="Image of Ionut Neagu" /> <div> <p>Ionut Neagu</p> <a class="text-sm text-slate-400" href="https://www.codeinwp.com/">CodeinWP</a> </div> </div> </blockquote> <blockquote class="md:col-span-2 xl:col-span-1 bg-slate-900 text-slate-50 p-8 rounded border border-slate-200 shadow-sm shadow-slate-200"> <p class="mb-4 text-base text-slate-300"> If you decide to work with a theme from CSSIgniter, you'll make the right choice: A fast and flexible WordPress theme without any "bloat". We love the themes from CSSIgniter and we will use them more and more in the future. </p> <div class="flex items-center gap-2"> <img class="w-16 h-16 rounded-full border-2 border-slate-600" width="64" height="64" src="https://www.cssigniter.com/wp-content/themes/cssigniter/images/olaf.jpg" loading="lazy" alt="Image of Olaf Lederer" /> <div> <p>Olaf Lederer</p> <a class="text-sm text-slate-400" href="https://www.finalwebsites.nl">FinalWebsites</a> </div> </div> </blockquote> </div> </div> <div id="pricing"> <div class="my-20"> <div class="grid grid-cols-1 lg:grid-cols-4 gap-2"> <div class="p-8 md:p-4 lg:p-6 xl:py-8 text-center bg-blue-50 rounded border border-blue-100 shadow-sm shadow-slate-200"> <div class="flex lg:flex-col justify-between items-center mb-8 lg:mb-0"> <div class="text-left lg:text-center"> <h4 class="m-0 text-xl md:text-xl tracking-tight md:leading-none mb-1">Convert</h4> <p class="text-xs md:text-sm text-slate-400 lg:mb-8">The theme of your choice</p> </div> <div> <p class="flex justify-center mb-1"> <span>$</span> <span class="text-3xl lg:text-4xl font-bold tracking-tight text-slate-600">49</span> </p> <p class="text-center text-xs uppercase font-semibold mb-4">Per Year</p> </div> </div> <a href="https://www.cssigniter.com/members/signup?product_id=201" class="block transition-colors bg-green-600 hover:bg-green-700 text-white hover:text-white font-bold py-3 px-10 mb-8 rounded-full">Buy Now</a> <ul class="list-none text-left text-sm"> <li class="flex gap-1 items-center border-b-[1px] border-solid border-blue-100 py-2"> <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-square-rounded-check-filled" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" stroke="#16a34a" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"/> <path d="M12 2c-.218 0 -.432 .002 -.642 .005l-.616 .017l-.299 .013l-.579 .034l-.553 .046c-4.785 .464 -6.732 2.411 -7.196 7.196l-.046 .553l-.034 .579c-.005 .098 -.01 .198 -.013 .299l-.017 .616l-.004 .318l-.001 .324c0 .218 .002 .432 .005 .642l.017 .616l.013 .299l.034 .579l.046 .553c.464 4.785 2.411 6.732 7.196 7.196l.553 .046l.579 .034c.098 .005 .198 .01 .299 .013l.616 .017l.642 .005l.642 -.005l.616 -.017l.299 -.013l.579 -.034l.553 -.046c4.785 -.464 6.732 -2.411 7.196 -7.196l.046 -.553l.034 -.579c.005 -.098 .01 -.198 .013 -.299l.017 -.616l.005 -.642l-.005 -.642l-.017 -.616l-.013 -.299l-.034 -.579l-.046 -.553c-.464 -4.785 -2.411 -6.732 -7.196 -7.196l-.553 -.046l-.579 -.034a28.058 28.058 0 0 0 -.299 -.013l-.616 -.017l-.318 -.004l-.324 -.001zm2.293 7.293a1 1 0 0 1 1.497 1.32l-.083 .094l-4 4a1 1 0 0 1 -1.32 .083l-.094 -.083l-2 -2a1 1 0 0 1 1.32 -1.497l.094 .083l1.293 1.292l3.293 -3.292z" fill="#16a34a" stroke-width="0" /> </svg> <span>Use on <strong>Unlimited Websites</strong></span> </li> <li class="flex gap-1 items-center border-b-[1px] border-solid border-blue-100 py-2"> <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-square-rounded-check-filled" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" stroke="#16a34a" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"/> <path d="M12 2c-.218 0 -.432 .002 -.642 .005l-.616 .017l-.299 .013l-.579 .034l-.553 .046c-4.785 .464 -6.732 2.411 -7.196 7.196l-.046 .553l-.034 .579c-.005 .098 -.01 .198 -.013 .299l-.017 .616l-.004 .318l-.001 .324c0 .218 .002 .432 .005 .642l.017 .616l.013 .299l.034 .579l.046 .553c.464 4.785 2.411 6.732 7.196 7.196l.553 .046l.579 .034c.098 .005 .198 .01 .299 .013l.616 .017l.642 .005l.642 -.005l.616 -.017l.299 -.013l.579 -.034l.553 -.046c4.785 -.464 6.732 -2.411 7.196 -7.196l.046 -.553l.034 -.579c.005 -.098 .01 -.198 .013 -.299l.017 -.616l.005 -.642l-.005 -.642l-.017 -.616l-.013 -.299l-.034 -.579l-.046 -.553c-.464 -4.785 -2.411 -6.732 -7.196 -7.196l-.553 -.046l-.579 -.034a28.058 28.058 0 0 0 -.299 -.013l-.616 -.017l-.318 -.004l-.324 -.001zm2.293 7.293a1 1 0 0 1 1.497 1.32l-.083 .094l-4 4a1 1 0 0 1 -1.32 .083l-.094 -.083l-2 -2a1 1 0 0 1 1.32 -1.497l.094 .083l1.293 1.292l3.293 -3.292z" fill="#16a34a" stroke-width="0" /> </svg> <span><strong>Lifetime</strong> Usage</span> </li> <li class="flex gap-1 items-center border-b-[1px] border-solid border-blue-100 py-2 leading-none"> <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-square-rounded-check-filled" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" stroke="#16a34a" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"/> <path d="M12 2c-.218 0 -.432 .002 -.642 .005l-.616 .017l-.299 .013l-.579 .034l-.553 .046c-4.785 .464 -6.732 2.411 -7.196 7.196l-.046 .553l-.034 .579c-.005 .098 -.01 .198 -.013 .299l-.017 .616l-.004 .318l-.001 .324c0 .218 .002 .432 .005 .642l.017 .616l.013 .299l.034 .579l.046 .553c.464 4.785 2.411 6.732 7.196 7.196l.553 .046l.579 .034c.098 .005 .198 .01 .299 .013l.616 .017l.642 .005l.642 -.005l.616 -.017l.299 -.013l.579 -.034l.553 -.046c4.785 -.464 6.732 -2.411 7.196 -7.196l.046 -.553l.034 -.579c.005 -.098 .01 -.198 .013 -.299l.017 -.616l.005 -.642l-.005 -.642l-.017 -.616l-.013 -.299l-.034 -.579l-.046 -.553c-.464 -4.785 -2.411 -6.732 -7.196 -7.196l-.553 -.046l-.579 -.034a28.058 28.058 0 0 0 -.299 -.013l-.616 -.017l-.318 -.004l-.324 -.001zm2.293 7.293a1 1 0 0 1 1.497 1.32l-.083 .094l-4 4a1 1 0 0 1 -1.32 .083l-.094 -.083l-2 -2a1 1 0 0 1 1.32 -1.497l.094 .083l1.293 1.292l3.293 -3.292z" fill="#16a34a" stroke-width="0" /> </svg> <span><strong>1 YEAR</strong> Premium Support</span> </li> <li class="flex gap-1 items-center border-b-[1px] border-solid border-blue-100 py-2 leading-none"> <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-square-rounded-check-filled" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" stroke="#16a34a" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"/> <path d="M12 2c-.218 0 -.432 .002 -.642 .005l-.616 .017l-.299 .013l-.579 .034l-.553 .046c-4.785 .464 -6.732 2.411 -7.196 7.196l-.046 .553l-.034 .579c-.005 .098 -.01 .198 -.013 .299l-.017 .616l-.004 .318l-.001 .324c0 .218 .002 .432 .005 .642l.017 .616l.013 .299l.034 .579l.046 .553c.464 4.785 2.411 6.732 7.196 7.196l.553 .046l.579 .034c.098 .005 .198 .01 .299 .013l.616 .017l.642 .005l.642 -.005l.616 -.017l.299 -.013l.579 -.034l.553 -.046c4.785 -.464 6.732 -2.411 7.196 -7.196l.046 -.553l.034 -.579c.005 -.098 .01 -.198 .013 -.299l.017 -.616l.005 -.642l-.005 -.642l-.017 -.616l-.013 -.299l-.034 -.579l-.046 -.553c-.464 -4.785 -2.411 -6.732 -7.196 -7.196l-.553 -.046l-.579 -.034a28.058 28.058 0 0 0 -.299 -.013l-.616 -.017l-.318 -.004l-.324 -.001zm2.293 7.293a1 1 0 0 1 1.497 1.32l-.083 .094l-4 4a1 1 0 0 1 -1.32 .083l-.094 -.083l-2 -2a1 1 0 0 1 1.32 -1.497l.094 .083l1.293 1.292l3.293 -3.292z" fill="#16a34a" stroke-width="0" /> </svg> <span><strong>1 YEAR</strong> Updates</span> </li> <li class="flex gap-1 items-center border-b-[1px] border-solid border-blue-100 py-2 text-slate-400"> <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-square-rounded-x-filled" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" stroke="#ef4444" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"/> <path d="M12 2l.324 .001l.318 .004l.616 .017l.299 .013l.579 .034l.553 .046c4.785 .464 6.732 2.411 7.196 7.196l.046 .553l.034 .579c.005 .098 .01 .198 .013 .299l.017 .616l.005 .642l-.005 .642l-.017 .616l-.013 .299l-.034 .579l-.046 .553c-.464 4.785 -2.411 6.732 -7.196 7.196l-.553 .046l-.579 .034c-.098 .005 -.198 .01 -.299 .013l-.616 .017l-.642 .005l-.642 -.005l-.616 -.017l-.299 -.013l-.579 -.034l-.553 -.046c-4.785 -.464 -6.732 -2.411 -7.196 -7.196l-.046 -.553l-.034 -.579a28.058 28.058 0 0 1 -.013 -.299l-.017 -.616c-.003 -.21 -.005 -.424 -.005 -.642l.001 -.324l.004 -.318l.017 -.616l.013 -.299l.034 -.579l.046 -.553c.464 -4.785 2.411 -6.732 7.196 -7.196l.553 -.046l.579 -.034c.098 -.005 .198 -.01 .299 -.013l.616 -.017c.21 -.003 .424 -.005 .642 -.005zm-1.489 7.14a1 1 0 0 0 -1.218 1.567l1.292 1.293l-1.292 1.293l-.083 .094a1 1 0 0 0 1.497 1.32l1.293 -1.292l1.293 1.292l.094 .083a1 1 0 0 0 1.32 -1.497l-1.292 -1.293l1.292 -1.293l.083 -.094a1 1 0 0 0 -1.497 -1.32l-1.293 1.292l-1.293 -1.292l-.094 -.083z" fill="#ef4444" stroke-width="0" /> </svg> <span>All WordPress Themes</span> </li> <li class="flex gap-1 items-center border-b-[1px] border-solid border-blue-100 py-2 text-slate-400"> <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-square-rounded-x-filled" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" stroke="#ef4444" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"/> <path d="M12 2l.324 .001l.318 .004l.616 .017l.299 .013l.579 .034l.553 .046c4.785 .464 6.732 2.411 7.196 7.196l.046 .553l.034 .579c.005 .098 .01 .198 .013 .299l.017 .616l.005 .642l-.005 .642l-.017 .616l-.013 .299l-.034 .579l-.046 .553c-.464 4.785 -2.411 6.732 -7.196 7.196l-.553 .046l-.579 .034c-.098 .005 -.198 .01 -.299 .013l-.616 .017l-.642 .005l-.642 -.005l-.616 -.017l-.299 -.013l-.579 -.034l-.553 -.046c-4.785 -.464 -6.732 -2.411 -7.196 -7.196l-.046 -.553l-.034 -.579a28.058 28.058 0 0 1 -.013 -.299l-.017 -.616c-.003 -.21 -.005 -.424 -.005 -.642l.001 -.324l.004 -.318l.017 -.616l.013 -.299l.034 -.579l.046 -.553c.464 -4.785 2.411 -6.732 7.196 -7.196l.553 -.046l.579 -.034c.098 -.005 .198 -.01 .299 -.013l.616 -.017c.21 -.003 .424 -.005 .642 -.005zm-1.489 7.14a1 1 0 0 0 -1.218 1.567l1.292 1.293l-1.292 1.293l-.083 .094a1 1 0 0 0 1.497 1.32l1.293 -1.292l1.293 1.292l.094 .083a1 1 0 0 0 1.32 -1.497l-1.292 -1.293l1.292 -1.293l.083 -.094a1 1 0 0 0 -1.497 -1.32l-1.293 1.292l-1.293 -1.292l-.094 -.083z" fill="#ef4444" stroke-width="0" /> </svg> <span>All WordPress Plugins</span> </li> <li class="flex gap-1 items-center py-2 text-slate-400"> <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-square-rounded-x-filled" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" stroke="#ef4444" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"/> <path d="M12 2l.324 .001l.318 .004l.616 .017l.299 .013l.579 .034l.553 .046c4.785 .464 6.732 2.411 7.196 7.196l.046 .553l.034 .579c.005 .098 .01 .198 .013 .299l.017 .616l.005 .642l-.005 .642l-.017 .616l-.013 .299l-.034 .579l-.046 .553c-.464 4.785 -2.411 6.732 -7.196 7.196l-.553 .046l-.579 .034c-.098 .005 -.198 .01 -.299 .013l-.616 .017l-.642 .005l-.642 -.005l-.616 -.017l-.299 -.013l-.579 -.034l-.553 -.046c-4.785 -.464 -6.732 -2.411 -7.196 -7.196l-.046 -.553l-.034 -.579a28.058 28.058 0 0 1 -.013 -.299l-.017 -.616c-.003 -.21 -.005 -.424 -.005 -.642l.001 -.324l.004 -.318l.017 -.616l.013 -.299l.034 -.579l.046 -.553c.464 -4.785 2.411 -6.732 7.196 -7.196l.553 -.046l.579 -.034c.098 -.005 .198 -.01 .299 -.013l.616 -.017c.21 -.003 .424 -.005 .642 -.005zm-1.489 7.14a1 1 0 0 0 -1.218 1.567l1.292 1.293l-1.292 1.293l-.083 .094a1 1 0 0 0 1.497 1.32l1.293 -1.292l1.293 1.292l.094 .083a1 1 0 0 0 1.32 -1.497l-1.292 -1.293l1.292 -1.293l.083 -.094a1 1 0 0 0 -1.497 -1.32l-1.293 1.292l-1.293 -1.292l-.094 -.083z" fill="#ef4444" stroke-width="0" /> </svg> <span>All Elementor Starter Kits</span> </li> </ul> </div> <div class="p-8 md:p-4 lg:p-6 xl:py-8 text-center bg-blue-50 rounded border border-blue-100 shadow-sm shadow-slate-200"> <div class="flex lg:flex-col justify-between items-center mb-8 lg:mb-0"> <div class="text-left lg:text-center"> <h4 class="m-0 text-xl md:text-xl tracking-tight md:leading-none mb-1">Standard Club</h4> <p class="text-xs md:text-sm text-slate-400 lg:mb-8">All themes &amp plugins</p> </div> <div> <p class="flex justify-center mb-1"> <span>$</span> <span class="text-3xl lg:text-4xl font-bold tracking-tight text-slate-600">69</span> </p> <p class="text-center text-xs uppercase font-semibold mb-4">Per Year</p> </div> </div> <a href="https://www.cssigniter.com/members/signup?product_id=62" class="block transition-colors bg-green-600 hover:bg-green-700 text-white hover:text-white font-bold py-3 px-10 mb-8 rounded-full">Buy Now</a> <ul class="list-none text-left text-sm"> <li class="flex gap-1 items-center border-b-[1px] border-solid border-blue-100 py-2"> <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-square-rounded-check-filled" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" stroke="#16a34a" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"/> <path d="M12 2c-.218 0 -.432 .002 -.642 .005l-.616 .017l-.299 .013l-.579 .034l-.553 .046c-4.785 .464 -6.732 2.411 -7.196 7.196l-.046 .553l-.034 .579c-.005 .098 -.01 .198 -.013 .299l-.017 .616l-.004 .318l-.001 .324c0 .218 .002 .432 .005 .642l.017 .616l.013 .299l.034 .579l.046 .553c.464 4.785 2.411 6.732 7.196 7.196l.553 .046l.579 .034c.098 .005 .198 .01 .299 .013l.616 .017l.642 .005l.642 -.005l.616 -.017l.299 -.013l.579 -.034l.553 -.046c4.785 -.464 6.732 -2.411 7.196 -7.196l.046 -.553l.034 -.579c.005 -.098 .01 -.198 .013 -.299l.017 -.616l.005 -.642l-.005 -.642l-.017 -.616l-.013 -.299l-.034 -.579l-.046 -.553c-.464 -4.785 -2.411 -6.732 -7.196 -7.196l-.553 -.046l-.579 -.034a28.058 28.058 0 0 0 -.299 -.013l-.616 -.017l-.318 -.004l-.324 -.001zm2.293 7.293a1 1 0 0 1 1.497 1.32l-.083 .094l-4 4a1 1 0 0 1 -1.32 .083l-.094 -.083l-2 -2a1 1 0 0 1 1.32 -1.497l.094 .083l1.293 1.292l3.293 -3.292z" fill="#16a34a" stroke-width="0" /> </svg> <span>Use on <strong>Unlimited Websites</strong></span> </li> <li class="flex gap-1 items-center border-b-[1px] border-solid border-blue-100 py-2"> <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-square-rounded-check-filled" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" stroke="#16a34a" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"/> <path d="M12 2c-.218 0 -.432 .002 -.642 .005l-.616 .017l-.299 .013l-.579 .034l-.553 .046c-4.785 .464 -6.732 2.411 -7.196 7.196l-.046 .553l-.034 .579c-.005 .098 -.01 .198 -.013 .299l-.017 .616l-.004 .318l-.001 .324c0 .218 .002 .432 .005 .642l.017 .616l.013 .299l.034 .579l.046 .553c.464 4.785 2.411 6.732 7.196 7.196l.553 .046l.579 .034c.098 .005 .198 .01 .299 .013l.616 .017l.642 .005l.642 -.005l.616 -.017l.299 -.013l.579 -.034l.553 -.046c4.785 -.464 6.732 -2.411 7.196 -7.196l.046 -.553l.034 -.579c.005 -.098 .01 -.198 .013 -.299l.017 -.616l.005 -.642l-.005 -.642l-.017 -.616l-.013 -.299l-.034 -.579l-.046 -.553c-.464 -4.785 -2.411 -6.732 -7.196 -7.196l-.553 -.046l-.579 -.034a28.058 28.058 0 0 0 -.299 -.013l-.616 -.017l-.318 -.004l-.324 -.001zm2.293 7.293a1 1 0 0 1 1.497 1.32l-.083 .094l-4 4a1 1 0 0 1 -1.32 .083l-.094 -.083l-2 -2a1 1 0 0 1 1.32 -1.497l.094 .083l1.293 1.292l3.293 -3.292z" fill="#16a34a" stroke-width="0" /> </svg> <span><strong>Lifetime</strong> Usage</span> </li> <li class="flex gap-1 items-center border-b-[1px] border-solid border-blue-100 py-2 leading-none"> <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-square-rounded-check-filled" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" stroke="#16a34a" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"/> <path d="M12 2c-.218 0 -.432 .002 -.642 .005l-.616 .017l-.299 .013l-.579 .034l-.553 .046c-4.785 .464 -6.732 2.411 -7.196 7.196l-.046 .553l-.034 .579c-.005 .098 -.01 .198 -.013 .299l-.017 .616l-.004 .318l-.001 .324c0 .218 .002 .432 .005 .642l.017 .616l.013 .299l.034 .579l.046 .553c.464 4.785 2.411 6.732 7.196 7.196l.553 .046l.579 .034c.098 .005 .198 .01 .299 .013l.616 .017l.642 .005l.642 -.005l.616 -.017l.299 -.013l.579 -.034l.553 -.046c4.785 -.464 6.732 -2.411 7.196 -7.196l.046 -.553l.034 -.579c.005 -.098 .01 -.198 .013 -.299l.017 -.616l.005 -.642l-.005 -.642l-.017 -.616l-.013 -.299l-.034 -.579l-.046 -.553c-.464 -4.785 -2.411 -6.732 -7.196 -7.196l-.553 -.046l-.579 -.034a28.058 28.058 0 0 0 -.299 -.013l-.616 -.017l-.318 -.004l-.324 -.001zm2.293 7.293a1 1 0 0 1 1.497 1.32l-.083 .094l-4 4a1 1 0 0 1 -1.32 .083l-.094 -.083l-2 -2a1 1 0 0 1 1.32 -1.497l.094 .083l1.293 1.292l3.293 -3.292z" fill="#16a34a" stroke-width="0" /> </svg> <span><strong>1 YEAR</strong> Premium Support</span> </li> <li class="flex gap-1 items-center border-b-[1px] border-solid border-blue-100 py-2 leading-none"> <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-square-rounded-check-filled" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" stroke="#16a34a" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"/> <path d="M12 2c-.218 0 -.432 .002 -.642 .005l-.616 .017l-.299 .013l-.579 .034l-.553 .046c-4.785 .464 -6.732 2.411 -7.196 7.196l-.046 .553l-.034 .579c-.005 .098 -.01 .198 -.013 .299l-.017 .616l-.004 .318l-.001 .324c0 .218 .002 .432 .005 .642l.017 .616l.013 .299l.034 .579l.046 .553c.464 4.785 2.411 6.732 7.196 7.196l.553 .046l.579 .034c.098 .005 .198 .01 .299 .013l.616 .017l.642 .005l.642 -.005l.616 -.017l.299 -.013l.579 -.034l.553 -.046c4.785 -.464 6.732 -2.411 7.196 -7.196l.046 -.553l.034 -.579c.005 -.098 .01 -.198 .013 -.299l.017 -.616l.005 -.642l-.005 -.642l-.017 -.616l-.013 -.299l-.034 -.579l-.046 -.553c-.464 -4.785 -2.411 -6.732 -7.196 -7.196l-.553 -.046l-.579 -.034a28.058 28.058 0 0 0 -.299 -.013l-.616 -.017l-.318 -.004l-.324 -.001zm2.293 7.293a1 1 0 0 1 1.497 1.32l-.083 .094l-4 4a1 1 0 0 1 -1.32 .083l-.094 -.083l-2 -2a1 1 0 0 1 1.32 -1.497l.094 .083l1.293 1.292l3.293 -3.292z" fill="#16a34a" stroke-width="0" /> </svg> <span><strong>1 YEAR</strong> Updates</span> </li> <li class="flex gap-1 items-center border-b-[1px] border-solid border-blue-100 py-2"> <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-square-rounded-check-filled" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" stroke="#16a34a" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"/> <path d="M12 2c-.218 0 -.432 .002 -.642 .005l-.616 .017l-.299 .013l-.579 .034l-.553 .046c-4.785 .464 -6.732 2.411 -7.196 7.196l-.046 .553l-.034 .579c-.005 .098 -.01 .198 -.013 .299l-.017 .616l-.004 .318l-.001 .324c0 .218 .002 .432 .005 .642l.017 .616l.013 .299l.034 .579l.046 .553c.464 4.785 2.411 6.732 7.196 7.196l.553 .046l.579 .034c.098 .005 .198 .01 .299 .013l.616 .017l.642 .005l.642 -.005l.616 -.017l.299 -.013l.579 -.034l.553 -.046c4.785 -.464 6.732 -2.411 7.196 -7.196l.046 -.553l.034 -.579c.005 -.098 .01 -.198 .013 -.299l.017 -.616l.005 -.642l-.005 -.642l-.017 -.616l-.013 -.299l-.034 -.579l-.046 -.553c-.464 -4.785 -2.411 -6.732 -7.196 -7.196l-.553 -.046l-.579 -.034a28.058 28.058 0 0 0 -.299 -.013l-.616 -.017l-.318 -.004l-.324 -.001zm2.293 7.293a1 1 0 0 1 1.497 1.32l-.083 .094l-4 4a1 1 0 0 1 -1.32 .083l-.094 -.083l-2 -2a1 1 0 0 1 1.32 -1.497l.094 .083l1.293 1.292l3.293 -3.292z" fill="#16a34a" stroke-width="0" /> </svg> <span>All WordPress Themes</span> </li> <li class="flex gap-1 items-center border-b-[1px] border-solid border-blue-100 py-2"> <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-square-rounded-check-filled" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" stroke="#16a34a" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"/> <path d="M12 2c-.218 0 -.432 .002 -.642 .005l-.616 .017l-.299 .013l-.579 .034l-.553 .046c-4.785 .464 -6.732 2.411 -7.196 7.196l-.046 .553l-.034 .579c-.005 .098 -.01 .198 -.013 .299l-.017 .616l-.004 .318l-.001 .324c0 .218 .002 .432 .005 .642l.017 .616l.013 .299l.034 .579l.046 .553c.464 4.785 2.411 6.732 7.196 7.196l.553 .046l.579 .034c.098 .005 .198 .01 .299 .013l.616 .017l.642 .005l.642 -.005l.616 -.017l.299 -.013l.579 -.034l.553 -.046c4.785 -.464 6.732 -2.411 7.196 -7.196l.046 -.553l.034 -.579c.005 -.098 .01 -.198 .013 -.299l.017 -.616l.005 -.642l-.005 -.642l-.017 -.616l-.013 -.299l-.034 -.579l-.046 -.553c-.464 -4.785 -2.411 -6.732 -7.196 -7.196l-.553 -.046l-.579 -.034a28.058 28.058 0 0 0 -.299 -.013l-.616 -.017l-.318 -.004l-.324 -.001zm2.293 7.293a1 1 0 0 1 1.497 1.32l-.083 .094l-4 4a1 1 0 0 1 -1.32 .083l-.094 -.083l-2 -2a1 1 0 0 1 1.32 -1.497l.094 .083l1.293 1.292l3.293 -3.292z" fill="#16a34a" stroke-width="0" /> </svg> <span>All WordPress Plugins</span> </li> <li class="flex gap-1 items-center py-2 text-slate-400"> <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-square-rounded-x-filled" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" stroke="#ef4444" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"/> <path d="M12 2l.324 .001l.318 .004l.616 .017l.299 .013l.579 .034l.553 .046c4.785 .464 6.732 2.411 7.196 7.196l.046 .553l.034 .579c.005 .098 .01 .198 .013 .299l.017 .616l.005 .642l-.005 .642l-.017 .616l-.013 .299l-.034 .579l-.046 .553c-.464 4.785 -2.411 6.732 -7.196 7.196l-.553 .046l-.579 .034c-.098 .005 -.198 .01 -.299 .013l-.616 .017l-.642 .005l-.642 -.005l-.616 -.017l-.299 -.013l-.579 -.034l-.553 -.046c-4.785 -.464 -6.732 -2.411 -7.196 -7.196l-.046 -.553l-.034 -.579a28.058 28.058 0 0 1 -.013 -.299l-.017 -.616c-.003 -.21 -.005 -.424 -.005 -.642l.001 -.324l.004 -.318l.017 -.616l.013 -.299l.034 -.579l.046 -.553c.464 -4.785 2.411 -6.732 7.196 -7.196l.553 -.046l.579 -.034c.098 -.005 .198 -.01 .299 -.013l.616 -.017c.21 -.003 .424 -.005 .642 -.005zm-1.489 7.14a1 1 0 0 0 -1.218 1.567l1.292 1.293l-1.292 1.293l-.083 .094a1 1 0 0 0 1.497 1.32l1.293 -1.292l1.293 1.292l.094 .083a1 1 0 0 0 1.32 -1.497l-1.292 -1.293l1.292 -1.293l.083 -.094a1 1 0 0 0 -1.497 -1.32l-1.293 1.292l-1.293 -1.292l-.094 -.083z" fill="#ef4444" stroke-width="0" /> </svg> <span>All Elementor Starter Kits</span> </li> </ul> </div> <div class="p-8 md:p-4 lg:p-6 xl:py-8 text-center bg-slate-800 rounded relative overflow-hidden shadow-lg shadow-slate-400"> <span class="hidden lg:inline-block bg-green-600 text-green-200 text-xs font-bold uppercase tracking-wider py-2 px-8 absolute top-4 -right-8 rotate-45">Popular</span> <div class="flex lg:flex-col justify-between items-center mb-8 lg:mb-0"> <div class="text-left lg:text-center"> <h4 class="m-0 text-xl md:text-xl tracking-tight md:leading-none mb-1 text-white">Developer Club</h4> <p class="text-xs md:text-sm text-slate-400 lg:mb-8">Access to all products</p> </div> <div> <p class="flex justify-center mb-1"> <span>$</span> <span class="text-3xl lg:text-4xl font-bold tracking-tight text-white">79</span> </p> <p class="text-center text-xs uppercase font-semibold mb-4">Per Year</p> </div> </div> <a href="https://www.cssigniter.com/members/signup?product_id=110" class="block transition-colors border-t-[1px] border-green-500 bg-green-600 hover:bg-green-700 text-white hover:text-white font-bold py-3 px-10 mb-8 rounded-full">Buy Now</a> <ul class="list-none text-left text-sm text-white"> <li class="flex gap-1 items-center border-b-[1px] border-solid border-slate-700 py-2"> <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-square-rounded-check-filled" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" stroke="#16a34a" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"/> <path d="M12 2c-.218 0 -.432 .002 -.642 .005l-.616 .017l-.299 .013l-.579 .034l-.553 .046c-4.785 .464 -6.732 2.411 -7.196 7.196l-.046 .553l-.034 .579c-.005 .098 -.01 .198 -.013 .299l-.017 .616l-.004 .318l-.001 .324c0 .218 .002 .432 .005 .642l.017 .616l.013 .299l.034 .579l.046 .553c.464 4.785 2.411 6.732 7.196 7.196l.553 .046l.579 .034c.098 .005 .198 .01 .299 .013l.616 .017l.642 .005l.642 -.005l.616 -.017l.299 -.013l.579 -.034l.553 -.046c4.785 -.464 6.732 -2.411 7.196 -7.196l.046 -.553l.034 -.579c.005 -.098 .01 -.198 .013 -.299l.017 -.616l.005 -.642l-.005 -.642l-.017 -.616l-.013 -.299l-.034 -.579l-.046 -.553c-.464 -4.785 -2.411 -6.732 -7.196 -7.196l-.553 -.046l-.579 -.034a28.058 28.058 0 0 0 -.299 -.013l-.616 -.017l-.318 -.004l-.324 -.001zm2.293 7.293a1 1 0 0 1 1.497 1.32l-.083 .094l-4 4a1 1 0 0 1 -1.32 .083l-.094 -.083l-2 -2a1 1 0 0 1 1.32 -1.497l.094 .083l1.293 1.292l3.293 -3.292z" fill="#16a34a" stroke-width="0" /> </svg> <span>Use on <strong>Unlimited Websites</strong></span> </li> <li class="flex gap-1 items-center border-b-[1px] border-solid border-slate-700 py-2"> <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-square-rounded-check-filled" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" stroke="#16a34a" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"/> <path d="M12 2c-.218 0 -.432 .002 -.642 .005l-.616 .017l-.299 .013l-.579 .034l-.553 .046c-4.785 .464 -6.732 2.411 -7.196 7.196l-.046 .553l-.034 .579c-.005 .098 -.01 .198 -.013 .299l-.017 .616l-.004 .318l-.001 .324c0 .218 .002 .432 .005 .642l.017 .616l.013 .299l.034 .579l.046 .553c.464 4.785 2.411 6.732 7.196 7.196l.553 .046l.579 .034c.098 .005 .198 .01 .299 .013l.616 .017l.642 .005l.642 -.005l.616 -.017l.299 -.013l.579 -.034l.553 -.046c4.785 -.464 6.732 -2.411 7.196 -7.196l.046 -.553l.034 -.579c.005 -.098 .01 -.198 .013 -.299l.017 -.616l.005 -.642l-.005 -.642l-.017 -.616l-.013 -.299l-.034 -.579l-.046 -.553c-.464 -4.785 -2.411 -6.732 -7.196 -7.196l-.553 -.046l-.579 -.034a28.058 28.058 0 0 0 -.299 -.013l-.616 -.017l-.318 -.004l-.324 -.001zm2.293 7.293a1 1 0 0 1 1.497 1.32l-.083 .094l-4 4a1 1 0 0 1 -1.32 .083l-.094 -.083l-2 -2a1 1 0 0 1 1.32 -1.497l.094 .083l1.293 1.292l3.293 -3.292z" fill="#16a34a" stroke-width="0" /> </svg> <span><strong>Lifetime</strong> Usage</span> </li> <li class="flex gap-1 items-center border-b-[1px] border-solid border-slate-700 py-2"> <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-square-rounded-check-filled" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" stroke="#16a34a" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"/> <path d="M12 2c-.218 0 -.432 .002 -.642 .005l-.616 .017l-.299 .013l-.579 .034l-.553 .046c-4.785 .464 -6.732 2.411 -7.196 7.196l-.046 .553l-.034 .579c-.005 .098 -.01 .198 -.013 .299l-.017 .616l-.004 .318l-.001 .324c0 .218 .002 .432 .005 .642l.017 .616l.013 .299l.034 .579l.046 .553c.464 4.785 2.411 6.732 7.196 7.196l.553 .046l.579 .034c.098 .005 .198 .01 .299 .013l.616 .017l.642 .005l.642 -.005l.616 -.017l.299 -.013l.579 -.034l.553 -.046c4.785 -.464 6.732 -2.411 7.196 -7.196l.046 -.553l.034 -.579c.005 -.098 .01 -.198 .013 -.299l.017 -.616l.005 -.642l-.005 -.642l-.017 -.616l-.013 -.299l-.034 -.579l-.046 -.553c-.464 -4.785 -2.411 -6.732 -7.196 -7.196l-.553 -.046l-.579 -.034a28.058 28.058 0 0 0 -.299 -.013l-.616 -.017l-.318 -.004l-.324 -.001zm2.293 7.293a1 1 0 0 1 1.497 1.32l-.083 .094l-4 4a1 1 0 0 1 -1.32 .083l-.094 -.083l-2 -2a1 1 0 0 1 1.32 -1.497l.094 .083l1.293 1.292l3.293 -3.292z" fill="#16a34a" stroke-width="0" /> </svg> <span><strong>1 YEAR</strong> Premium Support</span> </li> <li class="flex gap-1 items-center border-b-[1px] border-solid border-slate-700 py-2"> <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-square-rounded-check-filled" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" stroke="#16a34a" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"/> <path d="M12 2c-.218 0 -.432 .002 -.642 .005l-.616 .017l-.299 .013l-.579 .034l-.553 .046c-4.785 .464 -6.732 2.411 -7.196 7.196l-.046 .553l-.034 .579c-.005 .098 -.01 .198 -.013 .299l-.017 .616l-.004 .318l-.001 .324c0 .218 .002 .432 .005 .642l.017 .616l.013 .299l.034 .579l.046 .553c.464 4.785 2.411 6.732 7.196 7.196l.553 .046l.579 .034c.098 .005 .198 .01 .299 .013l.616 .017l.642 .005l.642 -.005l.616 -.017l.299 -.013l.579 -.034l.553 -.046c4.785 -.464 6.732 -2.411 7.196 -7.196l.046 -.553l.034 -.579c.005 -.098 .01 -.198 .013 -.299l.017 -.616l.005 -.642l-.005 -.642l-.017 -.616l-.013 -.299l-.034 -.579l-.046 -.553c-.464 -4.785 -2.411 -6.732 -7.196 -7.196l-.553 -.046l-.579 -.034a28.058 28.058 0 0 0 -.299 -.013l-.616 -.017l-.318 -.004l-.324 -.001zm2.293 7.293a1 1 0 0 1 1.497 1.32l-.083 .094l-4 4a1 1 0 0 1 -1.32 .083l-.094 -.083l-2 -2a1 1 0 0 1 1.32 -1.497l.094 .083l1.293 1.292l3.293 -3.292z" fill="#16a34a" stroke-width="0" /> </svg> <span><strong>1 YEAR</strong> Updates</span> </li> <li class="flex gap-1 items-center border-b-[1px] border-solid border-slate-700 py-2"> <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-square-rounded-check-filled" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" stroke="#16a34a" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"/> <path d="M12 2c-.218 0 -.432 .002 -.642 .005l-.616 .017l-.299 .013l-.579 .034l-.553 .046c-4.785 .464 -6.732 2.411 -7.196 7.196l-.046 .553l-.034 .579c-.005 .098 -.01 .198 -.013 .299l-.017 .616l-.004 .318l-.001 .324c0 .218 .002 .432 .005 .642l.017 .616l.013 .299l.034 .579l.046 .553c.464 4.785 2.411 6.732 7.196 7.196l.553 .046l.579 .034c.098 .005 .198 .01 .299 .013l.616 .017l.642 .005l.642 -.005l.616 -.017l.299 -.013l.579 -.034l.553 -.046c4.785 -.464 6.732 -2.411 7.196 -7.196l.046 -.553l.034 -.579c.005 -.098 .01 -.198 .013 -.299l.017 -.616l.005 -.642l-.005 -.642l-.017 -.616l-.013 -.299l-.034 -.579l-.046 -.553c-.464 -4.785 -2.411 -6.732 -7.196 -7.196l-.553 -.046l-.579 -.034a28.058 28.058 0 0 0 -.299 -.013l-.616 -.017l-.318 -.004l-.324 -.001zm2.293 7.293a1 1 0 0 1 1.497 1.32l-.083 .094l-4 4a1 1 0 0 1 -1.32 .083l-.094 -.083l-2 -2a1 1 0 0 1 1.32 -1.497l.094 .083l1.293 1.292l3.293 -3.292z" fill="#16a34a" stroke-width="0" /> </svg> <span>All WordPress Themes</span> </li> <li class="flex gap-1 items-center border-b-[1px] border-solid border-slate-700 py-2"> <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-square-rounded-check-filled" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" stroke="#16a34a" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"/> <path d="M12 2c-.218 0 -.432 .002 -.642 .005l-.616 .017l-.299 .013l-.579 .034l-.553 .046c-4.785 .464 -6.732 2.411 -7.196 7.196l-.046 .553l-.034 .579c-.005 .098 -.01 .198 -.013 .299l-.017 .616l-.004 .318l-.001 .324c0 .218 .002 .432 .005 .642l.017 .616l.013 .299l.034 .579l.046 .553c.464 4.785 2.411 6.732 7.196 7.196l.553 .046l.579 .034c.098 .005 .198 .01 .299 .013l.616 .017l.642 .005l.642 -.005l.616 -.017l.299 -.013l.579 -.034l.553 -.046c4.785 -.464 6.732 -2.411 7.196 -7.196l.046 -.553l.034 -.579c.005 -.098 .01 -.198 .013 -.299l.017 -.616l.005 -.642l-.005 -.642l-.017 -.616l-.013 -.299l-.034 -.579l-.046 -.553c-.464 -4.785 -2.411 -6.732 -7.196 -7.196l-.553 -.046l-.579 -.034a28.058 28.058 0 0 0 -.299 -.013l-.616 -.017l-.318 -.004l-.324 -.001zm2.293 7.293a1 1 0 0 1 1.497 1.32l-.083 .094l-4 4a1 1 0 0 1 -1.32 .083l-.094 -.083l-2 -2a1 1 0 0 1 1.32 -1.497l.094 .083l1.293 1.292l3.293 -3.292z" fill="#16a34a" stroke-width="0" /> </svg> <span>All WordPress Plugins</span> </li> <li class="flex gap-1 items-center py-2"> <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-square-rounded-check-filled" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" stroke="#16a34a" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"/> <path d="M12 2c-.218 0 -.432 .002 -.642 .005l-.616 .017l-.299 .013l-.579 .034l-.553 .046c-4.785 .464 -6.732 2.411 -7.196 7.196l-.046 .553l-.034 .579c-.005 .098 -.01 .198 -.013 .299l-.017 .616l-.004 .318l-.001 .324c0 .218 .002 .432 .005 .642l.017 .616l.013 .299l.034 .579l.046 .553c.464 4.785 2.411 6.732 7.196 7.196l.553 .046l.579 .034c.098 .005 .198 .01 .299 .013l.616 .017l.642 .005l.642 -.005l.616 -.017l.299 -.013l.579 -.034l.553 -.046c4.785 -.464 6.732 -2.411 7.196 -7.196l.046 -.553l.034 -.579c.005 -.098 .01 -.198 .013 -.299l.017 -.616l.005 -.642l-.005 -.642l-.017 -.616l-.013 -.299l-.034 -.579l-.046 -.553c-.464 -4.785 -2.411 -6.732 -7.196 -7.196l-.553 -.046l-.579 -.034a28.058 28.058 0 0 0 -.299 -.013l-.616 -.017l-.318 -.004l-.324 -.001zm2.293 7.293a1 1 0 0 1 1.497 1.32l-.083 .094l-4 4a1 1 0 0 1 -1.32 .083l-.094 -.083l-2 -2a1 1 0 0 1 1.32 -1.497l.094 .083l1.293 1.292l3.293 -3.292z" fill="#16a34a" stroke-width="0" /> </svg> <span>All Elementor Starter Kits</span> </li> </ul> </div> <div class="p-8 md:p-4 lg:p-6 xl:py-8 text-center bg-blue-50 rounded border border-blue-100 shadow-sm shadow-slate-200"> <div class="flex lg:flex-col justify-between items-center mb-8 lg:mb-0"> <div class="text-left lg:text-center"> <h4 class="m-0 text-xl md:text-xl tracking-tight md:leading-none mb-1">Lifetime Club</h4> <p class="text-xs md:text-sm text-slate-400 lg:mb-8">Lifetime updates and support</p> </div> <div> <p class="flex justify-center mb-1"> <span>$</span> <span class="text-3xl lg:text-4xl font-bold tracking-tight text-slate-600">249</span> </p> <p class="text-center text-xs uppercase font-semibold mb-4">One-off</p> </div> </div> <a href="https://www.cssigniter.com/members/signup?product_id=76" class="block transition-colors bg-green-600 hover:bg-green-700 text-white hover:text-white font-bold py-3 px-10 mb-8 rounded-full">Buy Now</a> <ul class="list-none text-left text-sm"> <li class="flex gap-1 items-center border-b-[1px] border-solid border-blue-100 py-2"> <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-square-rounded-check-filled" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" stroke="#16a34a" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"/> <path d="M12 2c-.218 0 -.432 .002 -.642 .005l-.616 .017l-.299 .013l-.579 .034l-.553 .046c-4.785 .464 -6.732 2.411 -7.196 7.196l-.046 .553l-.034 .579c-.005 .098 -.01 .198 -.013 .299l-.017 .616l-.004 .318l-.001 .324c0 .218 .002 .432 .005 .642l.017 .616l.013 .299l.034 .579l.046 .553c.464 4.785 2.411 6.732 7.196 7.196l.553 .046l.579 .034c.098 .005 .198 .01 .299 .013l.616 .017l.642 .005l.642 -.005l.616 -.017l.299 -.013l.579 -.034l.553 -.046c4.785 -.464 6.732 -2.411 7.196 -7.196l.046 -.553l.034 -.579c.005 -.098 .01 -.198 .013 -.299l.017 -.616l.005 -.642l-.005 -.642l-.017 -.616l-.013 -.299l-.034 -.579l-.046 -.553c-.464 -4.785 -2.411 -6.732 -7.196 -7.196l-.553 -.046l-.579 -.034a28.058 28.058 0 0 0 -.299 -.013l-.616 -.017l-.318 -.004l-.324 -.001zm2.293 7.293a1 1 0 0 1 1.497 1.32l-.083 .094l-4 4a1 1 0 0 1 -1.32 .083l-.094 -.083l-2 -2a1 1 0 0 1 1.32 -1.497l.094 .083l1.293 1.292l3.293 -3.292z" fill="#16a34a" stroke-width="0" /> </svg> <span>Use on <strong>Unlimited Websites</strong></span> </li> <li class="flex gap-1 items-center border-b-[1px] border-solid border-blue-100 py-2"> <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-square-rounded-check-filled" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" stroke="#16a34a" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"/> <path d="M12 2c-.218 0 -.432 .002 -.642 .005l-.616 .017l-.299 .013l-.579 .034l-.553 .046c-4.785 .464 -6.732 2.411 -7.196 7.196l-.046 .553l-.034 .579c-.005 .098 -.01 .198 -.013 .299l-.017 .616l-.004 .318l-.001 .324c0 .218 .002 .432 .005 .642l.017 .616l.013 .299l.034 .579l.046 .553c.464 4.785 2.411 6.732 7.196 7.196l.553 .046l.579 .034c.098 .005 .198 .01 .299 .013l.616 .017l.642 .005l.642 -.005l.616 -.017l.299 -.013l.579 -.034l.553 -.046c4.785 -.464 6.732 -2.411 7.196 -7.196l.046 -.553l.034 -.579c.005 -.098 .01 -.198 .013 -.299l.017 -.616l.005 -.642l-.005 -.642l-.017 -.616l-.013 -.299l-.034 -.579l-.046 -.553c-.464 -4.785 -2.411 -6.732 -7.196 -7.196l-.553 -.046l-.579 -.034a28.058 28.058 0 0 0 -.299 -.013l-.616 -.017l-.318 -.004l-.324 -.001zm2.293 7.293a1 1 0 0 1 1.497 1.32l-.083 .094l-4 4a1 1 0 0 1 -1.32 .083l-.094 -.083l-2 -2a1 1 0 0 1 1.32 -1.497l.094 .083l1.293 1.292l3.293 -3.292z" fill="#16a34a" stroke-width="0" /> </svg> <span><strong>Lifetime</strong> Usage</span> </li> <li class="flex gap-1 items-center border-b-[1px] border-solid border-blue-100 py-2 leading-none"> <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-square-rounded-check-filled" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" stroke="#16a34a" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"/> <path d="M12 2c-.218 0 -.432 .002 -.642 .005l-.616 .017l-.299 .013l-.579 .034l-.553 .046c-4.785 .464 -6.732 2.411 -7.196 7.196l-.046 .553l-.034 .579c-.005 .098 -.01 .198 -.013 .299l-.017 .616l-.004 .318l-.001 .324c0 .218 .002 .432 .005 .642l.017 .616l.013 .299l.034 .579l.046 .553c.464 4.785 2.411 6.732 7.196 7.196l.553 .046l.579 .034c.098 .005 .198 .01 .299 .013l.616 .017l.642 .005l.642 -.005l.616 -.017l.299 -.013l.579 -.034l.553 -.046c4.785 -.464 6.732 -2.411 7.196 -7.196l.046 -.553l.034 -.579c.005 -.098 .01 -.198 .013 -.299l.017 -.616l.005 -.642l-.005 -.642l-.017 -.616l-.013 -.299l-.034 -.579l-.046 -.553c-.464 -4.785 -2.411 -6.732 -7.196 -7.196l-.553 -.046l-.579 -.034a28.058 28.058 0 0 0 -.299 -.013l-.616 -.017l-.318 -.004l-.324 -.001zm2.293 7.293a1 1 0 0 1 1.497 1.32l-.083 .094l-4 4a1 1 0 0 1 -1.32 .083l-.094 -.083l-2 -2a1 1 0 0 1 1.32 -1.497l.094 .083l1.293 1.292l3.293 -3.292z" fill="#16a34a" stroke-width="0" /> </svg> <span><strong>LIFETIME</strong> Premium Support</span> </li> <li class="flex gap-1 items-center border-b-[1px] border-solid border-blue-100 py-2 leading-none"> <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-square-rounded-check-filled" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" stroke="#16a34a" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"/> <path d="M12 2c-.218 0 -.432 .002 -.642 .005l-.616 .017l-.299 .013l-.579 .034l-.553 .046c-4.785 .464 -6.732 2.411 -7.196 7.196l-.046 .553l-.034 .579c-.005 .098 -.01 .198 -.013 .299l-.017 .616l-.004 .318l-.001 .324c0 .218 .002 .432 .005 .642l.017 .616l.013 .299l.034 .579l.046 .553c.464 4.785 2.411 6.732 7.196 7.196l.553 .046l.579 .034c.098 .005 .198 .01 .299 .013l.616 .017l.642 .005l.642 -.005l.616 -.017l.299 -.013l.579 -.034l.553 -.046c4.785 -.464 6.732 -2.411 7.196 -7.196l.046 -.553l.034 -.579c.005 -.098 .01 -.198 .013 -.299l.017 -.616l.005 -.642l-.005 -.642l-.017 -.616l-.013 -.299l-.034 -.579l-.046 -.553c-.464 -4.785 -2.411 -6.732 -7.196 -7.196l-.553 -.046l-.579 -.034a28.058 28.058 0 0 0 -.299 -.013l-.616 -.017l-.318 -.004l-.324 -.001zm2.293 7.293a1 1 0 0 1 1.497 1.32l-.083 .094l-4 4a1 1 0 0 1 -1.32 .083l-.094 -.083l-2 -2a1 1 0 0 1 1.32 -1.497l.094 .083l1.293 1.292l3.293 -3.292z" fill="#16a34a" stroke-width="0" /> </svg> <span><strong>LIFETIME</strong> Updates</span> </li> <li class="flex gap-1 items-center border-b-[1px] border-solid border-blue-100 py-2"> <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-square-rounded-check-filled" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" stroke="#16a34a" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"/> <path d="M12 2c-.218 0 -.432 .002 -.642 .005l-.616 .017l-.299 .013l-.579 .034l-.553 .046c-4.785 .464 -6.732 2.411 -7.196 7.196l-.046 .553l-.034 .579c-.005 .098 -.01 .198 -.013 .299l-.017 .616l-.004 .318l-.001 .324c0 .218 .002 .432 .005 .642l.017 .616l.013 .299l.034 .579l.046 .553c.464 4.785 2.411 6.732 7.196 7.196l.553 .046l.579 .034c.098 .005 .198 .01 .299 .013l.616 .017l.642 .005l.642 -.005l.616 -.017l.299 -.013l.579 -.034l.553 -.046c4.785 -.464 6.732 -2.411 7.196 -7.196l.046 -.553l.034 -.579c.005 -.098 .01 -.198 .013 -.299l.017 -.616l.005 -.642l-.005 -.642l-.017 -.616l-.013 -.299l-.034 -.579l-.046 -.553c-.464 -4.785 -2.411 -6.732 -7.196 -7.196l-.553 -.046l-.579 -.034a28.058 28.058 0 0 0 -.299 -.013l-.616 -.017l-.318 -.004l-.324 -.001zm2.293 7.293a1 1 0 0 1 1.497 1.32l-.083 .094l-4 4a1 1 0 0 1 -1.32 .083l-.094 -.083l-2 -2a1 1 0 0 1 1.32 -1.497l.094 .083l1.293 1.292l3.293 -3.292z" fill="#16a34a" stroke-width="0" /> </svg> <span>All WordPress Themes</span> </li> <li class="flex gap-1 items-center border-b-[1px] border-solid border-blue-100 py-2"> <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-square-rounded-check-filled" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" stroke="#16a34a" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"/> <path d="M12 2c-.218 0 -.432 .002 -.642 .005l-.616 .017l-.299 .013l-.579 .034l-.553 .046c-4.785 .464 -6.732 2.411 -7.196 7.196l-.046 .553l-.034 .579c-.005 .098 -.01 .198 -.013 .299l-.017 .616l-.004 .318l-.001 .324c0 .218 .002 .432 .005 .642l.017 .616l.013 .299l.034 .579l.046 .553c.464 4.785 2.411 6.732 7.196 7.196l.553 .046l.579 .034c.098 .005 .198 .01 .299 .013l.616 .017l.642 .005l.642 -.005l.616 -.017l.299 -.013l.579 -.034l.553 -.046c4.785 -.464 6.732 -2.411 7.196 -7.196l.046 -.553l.034 -.579c.005 -.098 .01 -.198 .013 -.299l.017 -.616l.005 -.642l-.005 -.642l-.017 -.616l-.013 -.299l-.034 -.579l-.046 -.553c-.464 -4.785 -2.411 -6.732 -7.196 -7.196l-.553 -.046l-.579 -.034a28.058 28.058 0 0 0 -.299 -.013l-.616 -.017l-.318 -.004l-.324 -.001zm2.293 7.293a1 1 0 0 1 1.497 1.32l-.083 .094l-4 4a1 1 0 0 1 -1.32 .083l-.094 -.083l-2 -2a1 1 0 0 1 1.32 -1.497l.094 .083l1.293 1.292l3.293 -3.292z" fill="#16a34a" stroke-width="0" /> </svg> <span>All WordPress Plugins</span> </li> <li class="flex gap-1 items-center py-2"> <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-square-rounded-check-filled" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.5" stroke="#16a34a" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"/> <path d="M12 2c-.218 0 -.432 .002 -.642 .005l-.616 .017l-.299 .013l-.579 .034l-.553 .046c-4.785 .464 -6.732 2.411 -7.196 7.196l-.046 .553l-.034 .579c-.005 .098 -.01 .198 -.013 .299l-.017 .616l-.004 .318l-.001 .324c0 .218 .002 .432 .005 .642l.017 .616l.013 .299l.034 .579l.046 .553c.464 4.785 2.411 6.732 7.196 7.196l.553 .046l.579 .034c.098 .005 .198 .01 .299 .013l.616 .017l.642 .005l.642 -.005l.616 -.017l.299 -.013l.579 -.034l.553 -.046c4.785 -.464 6.732 -2.411 7.196 -7.196l.046 -.553l.034 -.579c.005 -.098 .01 -.198 .013 -.299l.017 -.616l.005 -.642l-.005 -.642l-.017 -.616l-.013 -.299l-.034 -.579l-.046 -.553c-.464 -4.785 -2.411 -6.732 -7.196 -7.196l-.553 -.046l-.579 -.034a28.058 28.058 0 0 0 -.299 -.013l-.616 -.017l-.318 -.004l-.324 -.001zm2.293 7.293a1 1 0 0 1 1.497 1.32l-.083 .094l-4 4a1 1 0 0 1 -1.32 .083l-.094 -.083l-2 -2a1 1 0 0 1 1.32 -1.497l.094 .083l1.293 1.292l3.293 -3.292z" fill="#16a34a" stroke-width="0" /> </svg> <span>All Elementor Starter Kits</span> </li> </ul> </div> </div> <div class="bg-amber-100 border-[1px] border-amber-200 p-6 mt-2 md:mt-4 text-center rounded shadow-md shadow-amber-100"> <h4 class="text-amber-800">Cancel or upgrade your account at any time.</h4> <p class="text-amber-600 text-sm">All themes & plugins can be used for an <strong>unlimited period</strong> of time. No restrictions.</p> <p class="text-amber-600 text-sm pt-10 mt-6" style="background: url('https://www.cssigniter.com/wp-content/themes/cssigniter/images/cards.svg') top center no-repeat; background-size: 330px 30px;"><strong>30-day money-back guarantee.</strong> Not satisfied? Your money back, no questions asked.</p> </div> </div> </div> <div> <h2 class="text-2xl tracking-tight lg:text-center mb-10">Frequently Asked Questions</h2> <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8"> <div> <h4 class="text-lg tracking-tight mb-2">What happens to my website if I cancel my subscription?</h4> <p >Anything you download from us is yours to keep and use for as long as you like. An active subscription grants you access to updates and tech support.</p> </div> <div> <h3 class="text-lg tracking-tight mb-2">Can I use your themes & plugins in multiple projects?</h3> <p >Absolutely. You can use each and every theme <strong>as many times as you wish</strong>. You can also use your already downloaded themes after your subscription has ended.</p> </div> <div> <h3 class="text-lg tracking-tight mb-2">Are your themes & plugins compatible with the latest version of WordPress and the new block editor?</h3> <p >Totally. You can either install the classic editor plugin or use the new editing experience. Our themes are 100% compatible with the latest two versions of WordPress.</p> </div> <div> <h3 class="text-lg tracking-tight mb-2">How often do you update your themes & plugins?</h3> <p >We thoroughly test our themes against every new version of WordPress (even before the official release date) and push updates if needed. Typically, a theme will receive 5 to 6 updates within the year.</p> </div> <div> <h3 class="text-lg tracking-tight mb-2">What else do I need in order to use your themes & plugins?</h3> <p >You will need a domain name, a web hosting account and a copy of <a href="https://wordpress.org/" target="_blank" title="WordPress Content Management System">WordPress</a> installed on your account.</p> </div> <div> <h3 class="text-lg tracking-tight mb-2">Can I upgrade to a different plan?</h3> <p >Of course you can! Just get in touch, and we will issue a special discount coupon code so that you will only pay the difference!</p> </div> <div> <h3 class="text-lg tracking-tight mb-2">Can I use my favourite page builder with your themes?</h3> <p >It's totally optional but yes, you can use your favourite page builder. We recommend Beaver Builder, Divi & Elementor.</p> </div> <div> <h3 class="text-lg tracking-tight mb-2">Do you provide sample content files?</h3> <p >Yes, we have integrated One Click Demo Import which lets you import our sample content files with just a few clicks.</p> </div> <div> <h3 class="text-lg tracking-tight mb-2">Will your themes work with "XYZ" plugin?</h3> <p >While we have put every effort into making sure that our themes follow the strict WordPress coding standards, with over 50,000 available plugins out there it's simply impossible to test our themes against them all. Popular plugins from trusted and reliable developers will just work though.</p> </div> </div> </div> </div> </main> <footer class="footer bg-slate-900 pt-16 pb-8 text-white"> <div class="container mx-auto px-6"> <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-8"> <div> <div id="custom_html-5" class="widget_text widget widget_custom_html"><div class="textwidget custom-html-widget"><p> <img src="https://www.cssigniter.com/wp-content/themes/cssigniter/images/logo2.svg" alt="CSSIgniter Logo" width="150" height="33" /> </p> <p> Happily building WordPress themes without the confusing parts since 2012. </p></div></div> <a href="https://www.facebook.com/groups/2601788933169108/" class="text-sm inline-block py-4 px-8 mt-8 rounded bg-[#3b5998]">Join our Facebook Group</a> </div> <div id="recent-posts-2" class="widget widget_recent_entries"> <h4 class="widget-title text-lg text-white">From the blog</h4> <ul> <li> <a href="https://www.cssigniter.com/introducing-logico-converts-new-variation/">Introducing Logico, Convert’s new variation</a> <span class="post-date">March 4, 2024</span> </li> <li> <a href="https://www.cssigniter.com/realtique-is-now-available-for-elementor/">Realtique is now available for Elementor</a> <span class="post-date">February 2, 2024</span> </li> <li> <a href="https://www.cssigniter.com/the-elementor-version-of-denti-is-here/">The Elementor version of Denti is here</a> <span class="post-date">January 29, 2024</span> </li> </ul> </div> <div id="nav_menu-3" class="widget widget_nav_menu"><h4 class="widget-title text-lg text-white">Theme categories</h4><div class="menu-footer-themes-container"><ul id="menu-footer-themes" class="menu"><li id="menu-item-15078" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-15078"><a href="https://www.cssigniter.com/themes/">All WordPress themes</a></li> <li id="menu-item-21660" class="menu-item menu-item-type-taxonomy menu-item-object-types current-themes-ancestor current-menu-parent current-themes-parent menu-item-21660"><a href="https://www.cssigniter.com/types/professional-services/">Business WordPress themes</a></li> <li id="menu-item-21663" class="menu-item menu-item-type-taxonomy menu-item-object-types menu-item-21663"><a href="https://www.cssigniter.com/types/hotel/">Hotels / Travel WordPress Themes</a></li> <li id="menu-item-21664" class="menu-item menu-item-type-taxonomy menu-item-object-types menu-item-21664"><a href="https://www.cssigniter.com/types/blog-magazine/">Blog / Magazine WordPress themes</a></li> <li id="menu-item-21665" class="menu-item menu-item-type-taxonomy menu-item-object-types menu-item-21665"><a href="https://www.cssigniter.com/types/online-store/">WooCommerce themes</a></li> <li id="menu-item-21666" class="menu-item menu-item-type-taxonomy menu-item-object-types menu-item-21666"><a href="https://www.cssigniter.com/types/portfolio/">Portfolio / Photography WordPress themes</a></li> <li id="menu-item-21905" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-21905"><a href="https://www.cssigniter.com/elementorism/">Premium Elementor Templates</a></li> </ul></div></div> <div id="nav_menu-2" class="widget widget_nav_menu"><h4 class="widget-title text-lg text-white">Useful Links</h4><div class="menu-footer-container"><ul id="menu-footer" class="menu"><li id="menu-item-7858" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7858"><a href="https://www.cssigniter.com/affiliates/">Affiliates</a></li> <li id="menu-item-15271" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-15271"><a href="https://www.cssigniter.com/about-us/">About Us</a></li> <li id="menu-item-2032" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2032"><a href="https://www.cssigniter.com/terms-conditions/">Terms & Conditions</a></li> <li id="menu-item-2027" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2027"><a href="https://www.cssigniter.com/privacy-policy/">Privacy Policy</a></li> <li id="menu-item-25136" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-25136"><a href="https://trulyfinepixels.com">Our Shopify themes</a></li> <li id="menu-item-26954" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-26954"><a href="https://www.cssigniter.com/word-counter/">Word Counter</a></li> </ul></div></div> </div> <div class="grid grid-cols-1 lg:grid-cols-2 gap-4 pt-12 text-sm"> <div> <p>Copyright © 2012 — 2024 CSSIgniter. — <a href="https://www.cssigniter.com/license/">License</a></p> </div> <ul class="sm:flex gap-4 lg:justify-end"> <li class="py-2"> <a href="https://dribbble.com/tsiger" class="flex text-white gap-1"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="inline-block w-5 h-5"> <g id="Layer_2" data-name="Layer 2"> <g id="Layer_1-2" data-name="Layer 1"> <path d="M12,0A12,12,0,1,0,24,12,12,12,0,0,0,12,0ZM23,12.48a15,15,0,0,0-7.74-.22A32.55,32.55,0,0,0,13.82,9.2a12.69,12.69,0,0,0,6.34-4.55A10.93,10.93,0,0,1,23,12c0,.16,0,.32,0,.48ZM19.44,3.93a11.62,11.62,0,0,1-6.09,4.38,33.18,33.18,0,0,0-4.93-6.7A10.85,10.85,0,0,1,12,1a11,11,0,0,1,7.44,2.92ZM7.42,2a32.37,32.37,0,0,1,5,6.63A40.06,40.06,0,0,1,1.18,10.06,11,11,0,0,1,7.42,2ZM1,12c0-.32,0-.63.05-.94A40.31,40.31,0,0,0,12.87,9.52c.51,1,1,2,1.39,3A16.75,16.75,0,0,0,4.45,20,11,11,0,0,1,1,12Zm4.22,8.64a15.7,15.7,0,0,1,9.4-7.21A30,30,0,0,1,16.5,22,10.92,10.92,0,0,1,5.22,20.64Zm12.24.89a31.57,31.57,0,0,0-1.86-8.34,14,14,0,0,1,7.24.28h.05A11,11,0,0,1,17.46,21.53Z" fill="#7ccdef"/> </g> </g> </svg> Dribbble </a> </li> <li class="py-2"> <a href="https://www.facebook.com/cssigniter" class="flex text-white gap-1"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="inline-block w-5 h-5"> <g id="Layer_2" data-name="Layer 2"> <g id="Layer_1-2" data-name="Layer 1"> <path d="M19.67,0H4.33A4.45,4.45,0,0,0,0,4.33V19.67A4.45,4.45,0,0,0,4.33,24H12a.5.5,0,0,0,.5-.5V14.81a.5.5,0,0,0-.5-.5H9.69V11.48H12a.51.51,0,0,0,.5-.5V9.49c0-2.35,1.78-4.4,3.81-4.4h2.6V7.92h-2.6a1.43,1.43,0,0,0-1.23,1.53V11a.5.5,0,0,0,.5.5h3.33v2.83H15.58a.5.5,0,0,0-.5.5V23.5a.5.5,0,0,0,.5.5h4.09A4.45,4.45,0,0,0,24,19.67V4.33A4.45,4.45,0,0,0,19.67,0ZM23,19.67A3.47,3.47,0,0,1,19.67,23H16.08V15.31h3.33a.5.5,0,0,0,.5-.5V11a.5.5,0,0,0-.5-.5H16.08v-1a.59.59,0,0,1,.23-.53h3.1a.5.5,0,0,0,.5-.5V4.59a.5.5,0,0,0-.5-.5h-3.1c-2.61,0-4.81,2.47-4.81,5.39v1H9.19a.5.5,0,0,0-.5.5v3.83a.5.5,0,0,0,.5.5H11.5V23H4.33A3.47,3.47,0,0,1,1,19.67V4.33A3.47,3.47,0,0,1,4.33,1H19.67A3.47,3.47,0,0,1,23,4.33Z" fill="#7ccdef"/> </g> </g> </svg> Facebook </a> </li> <li class="py-2"> <a href="https://twitter.com/cssigniter" class="flex text-white gap-1"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 20.01" class="inline-block w-5 h-5"> <g id="Layer_2" data-name="Layer 2"> <g id="Layer_1-2" data-name="Layer 1"> <path d="M23.86,2.43a.52.52,0,0,0-.6-.1,4.69,4.69,0,0,1-.74.27A4.93,4.93,0,0,0,23.36,1a.52.52,0,0,0-.2-.54.5.5,0,0,0-.57,0,10.89,10.89,0,0,1-2.53,1A5.18,5.18,0,0,0,13.48.93a5.29,5.29,0,0,0-2.24,4.88A12.36,12.36,0,0,1,2.53,1.05.54.54,0,0,0,2.1.86a.53.53,0,0,0-.4.25,5.27,5.27,0,0,0,.4,6,2.48,2.48,0,0,1-.63-.4.51.51,0,0,0-.53-.06.49.49,0,0,0-.29.45,5.45,5.45,0,0,0,2.94,4.77,3.88,3.88,0,0,1-.85-.17.51.51,0,0,0-.61.69,5.73,5.73,0,0,0,4,3.29,9.13,9.13,0,0,1-5.59,1.2A.5.5,0,0,0,0,17.2a.52.52,0,0,0,.23.59A15.43,15.43,0,0,0,8,20a13,13,0,0,0,7.18-2.18C19.38,15.05,22,10,21.64,5.45A9.67,9.67,0,0,0,23.92,3a.51.51,0,0,0-.05-.61Zm-3,2.36a.5.5,0,0,0-.22.47c.48,4.27-2,9.09-6,11.74a12.31,12.31,0,0,1-12,.86,9.2,9.2,0,0,0,5.16-2.18.49.49,0,0,0,.16-.37.57.57,0,0,0,0-.18.52.52,0,0,0-.45-.32,4.79,4.79,0,0,1-3.91-2,2.79,2.79,0,0,0,2-.54.49.49,0,0,0,.15-.52.49.49,0,0,0-.42-.35A4.91,4.91,0,0,1,1.75,8a3.28,3.28,0,0,0,1.87.21A.49.49,0,0,0,4,7.83a.48.48,0,0,0-.24-.51A4.37,4.37,0,0,1,2.24,2.27a13.28,13.28,0,0,0,9.55,4.58.49.49,0,0,0,.41-.18.48.48,0,0,0,.1-.43c-.19-.81-.15-3.36,1.69-4.45a4.24,4.24,0,0,1,5.57.56.51.51,0,0,0,.41.13,8.45,8.45,0,0,0,1.79-.54,3.19,3.19,0,0,1-1.12,1,.5.5,0,0,0,.19,1h0a6.51,6.51,0,0,0,1.23-.18,8.93,8.93,0,0,1-1.23,1Z" fill="#7ccdef"/> </g> </g> </svg> Twitter </a> </li> <li class="py-2"> <a href="https://instagram.com/cssigniter" class="flex text-white gap-1"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="inline-block w-5 h-5"> <g id="Layer_2" data-name="Layer 2"> <g id="Layer_1-2" data-name="Layer 1"> <path d="M20.5,0H3.5A3.5,3.5,0,0,0,0,3.5v17A3.5,3.5,0,0,0,3.5,24h17A3.5,3.5,0,0,0,24,20.5V3.5A3.5,3.5,0,0,0,20.5,0ZM2,1.51v3a.5.5,0,0,0,1,0V1.05A2.57,2.57,0,0,1,3.5,1H4V4.5a.5.5,0,0,0,1,0V1H6V4.5a.5.5,0,0,0,1,0V1H20.5A2.5,2.5,0,0,1,23,3.5V7H15.5a.32.32,0,0,0-.14,0A6,6,0,0,0,8.64,7,.32.32,0,0,0,8.5,7H1V3.5A2.51,2.51,0,0,1,2,1.51ZM12,7a5,5,0,1,1-5,5A5,5,0,0,1,12,7Zm8.5,16H3.5A2.5,2.5,0,0,1,1,20.5V8H7.54a6,6,0,1,0,8.92,0H23V20.5A2.5,2.5,0,0,1,20.5,23Zm-3-17h3a.5.5,0,0,0,.5-.5v-3a.5.5,0,0,0-.5-.5h-3a.5.5,0,0,0-.5.5v3A.5.5,0,0,0,17.5,6ZM18,3h2V5H18ZM12,15a3,3,0,1,0-3-3A3,3,0,0,0,12,15Zm0-5a2,2,0,1,1-2,2A2,2,0,0,1,12,10Z" fill="#7ccdef"/> </g> </g> </svg> Instagram </a> </li> </ul> </div> </div> </footer> </div>  <div class="navigation-mobile-wrap"> <a href="#nav-dismiss" class="navigation-mobile-dismiss"> × Close Menu </a> <ul class="navigation-mobile"></ul> </div> <script type="text/javascript" src="https://www.cssigniter.com/wp-content/themes/cssigniter/js/vendor/spotlight.min.js?ver=1.2.3" id="ci-spotlight-js-js"></script> <script type="text/javascript" src="https://www.cssigniter.com/wp-content/themes/cssigniter/js/scripts.js?ver=1.2.3" id="ci-scripts-js"></script> <a id="back-to-top" class="fixed bottom-4 right-4 bg-slate-800 border-slate-800 text-white text-xs p-2 rounded shadow-md opacity-0 transition-opacity duration-200" type="button"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"> <path stroke-linecap="round" stroke-linejoin="round" d="M15 11.25l-3-3m0 0l-3 3m3-3v7.5M21 12a9 9 0 11-18 0 9 9 0 0118 0z" /> </svg> <span class="sr-only">Back to top</span> </a> </body> </html>