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>VideoIgniter • Video Player WordPress Plugin • CSSIgniter</title> <meta name="description" content="Upgrade your WordPress site with our user-friendly video player plugin, offering versatile format support and customizable features." /> <link rel="canonical" href="https://www.cssigniter.com/plugins/videoigniter/" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="article" /> <meta property="og:title" content="VideoIgniter • Video Player WordPress Plugin • CSSIgniter" /> <meta property="og:description" content="Upgrade your WordPress site with our user-friendly video player plugin, offering versatile format support and customizable features." /> <meta property="og:url" content="https://www.cssigniter.com/plugins/videoigniter/" /> <meta property="og:site_name" content="CSSIgniter" /> <meta property="article:publisher" content="https://www.facebook.com/cssigniter" /> <meta property="article:modified_time" content="2024-04-15T10:35:45+00:00" /> <meta property="og:image" content="https://www.cssigniter.com/wp-content/uploads/2015/03/10478023_660448644069908_1099826581178994899_n.png" /> <meta property="og:image:width" content="315" /> <meta property="og:image:height" content="315" /> <meta property="og:image:type" content="image/png" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="@cssigniter" /> <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://www.cssigniter.com/plugins/videoigniter/","url":"https://www.cssigniter.com/plugins/videoigniter/","name":"VideoIgniter • Video Player WordPress Plugin • CSSIgniter","isPartOf":{"@id":"https://www.cssigniter.com/#website"},"datePublished":"2024-01-02T12:57:15+00:00","dateModified":"2024-04-15T10:35:45+00:00","description":"Upgrade your WordPress site with our user-friendly video player plugin, offering versatile format support and customizable features.","breadcrumb":{"@id":"https://www.cssigniter.com/plugins/videoigniter/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://www.cssigniter.com/plugins/videoigniter/"]}]},{"@type":"BreadcrumbList","@id":"https://www.cssigniter.com/plugins/videoigniter/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://www.cssigniter.com/"},{"@type":"ListItem","position":2,"name":"Plugins","item":"https://www.cssigniter.com/plugins/"},{"@type":"ListItem","position":3,"name":"VideoIgniter"}]},{"@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%2Fplugins%2Fvideoigniter%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%2Fplugins%2Fvideoigniter%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="plugins-template-default single single-plugins postid-27012">  <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"><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 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 current_page_parent 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 py-20"> <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">VideoIgniter</h1> <div class="text-slate-400 max-w-3xl mb-8"> <p>VideoIgniter offers an array of features for an enhanced video experience. Enjoy effortless video embedding, responsive design, and user-friendly controls, making video sharing and playback simple and efficient.</p> </div> <div class="btn-wrap"> <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="https://wordpress.org/plugins/videoigniter/">Free Download</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/?plugin=videoigniter" target="_blank">Live Demo</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.0.6 • <a href="https://www.cssigniter.com/plugin-changelog/videoigniter/" class="text-amber-300">Changelog</a></span> </p> </div> </div> <div class="col-span-8 lg:col-span-4 xl:col-span-5 mt-8 lg:mt-0 relative"> <img class="rounded" src="https://www.cssigniter.com/wp-content/uploads/2023/12/vi_featured2_hero.png" alt="" loading="lazy"> </div> </div> </div> </div> <div class="container mx-auto px-6 py-20"> <div class="mb-20"> <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/uploads/2024/01/01_branding.jpg"> <img src="https://www.cssigniter.com/wp-content/uploads/2024/01/01_branding.jpg" 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 Player Colors and Branding Overlay</h3> <p>Explore VideoIgniter鈥檚 Accent Color and Branding Overlay features, designed to bring your brand鈥檚 character to your video content. Opt for an 'Accent Color' to be featured on essential parts of the video player, creating a cohesive and branded viewing environment. Complement this with the ability to upload your own branding image. This image can be strategically placed as an overlay in any corner of the player, ensuring your brand's logo or distinctive image is always prominent and recognizable.</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/uploads/2024/01/02_speed.jpg"> <img src="https://www.cssigniter.com/wp-content/uploads/2024/01/02_speed.jpg" 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">Playback Speed Control</h3> <p>The Playback Speed Control feature in VideoIgniter offers viewers the flexibility to adjust video playback speeds to suit their viewing preferences. With options like 0.5x, 1x, 1.5x, and 2x, users can easily slow down for more detailed understanding or speed up for quicker consumption of content. This feature is particularly useful for catering to diverse learning styles and preferences, making your videos more accessible and engaging for every member of your audience.</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/uploads/2024/01/03_layout.jpg"> <img src="https://www.cssigniter.com/wp-content/uploads/2024/01/03_layout.jpg" 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 Video Playlists</h3> <p>Enhance your audience's viewing experience with VideoIgniter's Configurable Video Playlist Layouts. This feature enables site owners to create tailored video playlists and choose their display orientation - left, right, or bottom of the video player. Each playlist can be uniquely arranged to suit the specific design and user interface of your site. By offering this level of customization, site owners can ensure a seamless and integrated presentation of video content, making it easier and more engaging for viewers to navigate through their desired videos.</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/uploads/2024/01/04_block.jpg"> <img src="https://www.cssigniter.com/wp-content/uploads/2024/01/04_block.jpg" 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">Playlist Integration with Custom Blocks, Shortcodes and Widgets</h3> <p>VideoIgniter's Playlist Integration feature provides site owners with versatile options for embedding video playlists into their web pages. Utilize either a custom block for the block editor or a shortcode to seamlessly add a playlist. This dual approach caters to different preferences and technical requirements, offering flexibility in how playlists are integrated within the site's layout. Whether you prefer the drag-and-drop ease of a custom block or the simplicity of a shortcode, this feature ensures that incorporating video playlists into your website is both straightforward and efficient.</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/uploads/2024/01/05_subtitles.jpg"> <img src="https://www.cssigniter.com/wp-content/uploads/2024/01/05_subtitles.jpg" 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">Advanced Subtitle and Closed Caption Customization <sup>Pro Only</sup></h3> <p>VideoIgniter's Advanced Subtitle and Closed Caption Customization feature revolutionizes the way site owners can enhance video accessibility. This tool allows for the upload of multiple subtitle files in VTT format, with the option to designate one as closed captions for greater accessibility. In addition to this, site owners have the freedom to adjust subtitle presentation by altering the font size, family, color, and background color. This level of customization ensures that subtitles and closed captions not only meet diverse viewer needs but also align with the visual branding of the video content, providing a seamless and inclusive viewing experience</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/uploads/2024/01/06_chapters.jpg"> <img src="https://www.cssigniter.com/wp-content/uploads/2024/01/06_chapters.jpg" 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">Chapter Support <sup>Pro Only</sup></h3> <p>VideoIgniter now offers enhanced navigation within your videos through its Chapter feature, utilizing VTT files. This function allows site owners to divide videos into clearly marked chapters, making it easier for viewers to jump to specific sections or topics of interest. The integration of chapters through VTT files streamlines the viewer experience, offering a more organized and user-friendly way to consume video content. Whether for educational purposes, training modules, or segmented storytelling, chapters add a layer of sophistication and convenience to your video offerings.</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/uploads/2024/01/07_overlays.jpg"> <img src="https://www.cssigniter.com/wp-content/uploads/2024/01/07_overlays.jpg" 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">Custom Video Overlays with Timed Display <sup>Pro Only</sup></h3> <p>VideoIgniter introduces a dynamic feature for site owners to add custom overlays to their videos. This tool allows the inclusion of overlays containing a title, description, and a clickable link. What sets this feature apart is the ability to precisely control the timing of each overlay's appearance and disappearance. For instance, an overlay can be set to appear at the 3-second mark and disappear at the 10-second mark. This level of customization provides a unique opportunity to engage viewers with additional information, prompts, or calls to action at specific moments, enhancing the interactive experience of your video content.</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/uploads/2024/01/08_elementor.jpg"> <img src="https://www.cssigniter.com/wp-content/uploads/2024/01/08_elementor.jpg" 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">Custom Elementor & WPBakery Widgets <sup>Pro Only</sup></h3> <p>VideoIgniter enhances the functionality of website building with its Custom Widgets, compatible with both Elementor and WPBakery Page Builder. These widgets are crafted to integrate smoothly with these popular WordPress page builders, offering site owners an efficient way to include VideoIgniter's video features in their website design. Whether using Elementor or WPBakery, these custom widgets make adding and managing video content straightforward and user-friendly, aligning perfectly with the intuitive interfaces of these page builders.</p> </div> </div> </div> <div class="mb-20"> <h2 class="text-2xl text-center tracking-tight mb-10"> VideoIgniter Free Vs. Pro </h2> <div class="table-responsive"> <table class="order-collapse w-full border border-slate-400 bg-white shadow-sm"> <thead> <tr> <th class="border border-slate-300 p-4 text-slate-900"></th> <th class="border border-slate-300 p-4 text-slate-900">VideoIgniter</th> <th class="border border-slate-300 p-4 text-slate-900">VideoIgniter Pro</th> </tr> </thead> <tbody> <tr class="even:bg-slate-100"> <td class="border border-slate-300 p-4 text-slate-500 font-bold md:font-normal">Self-hosted Videos</td> <td class="border border-slate-300 p-4 text-slate-500 md:text-center"> <span class="table-mobile-title">VideoIgniter</span> <svg xmlns="http://www.w3.org/2000/svg" width="21.46" height="16" viewBox="0 0 21.46 16"> <g id="Layer_2" data-name="Layer 2"> <g id="Layer_1-2" data-name="Layer 1"> <path d="M7.29,15.69l-7-7a1.08,1.08,0,0,1,0-1.51L1.83,5.68a1.07,1.07,0,0,1,1.52,0l4.7,4.7L18.11.31a1.08,1.08,0,0,1,1.51,0l1.52,1.52a1.07,1.07,0,0,1,0,1.52L8.8,15.69a1.08,1.08,0,0,1-1.51,0Z" fill="#68a834"/> </g> </g> </svg> </td> <td class="border border-slate-300 p-4 text-slate-500 md:text-center"> <span class="table-mobile-title">VideoIgniter Pro</span> <svg xmlns="http://www.w3.org/2000/svg" width="21.46" height="16" viewBox="0 0 21.46 16"> <g id="Layer_2" data-name="Layer 2"> <g id="Layer_1-2" data-name="Layer 1"> <path d="M7.29,15.69l-7-7a1.08,1.08,0,0,1,0-1.51L1.83,5.68a1.07,1.07,0,0,1,1.52,0l4.7,4.7L18.11.31a1.08,1.08,0,0,1,1.51,0l1.52,1.52a1.07,1.07,0,0,1,0,1.52L8.8,15.69a1.08,1.08,0,0,1-1.51,0Z" fill="#68a834"/> </g> </g> </svg> </td> </tr> <tr class="even:bg-slate-100"> <td class="border border-slate-300 p-4 text-slate-500 font-bold md:font-normal">YouTube Videos</td> <td class="border border-slate-300 p-4 text-slate-500 md:text-center"> <span class="table-mobile-title">VideoIgniter</span> <svg xmlns="http://www.w3.org/2000/svg" width="21.46" height="16" viewBox="0 0 21.46 16"> <g id="Layer_2" data-name="Layer 2"> <g id="Layer_1-2" data-name="Layer 1"> <path d="M7.29,15.69l-7-7a1.08,1.08,0,0,1,0-1.51L1.83,5.68a1.07,1.07,0,0,1,1.52,0l4.7,4.7L18.11.31a1.08,1.08,0,0,1,1.51,0l1.52,1.52a1.07,1.07,0,0,1,0,1.52L8.8,15.69a1.08,1.08,0,0,1-1.51,0Z" fill="#68a834"/> </g> </g> </svg> </td> <td class="border border-slate-300 p-4 text-slate-500 md:text-center"> <span class="table-mobile-title">VideoIgniter Pro</span> <svg xmlns="http://www.w3.org/2000/svg" width="21.46" height="16" viewBox="0 0 21.46 16"> <g id="Layer_2" data-name="Layer 2"> <g id="Layer_1-2" data-name="Layer 1"> <path d="M7.29,15.69l-7-7a1.08,1.08,0,0,1,0-1.51L1.83,5.68a1.07,1.07,0,0,1,1.52,0l4.7,4.7L18.11.31a1.08,1.08,0,0,1,1.51,0l1.52,1.52a1.07,1.07,0,0,1,0,1.52L8.8,15.69a1.08,1.08,0,0,1-1.51,0Z" fill="#68a834"/> </g> </g> </svg> </td> </tr> <tr class="even:bg-slate-100"> <td class="border border-slate-300 p-4 text-slate-500 font-bold md:font-normal">Vimeo Videos</td> <td class="border border-slate-300 p-4 text-slate-500 md:text-center"> <span class="table-mobile-title">VideoIgniter</span> <svg xmlns="http://www.w3.org/2000/svg" width="21.46" height="16" viewBox="0 0 21.46 16"> <g id="Layer_2" data-name="Layer 2"> <g id="Layer_1-2" data-name="Layer 1"> <path d="M7.29,15.69l-7-7a1.08,1.08,0,0,1,0-1.51L1.83,5.68a1.07,1.07,0,0,1,1.52,0l4.7,4.7L18.11.31a1.08,1.08,0,0,1,1.51,0l1.52,1.52a1.07,1.07,0,0,1,0,1.52L8.8,15.69a1.08,1.08,0,0,1-1.51,0Z" fill="#68a834"/> </g> </g> </svg> </td> <td class="border border-slate-300 p-4 text-slate-500 md:text-center"> <span class="table-mobile-title">VideoIgniter Pro</span> <svg xmlns="http://www.w3.org/2000/svg" width="21.46" height="16" viewBox="0 0 21.46 16"> <g id="Layer_2" data-name="Layer 2"> <g id="Layer_1-2" data-name="Layer 1"> <path d="M7.29,15.69l-7-7a1.08,1.08,0,0,1,0-1.51L1.83,5.68a1.07,1.07,0,0,1,1.52,0l4.7,4.7L18.11.31a1.08,1.08,0,0,1,1.51,0l1.52,1.52a1.07,1.07,0,0,1,0,1.52L8.8,15.69a1.08,1.08,0,0,1-1.51,0Z" fill="#68a834"/> </g> </g> </svg> </td> </tr> <tr class="even:bg-slate-100"> <td class="border border-slate-300 p-4 text-slate-500 font-bold md:font-normal">Custom colors</td> <td class="border border-slate-300 p-4 text-slate-500 md:text-center"> <span class="table-mobile-title">VideoIgniter</span> <svg xmlns="http://www.w3.org/2000/svg" width="21.46" height="16" viewBox="0 0 21.46 16"> <g id="Layer_2" data-name="Layer 2"> <g id="Layer_1-2" data-name="Layer 1"> <path d="M7.29,15.69l-7-7a1.08,1.08,0,0,1,0-1.51L1.83,5.68a1.07,1.07,0,0,1,1.52,0l4.7,4.7L18.11.31a1.08,1.08,0,0,1,1.51,0l1.52,1.52a1.07,1.07,0,0,1,0,1.52L8.8,15.69a1.08,1.08,0,0,1-1.51,0Z" fill="#68a834"/> </g> </g> </svg> </td> <td class="border border-slate-300 p-4 text-slate-500 md:text-center"> <span class="table-mobile-title">VideoIgniter Pro</span> <svg xmlns="http://www.w3.org/2000/svg" width="21.46" height="16" viewBox="0 0 21.46 16"> <g id="Layer_2" data-name="Layer 2"> <g id="Layer_1-2" data-name="Layer 1"> <path d="M7.29,15.69l-7-7a1.08,1.08,0,0,1,0-1.51L1.83,5.68a1.07,1.07,0,0,1,1.52,0l4.7,4.7L18.11.31a1.08,1.08,0,0,1,1.51,0l1.52,1.52a1.07,1.07,0,0,1,0,1.52L8.8,15.69a1.08,1.08,0,0,1-1.51,0Z" fill="#68a834"/> </g> </g> </svg> </td> </tr> <tr class="even:bg-slate-100"> <td class="border border-slate-300 p-4 text-slate-500 font-bold md:font-normal">Custom branding</td> <td class="border border-slate-300 p-4 text-slate-500 md:text-center"> <span class="table-mobile-title">VideoIgniter</span> <svg xmlns="http://www.w3.org/2000/svg" width="21.46" height="16" viewBox="0 0 21.46 16"> <g id="Layer_2" data-name="Layer 2"> <g id="Layer_1-2" data-name="Layer 1"> <path d="M7.29,15.69l-7-7a1.08,1.08,0,0,1,0-1.51L1.83,5.68a1.07,1.07,0,0,1,1.52,0l4.7,4.7L18.11.31a1.08,1.08,0,0,1,1.51,0l1.52,1.52a1.07,1.07,0,0,1,0,1.52L8.8,15.69a1.08,1.08,0,0,1-1.51,0Z" fill="#68a834"/> </g> </g> </svg> </td> <td class="border border-slate-300 p-4 text-slate-500 md:text-center"> <span class="table-mobile-title">VideoIgniter Pro</span> <svg xmlns="http://www.w3.org/2000/svg" width="21.46" height="16" viewBox="0 0 21.46 16"> <g id="Layer_2" data-name="Layer 2"> <g id="Layer_1-2" data-name="Layer 1"> <path d="M7.29,15.69l-7-7a1.08,1.08,0,0,1,0-1.51L1.83,5.68a1.07,1.07,0,0,1,1.52,0l4.7,4.7L18.11.31a1.08,1.08,0,0,1,1.51,0l1.52,1.52a1.07,1.07,0,0,1,0,1.52L8.8,15.69a1.08,1.08,0,0,1-1.51,0Z" fill="#68a834"/> </g> </g> </svg> </td> </tr> <tr class="even:bg-slate-100"> <td class="border border-slate-300 p-4 text-slate-500 font-bold md:font-normal">Shortcode</td> <td class="border border-slate-300 p-4 text-slate-500 md:text-center"> <span class="table-mobile-title">VideoIgniter</span> <svg xmlns="http://www.w3.org/2000/svg" width="21.46" height="16" viewBox="0 0 21.46 16"> <g id="Layer_2" data-name="Layer 2"> <g id="Layer_1-2" data-name="Layer 1"> <path d="M7.29,15.69l-7-7a1.08,1.08,0,0,1,0-1.51L1.83,5.68a1.07,1.07,0,0,1,1.52,0l4.7,4.7L18.11.31a1.08,1.08,0,0,1,1.51,0l1.52,1.52a1.07,1.07,0,0,1,0,1.52L8.8,15.69a1.08,1.08,0,0,1-1.51,0Z" fill="#68a834"/> </g> </g> </svg> </td> <td class="border border-slate-300 p-4 text-slate-500 md:text-center"> <span class="table-mobile-title">VideoIgniter Pro</span> <svg xmlns="http://www.w3.org/2000/svg" width="21.46" height="16" viewBox="0 0 21.46 16"> <g id="Layer_2" data-name="Layer 2"> <g id="Layer_1-2" data-name="Layer 1"> <path d="M7.29,15.69l-7-7a1.08,1.08,0,0,1,0-1.51L1.83,5.68a1.07,1.07,0,0,1,1.52,0l4.7,4.7L18.11.31a1.08,1.08,0,0,1,1.51,0l1.52,1.52a1.07,1.07,0,0,1,0,1.52L8.8,15.69a1.08,1.08,0,0,1-1.51,0Z" fill="#68a834"/> </g> </g> </svg> </td> </tr> <tr class="even:bg-slate-100"> <td class="border border-slate-300 p-4 text-slate-500 font-bold md:font-normal">Custom block (Block editor)</td> <td class="border border-slate-300 p-4 text-slate-500 md:text-center"> <span class="table-mobile-title">VideoIgniter</span> <svg xmlns="http://www.w3.org/2000/svg" width="21.46" height="16" viewBox="0 0 21.46 16"> <g id="Layer_2" data-name="Layer 2"> <g id="Layer_1-2" data-name="Layer 1"> <path d="M7.29,15.69l-7-7a1.08,1.08,0,0,1,0-1.51L1.83,5.68a1.07,1.07,0,0,1,1.52,0l4.7,4.7L18.11.31a1.08,1.08,0,0,1,1.51,0l1.52,1.52a1.07,1.07,0,0,1,0,1.52L8.8,15.69a1.08,1.08,0,0,1-1.51,0Z" fill="#68a834"/> </g> </g> </svg> </td> <td class="border border-slate-300 p-4 text-slate-500 md:text-center"> <span class="table-mobile-title">VideoIgniter Pro</span> <svg xmlns="http://www.w3.org/2000/svg" width="21.46" height="16" viewBox="0 0 21.46 16"> <g id="Layer_2" data-name="Layer 2"> <g id="Layer_1-2" data-name="Layer 1"> <path d="M7.29,15.69l-7-7a1.08,1.08,0,0,1,0-1.51L1.83,5.68a1.07,1.07,0,0,1,1.52,0l4.7,4.7L18.11.31a1.08,1.08,0,0,1,1.51,0l1.52,1.52a1.07,1.07,0,0,1,0,1.52L8.8,15.69a1.08,1.08,0,0,1-1.51,0Z" fill="#68a834"/> </g> </g> </svg> </td> </tr> <tr class="even:bg-slate-100"> <td class="border border-slate-300 p-4 text-slate-500 font-bold md:font-normal">Widget</td> <td class="border border-slate-300 p-4 text-slate-500 md:text-center"> <span class="table-mobile-title">VideoIgniter</span> <svg xmlns="http://www.w3.org/2000/svg" width="21.46" height="16" viewBox="0 0 21.46 16"> <g id="Layer_2" data-name="Layer 2"> <g id="Layer_1-2" data-name="Layer 1"> <path d="M7.29,15.69l-7-7a1.08,1.08,0,0,1,0-1.51L1.83,5.68a1.07,1.07,0,0,1,1.52,0l4.7,4.7L18.11.31a1.08,1.08,0,0,1,1.51,0l1.52,1.52a1.07,1.07,0,0,1,0,1.52L8.8,15.69a1.08,1.08,0,0,1-1.51,0Z" fill="#68a834"/> </g> </g> </svg> </td> <td class="border border-slate-300 p-4 text-slate-500 md:text-center"> <span class="table-mobile-title">VideoIgniter Pro</span> <svg xmlns="http://www.w3.org/2000/svg" width="21.46" height="16" viewBox="0 0 21.46 16"> <g id="Layer_2" data-name="Layer 2"> <g id="Layer_1-2" data-name="Layer 1"> <path d="M7.29,15.69l-7-7a1.08,1.08,0,0,1,0-1.51L1.83,5.68a1.07,1.07,0,0,1,1.52,0l4.7,4.7L18.11.31a1.08,1.08,0,0,1,1.51,0l1.52,1.52a1.07,1.07,0,0,1,0,1.52L8.8,15.69a1.08,1.08,0,0,1-1.51,0Z" fill="#68a834"/> </g> </g> </svg> </td> </tr> <tr class="even:bg-slate-100"> <td class="border border-slate-300 p-4 text-slate-500 font-bold md:font-normal">Playlist layouts</td> <td class="border border-slate-300 p-4 text-slate-500 md:text-center"> <span class="table-mobile-title">VideoIgniter</span> <svg xmlns="http://www.w3.org/2000/svg" width="21.46" height="16" viewBox="0 0 21.46 16"> <g id="Layer_2" data-name="Layer 2"> <g id="Layer_1-2" data-name="Layer 1"> <path d="M7.29,15.69l-7-7a1.08,1.08,0,0,1,0-1.51L1.83,5.68a1.07,1.07,0,0,1,1.52,0l4.7,4.7L18.11.31a1.08,1.08,0,0,1,1.51,0l1.52,1.52a1.07,1.07,0,0,1,0,1.52L8.8,15.69a1.08,1.08,0,0,1-1.51,0Z" fill="#68a834"/> </g> </g> </svg> </td> <td class="border border-slate-300 p-4 text-slate-500 md:text-center"> <span class="table-mobile-title">VideoIgniter Pro</span> <svg xmlns="http://www.w3.org/2000/svg" width="21.46" height="16" viewBox="0 0 21.46 16"> <g id="Layer_2" data-name="Layer 2"> <g id="Layer_1-2" data-name="Layer 1"> <path d="M7.29,15.69l-7-7a1.08,1.08,0,0,1,0-1.51L1.83,5.68a1.07,1.07,0,0,1,1.52,0l4.7,4.7L18.11.31a1.08,1.08,0,0,1,1.51,0l1.52,1.52a1.07,1.07,0,0,1,0,1.52L8.8,15.69a1.08,1.08,0,0,1-1.51,0Z" fill="#68a834"/> </g> </g> </svg> </td> </tr> <tr class="even:bg-slate-100"> <td class="border border-slate-300 p-4 text-slate-500 font-bold md:font-normal">Playback speed control</td> <td class="border border-slate-300 p-4 text-slate-500 md:text-center"> <span class="table-mobile-title">VideoIgniter</span> <svg xmlns="http://www.w3.org/2000/svg" width="21.46" height="16" viewBox="0 0 21.46 16"> <g id="Layer_2" data-name="Layer 2"> <g id="Layer_1-2" data-name="Layer 1"> <path d="M7.29,15.69l-7-7a1.08,1.08,0,0,1,0-1.51L1.83,5.68a1.07,1.07,0,0,1,1.52,0l4.7,4.7L18.11.31a1.08,1.08,0,0,1,1.51,0l1.52,1.52a1.07,1.07,0,0,1,0,1.52L8.8,15.69a1.08,1.08,0,0,1-1.51,0Z" fill="#68a834"/> </g> </g> </svg> </td> <td class="border border-slate-300 p-4 text-slate-500 md:text-center"> <span class="table-mobile-title">VideoIgniter Pro</span> <svg xmlns="http://www.w3.org/2000/svg" width="21.46" height="16" viewBox="0 0 21.46 16"> <g id="Layer_2" data-name="Layer 2"> <g id="Layer_1-2" data-name="Layer 1"> <path d="M7.29,15.69l-7-7a1.08,1.08,0,0,1,0-1.51L1.83,5.68a1.07,1.07,0,0,1,1.52,0l4.7,4.7L18.11.31a1.08,1.08,0,0,1,1.51,0l1.52,1.52a1.07,1.07,0,0,1,0,1.52L8.8,15.69a1.08,1.08,0,0,1-1.51,0Z" fill="#68a834"/> </g> </g> </svg> </td> </tr> <tr class="even:bg-slate-100"> <td class="border border-slate-300 p-4 text-slate-500 font-bold md:font-normal">Show/Hide Fullscreen Toggle Control</td> <td class="border border-slate-300 p-4 text-slate-500 md:text-center"> <span class="table-mobile-title">VideoIgniter</span> <svg xmlns="http://www.w3.org/2000/svg" width="21.46" height="16" viewBox="0 0 21.46 16"> <g id="Layer_2" data-name="Layer 2"> <g id="Layer_1-2" data-name="Layer 1"> <path d="M7.29,15.69l-7-7a1.08,1.08,0,0,1,0-1.51L1.83,5.68a1.07,1.07,0,0,1,1.52,0l4.7,4.7L18.11.31a1.08,1.08,0,0,1,1.51,0l1.52,1.52a1.07,1.07,0,0,1,0,1.52L8.8,15.69a1.08,1.08,0,0,1-1.51,0Z" fill="#68a834"/> </g> </g> </svg> </td> <td class="border border-slate-300 p-4 text-slate-500 md:text-center"> <span class="table-mobile-title">VideoIgniter Pro</span> <svg xmlns="http://www.w3.org/2000/svg" width="21.46" height="16" viewBox="0 0 21.46 16"> <g id="Layer_2" data-name="Layer 2"> <g id="Layer_1-2" data-name="Layer 1"> <path d="M7.29,15.69l-7-7a1.08,1.08,0,0,1,0-1.51L1.83,5.68a1.07,1.07,0,0,1,1.52,0l4.7,4.7L18.11.31a1.08,1.08,0,0,1,1.51,0l1.52,1.52a1.07,1.07,0,0,1,0,1.52L8.8,15.69a1.08,1.08,0,0,1-1.51,0Z" fill="#68a834"/> </g> </g> </svg> </td> </tr> <tr class="even:bg-slate-100"> <td class="border border-slate-300 p-4 text-slate-500 font-bold md:font-normal">Show/Hide playback speed controls</td> <td class="border border-slate-300 p-4 text-slate-500 md:text-center"> <span class="table-mobile-title">VideoIgniter</span> <svg xmlns="http://www.w3.org/2000/svg" width="21.46" height="16" viewBox="0 0 21.46 16"> <g id="Layer_2" data-name="Layer 2"> <g id="Layer_1-2" data-name="Layer 1"> <path d="M7.29,15.69l-7-7a1.08,1.08,0,0,1,0-1.51L1.83,5.68a1.07,1.07,0,0,1,1.52,0l4.7,4.7L18.11.31a1.08,1.08,0,0,1,1.51,0l1.52,1.52a1.07,1.07,0,0,1,0,1.52L8.8,15.69a1.08,1.08,0,0,1-1.51,0Z" fill="#68a834"/> </g> </g> </svg> </td> <td class="border border-slate-300 p-4 text-slate-500 md:text-center"> <span class="table-mobile-title">VideoIgniter Pro</span> <svg xmlns="http://www.w3.org/2000/svg" width="21.46" height="16" viewBox="0 0 21.46 16"> <g id="Layer_2" data-name="Layer 2"> <g id="Layer_1-2" data-name="Layer 1"> <path d="M7.29,15.69l-7-7a1.08,1.08,0,0,1,0-1.51L1.83,5.68a1.07,1.07,0,0,1,1.52,0l4.7,4.7L18.11.31a1.08,1.08,0,0,1,1.51,0l1.52,1.52a1.07,1.07,0,0,1,0,1.52L8.8,15.69a1.08,1.08,0,0,1-1.51,0Z" fill="#68a834"/> </g> </g> </svg> </td> </tr> <tr class="even:bg-slate-100"> <td class="border border-slate-300 p-4 text-slate-500 font-bold md:font-normal">Starting Volume Control</td> <td class="border border-slate-300 p-4 text-slate-500 md:text-center"> <span class="table-mobile-title">VideoIgniter</span> <svg xmlns="http://www.w3.org/2000/svg" width="21.46" height="16" viewBox="0 0 21.46 16"> <g id="Layer_2" data-name="Layer 2"> <g id="Layer_1-2" data-name="Layer 1"> <path d="M7.29,15.69l-7-7a1.08,1.08,0,0,1,0-1.51L1.83,5.68a1.07,1.07,0,0,1,1.52,0l4.7,4.7L18.11.31a1.08,1.08,0,0,1,1.51,0l1.52,1.52a1.07,1.07,0,0,1,0,1.52L8.8,15.69a1.08,1.08,0,0,1-1.51,0Z" fill="#68a834"/> </g> </g> </svg> </td> <td class="border border-slate-300 p-4 text-slate-500 md:text-center"> <span class="table-mobile-title">VideoIgniter Pro</span> <svg xmlns="http://www.w3.org/2000/svg" width="21.46" height="16" viewBox="0 0 21.46 16"> <g id="Layer_2" data-name="Layer 2"> <g id="Layer_1-2" data-name="Layer 1"> <path d="M7.29,15.69l-7-7a1.08,1.08,0,0,1,0-1.51L1.83,5.68a1.07,1.07,0,0,1,1.52,0l4.7,4.7L18.11.31a1.08,1.08,0,0,1,1.51,0l1.52,1.52a1.07,1.07,0,0,1,0,1.52L8.8,15.69a1.08,1.08,0,0,1-1.51,0Z" fill="#68a834"/> </g> </g> </svg> </td> </tr> <tr class="even:bg-slate-100"> <td class="border border-slate-300 p-4 text-slate-500 font-bold md:font-normal">Subtitles in multiple languages</td> <td class="border border-slate-300 p-4 text-slate-500 md:text-center"> <span class="table-mobile-title">VideoIgniter</span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <g id="Layer_2" data-name="Layer 2"> <g id="Layer_1-2" data-name="Layer 1"> <path d="M11,8l4.55-4.55a1.42,1.42,0,0,0,0-2l-1-1a1.42,1.42,0,0,0-2,0L8,5,3.45.42a1.42,1.42,0,0,0-2,0l-1,1a1.42,1.42,0,0,0,0,2L5,8,.42,12.55a1.42,1.42,0,0,0,0,2l1,1a1.42,1.42,0,0,0,2,0L8,11l4.55,4.55a1.42,1.42,0,0,0,2,0l1-1a1.42,1.42,0,0,0,0-2Z" fill="#e71414"/> </g> </g> </svg> </td> <td class="border border-slate-300 p-4 text-slate-500 md:text-center"> <span class="table-mobile-title">VideoIgniter Pro</span> <svg xmlns="http://www.w3.org/2000/svg" width="21.46" height="16" viewBox="0 0 21.46 16"> <g id="Layer_2" data-name="Layer 2"> <g id="Layer_1-2" data-name="Layer 1"> <path d="M7.29,15.69l-7-7a1.08,1.08,0,0,1,0-1.51L1.83,5.68a1.07,1.07,0,0,1,1.52,0l4.7,4.7L18.11.31a1.08,1.08,0,0,1,1.51,0l1.52,1.52a1.07,1.07,0,0,1,0,1.52L8.8,15.69a1.08,1.08,0,0,1-1.51,0Z" fill="#68a834"/> </g> </g> </svg> </td> </tr> <tr class="even:bg-slate-100"> <td class="border border-slate-300 p-4 text-slate-500 font-bold md:font-normal">Video Chapters</td> <td class="border border-slate-300 p-4 text-slate-500 md:text-center"> <span class="table-mobile-title">VideoIgniter</span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <g id="Layer_2" data-name="Layer 2"> <g id="Layer_1-2" data-name="Layer 1"> <path d="M11,8l4.55-4.55a1.42,1.42,0,0,0,0-2l-1-1a1.42,1.42,0,0,0-2,0L8,5,3.45.42a1.42,1.42,0,0,0-2,0l-1,1a1.42,1.42,0,0,0,0,2L5,8,.42,12.55a1.42,1.42,0,0,0,0,2l1,1a1.42,1.42,0,0,0,2,0L8,11l4.55,4.55a1.42,1.42,0,0,0,2,0l1-1a1.42,1.42,0,0,0,0-2Z" fill="#e71414"/> </g> </g> </svg> </td> <td class="border border-slate-300 p-4 text-slate-500 md:text-center"> <span class="table-mobile-title">VideoIgniter Pro</span> <svg xmlns="http://www.w3.org/2000/svg" width="21.46" height="16" viewBox="0 0 21.46 16"> <g id="Layer_2" data-name="Layer 2"> <g id="Layer_1-2" data-name="Layer 1"> <path d="M7.29,15.69l-7-7a1.08,1.08,0,0,1,0-1.51L1.83,5.68a1.07,1.07,0,0,1,1.52,0l4.7,4.7L18.11.31a1.08,1.08,0,0,1,1.51,0l1.52,1.52a1.07,1.07,0,0,1,0,1.52L8.8,15.69a1.08,1.08,0,0,1-1.51,0Z" fill="#68a834"/> </g> </g> </svg> </td> </tr> <tr class="even:bg-slate-100"> <td class="border border-slate-300 p-4 text-slate-500 font-bold md:font-normal">Custom Timed Overlays</td> <td class="border border-slate-300 p-4 text-slate-500 md:text-center"> <span class="table-mobile-title">VideoIgniter</span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <g id="Layer_2" data-name="Layer 2"> <g id="Layer_1-2" data-name="Layer 1"> <path d="M11,8l4.55-4.55a1.42,1.42,0,0,0,0-2l-1-1a1.42,1.42,0,0,0-2,0L8,5,3.45.42a1.42,1.42,0,0,0-2,0l-1,1a1.42,1.42,0,0,0,0,2L5,8,.42,12.55a1.42,1.42,0,0,0,0,2l1,1a1.42,1.42,0,0,0,2,0L8,11l4.55,4.55a1.42,1.42,0,0,0,2,0l1-1a1.42,1.42,0,0,0,0-2Z" fill="#e71414"/> </g> </g> </svg> </td> <td class="border border-slate-300 p-4 text-slate-500 md:text-center"> <span class="table-mobile-title">VideoIgniter Pro</span> <svg xmlns="http://www.w3.org/2000/svg" width="21.46" height="16" viewBox="0 0 21.46 16"> <g id="Layer_2" data-name="Layer 2"> <g id="Layer_1-2" data-name="Layer 1"> <path d="M7.29,15.69l-7-7a1.08,1.08,0,0,1,0-1.51L1.83,5.68a1.07,1.07,0,0,1,1.52,0l4.7,4.7L18.11.31a1.08,1.08,0,0,1,1.51,0l1.52,1.52a1.07,1.07,0,0,1,0,1.52L8.8,15.69a1.08,1.08,0,0,1-1.51,0Z" fill="#68a834"/> </g> </g> </svg> </td> </tr> <tr class="even:bg-slate-100"> <td class="border border-slate-300 p-4 text-slate-500 font-bold md:font-normal">Elementor Widget</td> <td class="border border-slate-300 p-4 text-slate-500 md:text-center"> <span class="table-mobile-title">VideoIgniter</span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <g id="Layer_2" data-name="Layer 2"> <g id="Layer_1-2" data-name="Layer 1"> <path d="M11,8l4.55-4.55a1.42,1.42,0,0,0,0-2l-1-1a1.42,1.42,0,0,0-2,0L8,5,3.45.42a1.42,1.42,0,0,0-2,0l-1,1a1.42,1.42,0,0,0,0,2L5,8,.42,12.55a1.42,1.42,0,0,0,0,2l1,1a1.42,1.42,0,0,0,2,0L8,11l4.55,4.55a1.42,1.42,0,0,0,2,0l1-1a1.42,1.42,0,0,0,0-2Z" fill="#e71414"/> </g> </g> </svg> </td> <td class="border border-slate-300 p-4 text-slate-500 md:text-center"> <span class="table-mobile-title">VideoIgniter Pro</span> <svg xmlns="http://www.w3.org/2000/svg" width="21.46" height="16" viewBox="0 0 21.46 16"> <g id="Layer_2" data-name="Layer 2"> <g id="Layer_1-2" data-name="Layer 1"> <path d="M7.29,15.69l-7-7a1.08,1.08,0,0,1,0-1.51L1.83,5.68a1.07,1.07,0,0,1,1.52,0l4.7,4.7L18.11.31a1.08,1.08,0,0,1,1.51,0l1.52,1.52a1.07,1.07,0,0,1,0,1.52L8.8,15.69a1.08,1.08,0,0,1-1.51,0Z" fill="#68a834"/> </g> </g> </svg> </td> </tr> <tr class="even:bg-slate-100"> <td class="border border-slate-300 p-4 text-slate-500 font-bold md:font-normal">WPBakery Widget</td> <td class="border border-slate-300 p-4 text-slate-500 md:text-center"> <span class="table-mobile-title">VideoIgniter</span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <g id="Layer_2" data-name="Layer 2"> <g id="Layer_1-2" data-name="Layer 1"> <path d="M11,8l4.55-4.55a1.42,1.42,0,0,0,0-2l-1-1a1.42,1.42,0,0,0-2,0L8,5,3.45.42a1.42,1.42,0,0,0-2,0l-1,1a1.42,1.42,0,0,0,0,2L5,8,.42,12.55a1.42,1.42,0,0,0,0,2l1,1a1.42,1.42,0,0,0,2,0L8,11l4.55,4.55a1.42,1.42,0,0,0,2,0l1-1a1.42,1.42,0,0,0,0-2Z" fill="#e71414"/> </g> </g> </svg> </td> <td class="border border-slate-300 p-4 text-slate-500 md:text-center"> <span class="table-mobile-title">VideoIgniter Pro</span> <svg xmlns="http://www.w3.org/2000/svg" width="21.46" height="16" viewBox="0 0 21.46 16"> <g id="Layer_2" data-name="Layer 2"> <g id="Layer_1-2" data-name="Layer 1"> <path d="M7.29,15.69l-7-7a1.08,1.08,0,0,1,0-1.51L1.83,5.68a1.07,1.07,0,0,1,1.52,0l4.7,4.7L18.11.31a1.08,1.08,0,0,1,1.51,0l1.52,1.52a1.07,1.07,0,0,1,0,1.52L8.8,15.69a1.08,1.08,0,0,1-1.51,0Z" fill="#68a834"/> </g> </g> </svg> </td> </tr> <tr class="even:bg-slate-100"> <td class="border border-slate-300 p-4 text-slate-500 font-bold md:font-normal">Sticky Player on Scroll</td> <td class="border border-slate-300 p-4 text-slate-500 md:text-center"> <span class="table-mobile-title">VideoIgniter</span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <g id="Layer_2" data-name="Layer 2"> <g id="Layer_1-2" data-name="Layer 1"> <path d="M11,8l4.55-4.55a1.42,1.42,0,0,0,0-2l-1-1a1.42,1.42,0,0,0-2,0L8,5,3.45.42a1.42,1.42,0,0,0-2,0l-1,1a1.42,1.42,0,0,0,0,2L5,8,.42,12.55a1.42,1.42,0,0,0,0,2l1,1a1.42,1.42,0,0,0,2,0L8,11l4.55,4.55a1.42,1.42,0,0,0,2,0l1-1a1.42,1.42,0,0,0,0-2Z" fill="#e71414"/> </g> </g> </svg> </td> <td class="border border-slate-300 p-4 text-slate-500 md:text-center"> <span class="table-mobile-title">VideoIgniter Pro</span> <svg xmlns="http://www.w3.org/2000/svg" width="21.46" height="16" viewBox="0 0 21.46 16"> <g id="Layer_2" data-name="Layer 2"> <g id="Layer_1-2" data-name="Layer 1"> <path d="M7.29,15.69l-7-7a1.08,1.08,0,0,1,0-1.51L1.83,5.68a1.07,1.07,0,0,1,1.52,0l4.7,4.7L18.11.31a1.08,1.08,0,0,1,1.51,0l1.52,1.52a1.07,1.07,0,0,1,0,1.52L8.8,15.69a1.08,1.08,0,0,1-1.51,0Z" fill="#68a834"/> </g> </g> </svg> </td> </tr> <tr class="even:bg-slate-100"> <td class="border border-slate-300 p-4 text-slate-500 font-bold md:font-normal">Preview on Hover</td> <td class="border border-slate-300 p-4 text-slate-500 md:text-center"> <span class="table-mobile-title">VideoIgniter</span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <g id="Layer_2" data-name="Layer 2"> <g id="Layer_1-2" data-name="Layer 1"> <path d="M11,8l4.55-4.55a1.42,1.42,0,0,0,0-2l-1-1a1.42,1.42,0,0,0-2,0L8,5,3.45.42a1.42,1.42,0,0,0-2,0l-1,1a1.42,1.42,0,0,0,0,2L5,8,.42,12.55a1.42,1.42,0,0,0,0,2l1,1a1.42,1.42,0,0,0,2,0L8,11l4.55,4.55a1.42,1.42,0,0,0,2,0l1-1a1.42,1.42,0,0,0,0-2Z" fill="#e71414"/> </g> </g> </svg> </td> <td class="border border-slate-300 p-4 text-slate-500 md:text-center"> <span class="table-mobile-title">VideoIgniter Pro</span> <svg xmlns="http://www.w3.org/2000/svg" width="21.46" height="16" viewBox="0 0 21.46 16"> <g id="Layer_2" data-name="Layer 2"> <g id="Layer_1-2" data-name="Layer 1"> <path d="M7.29,15.69l-7-7a1.08,1.08,0,0,1,0-1.51L1.83,5.68a1.07,1.07,0,0,1,1.52,0l4.7,4.7L18.11.31a1.08,1.08,0,0,1,1.51,0l1.52,1.52a1.07,1.07,0,0,1,0,1.52L8.8,15.69a1.08,1.08,0,0,1-1.51,0Z" fill="#68a834"/> </g> </g> </svg> </td> </tr> <tr class="even:bg-slate-100"> <td class="border border-slate-300 p-4 text-slate-500 font-bold md:font-normal">Show/Hide Video Skipping Controls (5, 10, 30 seconds)</td> <td class="border border-slate-300 p-4 text-slate-500 md:text-center"> <span class="table-mobile-title">VideoIgniter</span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <g id="Layer_2" data-name="Layer 2"> <g id="Layer_1-2" data-name="Layer 1"> <path d="M11,8l4.55-4.55a1.42,1.42,0,0,0,0-2l-1-1a1.42,1.42,0,0,0-2,0L8,5,3.45.42a1.42,1.42,0,0,0-2,0l-1,1a1.42,1.42,0,0,0,0,2L5,8,.42,12.55a1.42,1.42,0,0,0,0,2l1,1a1.42,1.42,0,0,0,2,0L8,11l4.55,4.55a1.42,1.42,0,0,0,2,0l1-1a1.42,1.42,0,0,0,0-2Z" fill="#e71414"/> </g> </g> </svg> </td> <td class="border border-slate-300 p-4 text-slate-500 md:text-center"> <span class="table-mobile-title">VideoIgniter Pro</span> <svg xmlns="http://www.w3.org/2000/svg" width="21.46" height="16" viewBox="0 0 21.46 16"> <g id="Layer_2" data-name="Layer 2"> <g id="Layer_1-2" data-name="Layer 1"> <path d="M7.29,15.69l-7-7a1.08,1.08,0,0,1,0-1.51L1.83,5.68a1.07,1.07,0,0,1,1.52,0l4.7,4.7L18.11.31a1.08,1.08,0,0,1,1.51,0l1.52,1.52a1.07,1.07,0,0,1,0,1.52L8.8,15.69a1.08,1.08,0,0,1-1.51,0Z" fill="#68a834"/> </g> </g> </svg> </td> </tr> <tr class="even:bg-slate-100"> <td class="border border-slate-300 p-4 text-slate-500 font-bold md:font-normal">Batch Upload Videos</td> <td class="border border-slate-300 p-4 text-slate-500 md:text-center"> <span class="table-mobile-title">VideoIgniter</span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <g id="Layer_2" data-name="Layer 2"> <g id="Layer_1-2" data-name="Layer 1"> <path d="M11,8l4.55-4.55a1.42,1.42,0,0,0,0-2l-1-1a1.42,1.42,0,0,0-2,0L8,5,3.45.42a1.42,1.42,0,0,0-2,0l-1,1a1.42,1.42,0,0,0,0,2L5,8,.42,12.55a1.42,1.42,0,0,0,0,2l1,1a1.42,1.42,0,0,0,2,0L8,11l4.55,4.55a1.42,1.42,0,0,0,2,0l1-1a1.42,1.42,0,0,0,0-2Z" fill="#e71414"/> </g> </g> </svg> </td> <td class="border border-slate-300 p-4 text-slate-500 md:text-center"> <span class="table-mobile-title">VideoIgniter Pro</span> <svg xmlns="http://www.w3.org/2000/svg" width="21.46" height="16" viewBox="0 0 21.46 16"> <g id="Layer_2" data-name="Layer 2"> <g id="Layer_1-2" data-name="Layer 1"> <path d="M7.29,15.69l-7-7a1.08,1.08,0,0,1,0-1.51L1.83,5.68a1.07,1.07,0,0,1,1.52,0l4.7,4.7L18.11.31a1.08,1.08,0,0,1,1.51,0l1.52,1.52a1.07,1.07,0,0,1,0,1.52L8.8,15.69a1.08,1.08,0,0,1-1.51,0Z" fill="#68a834"/> </g> </g> </svg> </td> </tr> </tbody> <tfoot> <tr> <td class="border border-slate-300 p-4 text-slate-500 text-center"></td> <td class="border border-slate-300 p-4 text-slate-500 text-center"><a class="transition-colors inline-block bg-green-600 hover:bg-green-700 text-white text-sm font-bold px-8 py-4 rounded-full" href="https://wordpress.org/plugins/videoigniter/">Free Download</a></td> <td class="border border-slate-300 p-4 text-slate-500 text-center"><a class="transition-colors inline-block bg-green-600 hover:bg-green-700 text-white text-sm font-bold px-8 py-4 rounded-full" href="https://www.cssigniter.com/plugins/videoigniter/#pricing">Buy This Plugin</a></td> </tr> </tfoot> </table> </div> </div> <div class="container mx-auto relative z-10 plugin-cta"> <div class="p-8 md:p-20 border-b-4 border-blue-100 bg-slate-800 rounded-lg text-center"> <h2 class="text-3xl text-white tracking-tight mb-4">Download VideoIgniter today</h2> <div class="mb-6 text-slate-400"><p>VideoIgniter offers an array of features for an enhanced video experience. Enjoy effortless video embedding, responsive design, and user-friendly controls, making video sharing and playback simple and efficient.</p> </div> <a class="transition-colors inline-block bg-green-600 hover:bg-green-700 text-white hover:text-white font-bold py-4 px-12 rounded-full" href="https://wordpress.org/plugins/videoigniter/">Free Download</a> </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">VideoIgniter</h4> <p class="text-xs md:text-sm text-slate-400 lg:mb-8">The plugin 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=208" 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> <h3 class="text-lg tracking-tight mb-2">What happens to my website if I cancel my subscription?</h3> <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://web.archive.org/web/20210224141516/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 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>