CINXE.COM
HTML Slider Demo
<html dir="ltr" lang="en-US" prefix="og: https://ogp.me/ns#"> <head> <!--[if IE]> <meta http-equiv="X-UA-Compatible" content="IE=edge" > <![endif]--> <!-- Metadata --> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0"/> <!-- Title --> <link rel="profile" href="http://gmpg.org/xfn/11"> <link rel="pingback" href="https://soliloquywp.com/xmlrpc.php"> <link rel="dns-prefetch" href="//fonts.googleapis.com/"> <!-- All in One SEO Pro 4.7.4.2 - aioseo.com --> <title>HTML Slider Demo</title> <meta name="description" content="Do you want to quickly create HTML slides in WordPress? Soliloquy鈥檚 slider lets you create HTML files to use as slides. With a little bit of HTML knowledge, you have unlimited slider control and options available for your slides. Here are a few HTML sliders we鈥檝e created, but you certainly aren鈥檛 limited to just what you" /> <meta name="robots" content="max-image-preview:large" /> <meta name="google-site-verification" content="y92R-hZUcUyF3G-kDcg_3AxTBaJ3uHzmSnIOXWiVhjg" /> <link rel="canonical" href="https://soliloquywp.com/html-slider-demo/" /> <meta name="generator" content="All in One SEO Pro (AIOSEO) 4.7.4.2" /> <meta property="og:locale" content="en_US" /> <meta property="og:site_name" content="Soliloquy" /> <meta property="og:type" content="article" /> <meta property="og:title" content="HTML Slider Demo" /> <meta property="og:description" content="Do you want to quickly create HTML slides in WordPress? Soliloquy鈥檚 slider lets you create HTML files to use as slides. With a little bit of HTML knowledge, you have unlimited slider control and options available for your slides. Here are a few HTML sliders we鈥檝e created, but you certainly aren鈥檛 limited to just what you" /> <meta property="og:url" content="https://soliloquywp.com/html-slider-demo/" /> <meta property="og:image" content="https://soliloquywp.com/wp-content/uploads/2016/03/logo.png" /> <meta property="og:image:secure_url" content="https://soliloquywp.com/wp-content/uploads/2016/03/logo.png" /> <meta property="article:published_time" content="2021-10-12T21:20:59+00:00" /> <meta property="article:modified_time" content="2021-10-12T21:20:59+00:00" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="@soliloquywp" /> <meta name="twitter:title" content="HTML Slider Demo" /> <meta name="twitter:description" content="Do you want to quickly create HTML slides in WordPress? Soliloquy鈥檚 slider lets you create HTML files to use as slides. With a little bit of HTML knowledge, you have unlimited slider control and options available for your slides. Here are a few HTML sliders we鈥檝e created, but you certainly aren鈥檛 limited to just what you" /> <meta name="twitter:creator" content="@soliloquywp" /> <meta name="twitter:image" content="https://soliloquywp.com/wp-content/uploads/2016/03/logo.png" /> <meta name="twitter:label1" content="Written by" /> <meta name="twitter:data1" content="Brad Milligan" /> <meta name="twitter:label2" content="Est. reading time" /> <meta name="twitter:data2" content="1 minute" /> <script type="application/ld+json" class="aioseo-schema"> {"@context":"https:\/\/schema.org","@graph":[{"@type":"BreadcrumbList","@id":"https:\/\/soliloquywp.com\/html-slider-demo\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/soliloquywp.com\/#listItem","position":1,"name":"Home","item":"https:\/\/soliloquywp.com\/","nextItem":"https:\/\/soliloquywp.com\/html-slider-demo\/#listItem"},{"@type":"ListItem","@id":"https:\/\/soliloquywp.com\/html-slider-demo\/#listItem","position":2,"name":"HTML Slider Demo","previousItem":"https:\/\/soliloquywp.com\/#listItem"}]},{"@type":"Organization","@id":"https:\/\/soliloquywp.com\/#organization","name":"Soliloquy","description":"Best Responsive WordPress Slider Plugin","url":"https:\/\/soliloquywp.com\/","logo":{"@type":"ImageObject","url":"https:\/\/soliloquywp.com\/wp-content\/uploads\/2016\/03\/logo.png","@id":"https:\/\/soliloquywp.com\/html-slider-demo\/#organizationLogo","width":400,"height":82,"caption":"Best Responsive WordPress Slider Plugin"},"image":{"@id":"https:\/\/soliloquywp.com\/html-slider-demo\/#organizationLogo"},"sameAs":["https:\/\/twitter.com\/soliloquywp"]},{"@type":"WebPage","@id":"https:\/\/soliloquywp.com\/html-slider-demo\/#webpage","url":"https:\/\/soliloquywp.com\/html-slider-demo\/","name":"HTML Slider Demo","description":"Do you want to quickly create HTML slides in WordPress? Soliloquy\u2019s slider lets you create HTML files to use as slides. With a little bit of HTML knowledge, you have unlimited slider control and options available for your slides. Here are a few HTML sliders we\u2019ve created, but you certainly aren\u2019t limited to just what you","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/soliloquywp.com\/#website"},"breadcrumb":{"@id":"https:\/\/soliloquywp.com\/html-slider-demo\/#breadcrumblist"},"datePublished":"2021-10-12T17:20:59-04:00","dateModified":"2021-10-12T17:20:59-04:00"},{"@type":"WebSite","@id":"https:\/\/soliloquywp.com\/#website","url":"https:\/\/soliloquywp.com\/","name":"Soliloquy","description":"Best Responsive WordPress Slider Plugin","inLanguage":"en-US","publisher":{"@id":"https:\/\/soliloquywp.com\/#organization"}}]} </script> <!-- All in One SEO Pro --> <link rel='dns-prefetch' href='//a.omappapi.com' /> <link rel='dns-prefetch' href='//js.stripe.com' /> <!-- This site uses the Google Analytics by MonsterInsights plugin v9.2.1 - Using Analytics tracking - https://www.monsterinsights.com/ --> <script src="//www.googletagmanager.com/gtag/js?id=G-QGXP3ERL6E" data-cfasync="false" data-wpfc-render="false" type="text/javascript" async></script> <script data-cfasync="false" data-wpfc-render="false" type="text/javascript"> var mi_version = '9.2.1'; var mi_track_user = true; var mi_no_track_reason = ''; var MonsterInsightsDefaultLocations = {"page_location":"https:\/\/soliloquywp.com\/html-slider-demo\/"}; if ( typeof MonsterInsightsPrivacyGuardFilter === 'function' ) { var MonsterInsightsLocations = (typeof MonsterInsightsExcludeQuery === 'object') ? MonsterInsightsPrivacyGuardFilter( MonsterInsightsExcludeQuery ) : MonsterInsightsPrivacyGuardFilter( MonsterInsightsDefaultLocations ); } else { var MonsterInsightsLocations = (typeof MonsterInsightsExcludeQuery === 'object') ? MonsterInsightsExcludeQuery : MonsterInsightsDefaultLocations; } var disableStrs = [ 'ga-disable-G-QGXP3ERL6E', ]; /* Function to detect opted out users */ function __gtagTrackerIsOptedOut() { for (var index = 0; index < disableStrs.length; index++) { if (document.cookie.indexOf(disableStrs[index] + '=true') > -1) { return true; } } return false; } /* Disable tracking if the opt-out cookie exists. */ if (__gtagTrackerIsOptedOut()) { for (var index = 0; index < disableStrs.length; index++) { window[disableStrs[index]] = true; } } /* Opt-out function */ function __gtagTrackerOptout() { for (var index = 0; index < disableStrs.length; index++) { document.cookie = disableStrs[index] + '=true; expires=Thu, 31 Dec 2099 23:59:59 UTC; path=/'; window[disableStrs[index]] = true; } } if ('undefined' === typeof gaOptout) { function gaOptout() { __gtagTrackerOptout(); } } window.dataLayer = window.dataLayer || []; window.MonsterInsightsDualTracker = { helpers: {}, trackers: {}, }; if (mi_track_user) { function __gtagDataLayer() { dataLayer.push(arguments); } function __gtagTracker(type, name, parameters) { if (!parameters) { parameters = {}; } if (parameters.send_to) { __gtagDataLayer.apply(null, arguments); return; } if (type === 'event') { parameters.send_to = monsterinsights_frontend.v4_id; var hookName = name; if (typeof parameters['event_category'] !== 'undefined') { hookName = parameters['event_category'] + ':' + name; } if (typeof MonsterInsightsDualTracker.trackers[hookName] !== 'undefined') { MonsterInsightsDualTracker.trackers[hookName](parameters); } else { __gtagDataLayer('event', name, parameters); } } else { __gtagDataLayer.apply(null, arguments); } } __gtagTracker('js', new Date()); __gtagTracker('set', { 'developer_id.dZGIzZG': true, }); if ( MonsterInsightsLocations.page_location ) { __gtagTracker('set', MonsterInsightsLocations); } __gtagTracker('config', 'G-QGXP3ERL6E', {"forceSSL":"true","link_attribution":"true"} ); window.gtag = __gtagTracker; (function () { /* https://developers.google.com/analytics/devguides/collection/analyticsjs/ */ /* ga and __gaTracker compatibility shim. */ var noopfn = function () { return null; }; var newtracker = function () { return new Tracker(); }; var Tracker = function () { return null; }; var p = Tracker.prototype; p.get = noopfn; p.set = noopfn; p.send = function () { var args = Array.prototype.slice.call(arguments); args.unshift('send'); __gaTracker.apply(null, args); }; var __gaTracker = function () { var len = arguments.length; if (len === 0) { return; } var f = arguments[len - 1]; if (typeof f !== 'object' || f === null || typeof f.hitCallback !== 'function') { if ('send' === arguments[0]) { var hitConverted, hitObject = false, action; if ('event' === arguments[1]) { if ('undefined' !== typeof arguments[3]) { hitObject = { 'eventAction': arguments[3], 'eventCategory': arguments[2], 'eventLabel': arguments[4], 'value': arguments[5] ? arguments[5] : 1, } } } if ('pageview' === arguments[1]) { if ('undefined' !== typeof arguments[2]) { hitObject = { 'eventAction': 'page_view', 'page_path': arguments[2], } } } if (typeof arguments[2] === 'object') { hitObject = arguments[2]; } if (typeof arguments[5] === 'object') { Object.assign(hitObject, arguments[5]); } if ('undefined' !== typeof arguments[1].hitType) { hitObject = arguments[1]; if ('pageview' === hitObject.hitType) { hitObject.eventAction = 'page_view'; } } if (hitObject) { action = 'timing' === arguments[1].hitType ? 'timing_complete' : hitObject.eventAction; hitConverted = mapArgs(hitObject); __gtagTracker('event', action, hitConverted); } } return; } function mapArgs(args) { var arg, hit = {}; var gaMap = { 'eventCategory': 'event_category', 'eventAction': 'event_action', 'eventLabel': 'event_label', 'eventValue': 'event_value', 'nonInteraction': 'non_interaction', 'timingCategory': 'event_category', 'timingVar': 'name', 'timingValue': 'value', 'timingLabel': 'event_label', 'page': 'page_path', 'location': 'page_location', 'title': 'page_title', 'referrer' : 'page_referrer', }; for (arg in args) { if (!(!args.hasOwnProperty(arg) || !gaMap.hasOwnProperty(arg))) { hit[gaMap[arg]] = args[arg]; } else { hit[arg] = args[arg]; } } return hit; } try { f.hitCallback(); } catch (ex) { } }; __gaTracker.create = newtracker; __gaTracker.getByName = newtracker; __gaTracker.getAll = function () { return []; }; __gaTracker.remove = noopfn; __gaTracker.loaded = true; window['__gaTracker'] = __gaTracker; })(); } else { console.log(""); (function () { function __gtagTracker() { return null; } window['__gtagTracker'] = __gtagTracker; window['gtag'] = __gtagTracker; })(); } </script> <!-- / Google Analytics by MonsterInsights --> <script data-cfasync="false" data-wpfc-render="false" type="text/javascript"> window.MonsterInsightsDualTracker.helpers.mapProductItem = function (uaItem) { var prefixIndex, prefixKey, mapIndex; var toBePrefixed = ['id', 'name', 'list_name', 'brand', 'category', 'variant']; var item = {}; var fieldMap = { 'price': 'price', 'list_position': 'index', 'quantity': 'quantity', 'position': 'index', }; for (mapIndex in fieldMap) { if (uaItem.hasOwnProperty(mapIndex)) { item[fieldMap[mapIndex]] = uaItem[mapIndex]; } } for (prefixIndex = 0; prefixIndex < toBePrefixed.length; prefixIndex++) { prefixKey = toBePrefixed[prefixIndex]; if (typeof uaItem[prefixKey] !== 'undefined') { item['item_' + prefixKey] = uaItem[prefixKey]; } } return item; }; MonsterInsightsDualTracker.trackers['view_item_list'] = function (parameters) { var items = parameters.items; var listName, itemIndex, item, itemListName; var lists = { '_': {items: [], 'send_to': monsterinsights_frontend.v4_id}, }; for (itemIndex = 0; itemIndex < items.length; itemIndex++) { item = MonsterInsightsDualTracker.helpers.mapProductItem(items[itemIndex]); if (typeof item['item_list_name'] === 'undefined') { lists['_'].items.push(item); } else { itemListName = item['item_list_name']; if (typeof lists[itemListName] === 'undefined') { lists[itemListName] = { 'items': [], 'item_list_name': itemListName, 'send_to': monsterinsights_frontend.v4_id, }; } lists[itemListName].items.push(item); } } for (listName in lists) { __gtagDataLayer('event', 'view_item_list', lists[listName]); } }; MonsterInsightsDualTracker.trackers['select_content'] = function (parameters) { const items = parameters.items.map(MonsterInsightsDualTracker.helpers.mapProductItem); __gtagDataLayer('event', 'select_item', {items: items, send_to: parameters.send_to}); }; MonsterInsightsDualTracker.trackers['view_item'] = function (parameters) { const items = parameters.items.map(MonsterInsightsDualTracker.helpers.mapProductItem); __gtagDataLayer('event', 'view_item', {items: items, send_to: parameters.send_to}); }; </script> <script data-cfasync="false" data-wpfc-render="false" type="text/javascript"> if (window.hasOwnProperty('MonsterInsightsDualTracker')){ window.MonsterInsightsDualTracker.trackers['form:impression'] = function (parameters) { __gtagDataLayer('event', 'form_impression', { form_id: parameters.event_label, content_type: 'form', non_interaction: true, send_to: parameters.send_to, }); }; window.MonsterInsightsDualTracker.trackers['form:conversion'] = function (parameters) { __gtagDataLayer('event', 'generate_lead', { form_id: parameters.event_label, send_to: parameters.send_to, }); }; } </script> <link rel='stylesheet' id='wp-block-library-css' href='https://soliloquywp.com/wp-includes/css/dist/block-library/style.min.css?ver=6.5.4' type='text/css' media='all' /> <link rel='stylesheet' id='coblocks-frontend-css' href='https://soliloquywp.com/wp-content/plugins/coblocks/dist/style-coblocks-1.css?ver=3.1.13' type='text/css' media='all' /> <link rel='stylesheet' id='coblocks-extensions-css' href='https://soliloquywp.com/wp-content/plugins/coblocks/dist/style-coblocks-extensions.css?ver=3.1.13' type='text/css' media='all' /> <link rel='stylesheet' id='coblocks-animation-css' href='https://soliloquywp.com/wp-content/plugins/coblocks/dist/style-coblocks-animation.css?ver=2677611078ee87eb3b1c' type='text/css' media='all' /> <link rel='stylesheet' id='edd-blocks-css' href='https://soliloquywp.com/wp-content/plugins/easy-digital-downloads-pro/includes/blocks/assets/css/edd-blocks.css?ver=3.3.6.1' type='text/css' media='all' /> <style id='classic-theme-styles-inline-css' type='text/css'> /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} </style> <style id='global-styles-inline-css' type='text/css'> 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-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='am-alert-style-css' href='https://soliloquywp.com/wp-content/plugins/am-shortcodes/assets/css/alert.css?ver=1.0.0' type='text/css' media='all' /> <link rel='stylesheet' id='edd-styles-css' href='https://soliloquywp.com/wp-content/plugins/easy-digital-downloads-pro/assets/css/edd.min.css?ver=3.3.6.1' type='text/css' media='all' /> <link rel='stylesheet' id='wp-components-css' href='https://soliloquywp.com/wp-includes/css/dist/components/style.min.css?ver=6.5.4' type='text/css' media='all' /> <link rel='stylesheet' id='godaddy-styles-css' href='https://soliloquywp.com/wp-content/plugins/coblocks/includes/Dependencies/GoDaddy/Styles/build/latest.css?ver=2.0.2' type='text/css' media='all' /> <link rel='stylesheet' id='edd-recurring-css' href='https://soliloquywp.com/wp-content/plugins/edd-recurring/assets/css/styles.css?ver=2.12.5.1' type='text/css' media='all' /> <link rel='stylesheet' id='soliloquy-screen-css' href='https://soliloquywp.com/wp-content/themes/soliloquy-v4/style.css?ver=4.0.4' type='text/css' media='' /> <link rel="https://api.w.org/" href="https://soliloquywp.com/wp-json/" /><link rel="alternate" type="application/json" href="https://soliloquywp.com/wp-json/wp/v2/pages/589891" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://soliloquywp.com/xmlrpc.php?rsd" /> <link rel='shortlink' href='https://soliloquywp.com/?p=589891' /> <link rel="alternate" type="application/json+oembed" href="https://soliloquywp.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fsoliloquywp.com%2Fhtml-slider-demo%2F" /> <link rel="alternate" type="text/xml+oembed" href="https://soliloquywp.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fsoliloquywp.com%2Fhtml-slider-demo%2F&format=xml" /> <!-- Stream WordPress user activity plugin v4.0.2 --> <meta name="generator" content="Easy Digital Downloads v3.3.6.1" /> <!-- begin Convert Experiences code--><script type="text/javascript" src="//cdn-4.convertexperiments.com/v1/js/10047864-100412492.js"></script><!-- end Convert Experiences code --> <!-- MonsterInsights Form Tracking --> <script data-cfasync="false" data-wpfc-render="false" type="text/javascript"> function monsterinsights_forms_record_impression(event) { monsterinsights_add_bloom_forms_ids(); var monsterinsights_forms = document.getElementsByTagName("form"); var monsterinsights_forms_i; for (monsterinsights_forms_i = 0; monsterinsights_forms_i < monsterinsights_forms.length; monsterinsights_forms_i++) { var monsterinsights_form_id = monsterinsights_forms[monsterinsights_forms_i].getAttribute("id"); var skip_conversion = false; /* Check to see if it's contact form 7 if the id isn't set */ if (!monsterinsights_form_id) { monsterinsights_form_id = monsterinsights_forms[monsterinsights_forms_i].parentElement.getAttribute("id"); if (monsterinsights_form_id && monsterinsights_form_id.lastIndexOf('wpcf7-f', 0) === 0) { /* If so, let's grab that and set it to be the form's ID*/ var tokens = monsterinsights_form_id.split('-').slice(0, 2); var result = tokens.join('-'); monsterinsights_forms[monsterinsights_forms_i].setAttribute("id", result);/* Now we can do just what we did above */ monsterinsights_form_id = monsterinsights_forms[monsterinsights_forms_i].getAttribute("id"); } else { monsterinsights_form_id = false; } } /* Check if it's Ninja Forms & id isn't set. */ if (!monsterinsights_form_id && monsterinsights_forms[monsterinsights_forms_i].parentElement.className.indexOf('nf-form-layout') >= 0) { monsterinsights_form_id = monsterinsights_forms[monsterinsights_forms_i].parentElement.parentElement.parentElement.getAttribute('id'); if (monsterinsights_form_id && 0 === monsterinsights_form_id.lastIndexOf('nf-form-', 0)) { /* If so, let's grab that and set it to be the form's ID*/ tokens = monsterinsights_form_id.split('-').slice(0, 3); result = tokens.join('-'); monsterinsights_forms[monsterinsights_forms_i].setAttribute('id', result); /* Now we can do just what we did above */ monsterinsights_form_id = monsterinsights_forms[monsterinsights_forms_i].getAttribute('id'); skip_conversion = true; } } if (monsterinsights_form_id && monsterinsights_form_id !== 'commentform' && monsterinsights_form_id !== 'adminbar-search') { __gtagTracker('event', 'impression', { event_category: 'form', event_label: monsterinsights_form_id, value: 1, non_interaction: true }); /* If a WPForms Form, we can use custom tracking */ if (monsterinsights_form_id && 0 === monsterinsights_form_id.lastIndexOf('wpforms-form-', 0)) { continue; } /* Formiddable Forms, use custom tracking */ if (monsterinsights_forms_has_class(monsterinsights_forms[monsterinsights_forms_i], 'frm-show-form')) { continue; } /* If a Gravity Form, we can use custom tracking */ if (monsterinsights_form_id && 0 === monsterinsights_form_id.lastIndexOf('gform_', 0)) { continue; } /* If Ninja forms, we use custom conversion tracking */ if (skip_conversion) { continue; } var custom_conversion_mi_forms = false; if (custom_conversion_mi_forms) { continue; } if (window.jQuery) { (function (form_id) { jQuery(document).ready(function () { jQuery('#' + form_id).on('submit', monsterinsights_forms_record_conversion); }); })(monsterinsights_form_id); } else { var __gaFormsTrackerWindow = window; if (__gaFormsTrackerWindow.addEventListener) { document.getElementById(monsterinsights_form_id).addEventListener("submit", monsterinsights_forms_record_conversion, false); } else { if (__gaFormsTrackerWindow.attachEvent) { document.getElementById(monsterinsights_form_id).attachEvent("onsubmit", monsterinsights_forms_record_conversion); } } } } else { continue; } } } function monsterinsights_forms_has_class(element, className) { return (' ' + element.className + ' ').indexOf(' ' + className + ' ') > -1; } function monsterinsights_forms_record_conversion(event) { var monsterinsights_form_conversion_id = event.target.id; var monsterinsights_form_action = event.target.getAttribute("miforms-action"); if (monsterinsights_form_conversion_id && !monsterinsights_form_action) { document.getElementById(monsterinsights_form_conversion_id).setAttribute("miforms-action", "submitted"); __gtagTracker('event', 'conversion', { event_category: 'form', event_label: monsterinsights_form_conversion_id, value: 1, }); } } /* Attach the events to all clicks in the document after page and GA has loaded */ function monsterinsights_forms_load() { if (typeof (__gtagTracker) !== 'undefined' && __gtagTracker) { var __gtagFormsTrackerWindow = window; if (__gtagFormsTrackerWindow.addEventListener) { __gtagFormsTrackerWindow.addEventListener("load", monsterinsights_forms_record_impression, false); } else { if (__gtagFormsTrackerWindow.attachEvent) { __gtagFormsTrackerWindow.attachEvent("onload", monsterinsights_forms_record_impression); } } } else { setTimeout(monsterinsights_forms_load, 200); } } /* Custom Ninja Forms impression tracking */ if (window.jQuery) { jQuery(document).on('nfFormReady', function (e, layoutView) { var label = layoutView.el; label = label.substring(1, label.length); label = label.split('-').slice(0, 3).join('-'); __gtagTracker('event', 'impression', { event_category: 'form', event_label: label, value: 1, non_interaction: true }); }); } /* Custom Bloom Form tracker */ function monsterinsights_add_bloom_forms_ids() { var bloom_forms = document.querySelectorAll('.et_bloom_form_content form'); if (bloom_forms.length > 0) { for (var i = 0; i < bloom_forms.length; i++) { if ('' === bloom_forms[i].id) { var form_parent_root = monsterinsights_find_parent_with_class(bloom_forms[i], 'et_bloom_optin'); if (form_parent_root) { var classes = form_parent_root.className.split(' '); for (var j = 0; j < classes.length; ++j) { if (0 === classes[j].indexOf('et_bloom_optin')) { bloom_forms[i].id = classes[j]; } } } } } } } function monsterinsights_find_parent_with_class(element, className) { if (element.parentNode && '' !== className) { if (element.parentNode.className.indexOf(className) >= 0) { return element.parentNode; } else { return monsterinsights_find_parent_with_class(element.parentNode, className); } } return false; } monsterinsights_forms_load(); </script> <!-- End MonsterInsights Form Tracking --> <link rel="icon" href="https://soliloquywp.com/wp-content/uploads/2016/03/cropped-site_icon-32x32.png" sizes="32x32" /> <link rel="icon" href="https://soliloquywp.com/wp-content/uploads/2016/03/cropped-site_icon-192x192.png" sizes="192x192" /> <link rel="apple-touch-icon" href="https://soliloquywp.com/wp-content/uploads/2016/03/cropped-site_icon-180x180.png" /> <meta name="msapplication-TileImage" content="https://soliloquywp.com/wp-content/uploads/2016/03/cropped-site_icon-270x270.png" /> <style type="text/css" id="wp-custom-css"> /* Start New Demo Custom CSS*/ .postid-352718 .fluid-width-video-wrapper { visibility: hidden !important; } body.page-id-529397 h1 { text-align: center; margin: 10px 0; } body.page-id-529397 section.intro { padding: 120px 0 0 0; } body.page-id-529397 .intro .container article p { font-size: 16px; line-height: 1.3em; margin-bottom: 10px; } /* End New Demo Custom CSS*/ /*2021 Full Width Demo CSS*/ body.page.page-id-589996 #content { width: 100% !important; max-width: 100%; } body.page.page-id-589996 #content ul#soliloquy-519608 img { width: 100%; } body.page.page-id-589996 .post-589996 p, pre { width: 80%; margin: 0 auto; } body.page.page-id-589996 .button-primary { } /*End Full Width Demo CSS*/ body.soliloquy_docs-template-default h3 { font-size: 27px; } body.soliloquy_docs-template-default h5 { font-size: 20px; } body.soliloquy_docs-template-default .panel .panel-content { padding: 20px; } body.soliloquy_docs-template-default h1 { font-size: 28px; } body.soliloquy_docs-template-default ol li, body.soliloquy_docs-template-default ul li, body.soliloquy_docs-template-default dl li { margin-bottom: 10px; line-height: 25px; margin-top: 10px; } body.page.page-id-519610 #content { width: 100% !important; max-width: 100%; } body.page.page-id-519610 #content ul#soliloquy-519608 img { width: 100%; } body.page-template-page-templatestemplate-checkout-php #edd_checkout_form_wrap form#edd_purchase_form fieldset#edd_cc_fields label.edd-label { float: none; padding-bottom: 10px; } .envira-renewal-notice { display: none; } /*Demo Page CSS*/ body.page-id-592832 .container { width: 92% !important; } body.page-id-592832 p { text-align: center; font-size: 16px !important; margin: 0 auto !important; line-height: 25px !important; } body.page-id-592832 .intro .container h1 { font-weight: 700; font-size: 30px; text-align: center; } body.page-id-592832 section.cta div.cta-inner { padding: 14px 90px 30px; } body.page-id-592832 footer#footer aside ul.column { width: 19%; } body.page-id-592832 section.intro { padding: 80px 0 0 0 !important; } body.page-id-592832 section, body.envira_album-template-default.postid-133269 section { padding: 15px 0 0 0; } body.page-id-592832 .demo-grid .label h2 { font-size: 20px; } @media only screen and (max-width: 600px) { body.page-id-592832 a.demo-grid { flex: none; margin: 0 0 20px 0; max-width: 100%; width: 95%; } } </style> <noscript><style id="rocket-lazyload-nojs-css">.rll-youtube-player, [data-lazy-src]{display:none !important;}</style></noscript> </head> <!--Start Body--> <body class="page-template-default page page-id-589891 wp-custom-logo edd-js-none"> <div id="header-wrap"> <header id="header" role="banner"> <div class="container"> <a href="https://soliloquywp.com/" class="custom-logo-link" rel="home"><img width="400" height="82" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20400%2082'%3E%3C/svg%3E" class="custom-logo" alt="Best Responsive WordPress Slider Plugin" decoding="async" data-lazy-srcset="https://soliloquywp.com/wp-content/uploads/2016/03/logo.png 400w, https://soliloquywp.com/wp-content/uploads/2016/03/logo-300x62.png 300w" data-lazy-sizes="(max-width: 400px) 100vw, 400px" title="logo - Soliloquy" data-lazy-src="https://soliloquywp.com/wp-content/uploads/2016/03/logo.png" /><noscript><img width="400" height="82" src="https://soliloquywp.com/wp-content/uploads/2016/03/logo.png" class="custom-logo" alt="Best Responsive WordPress Slider Plugin" decoding="async" srcset="https://soliloquywp.com/wp-content/uploads/2016/03/logo.png 400w, https://soliloquywp.com/wp-content/uploads/2016/03/logo-300x62.png 300w" sizes="(max-width: 400px) 100vw, 400px" title="logo - Soliloquy" /></noscript></a> <div class="right"> <nav id="header-menu" class="menu-primary-navigation-container"><ul id="header-nav" class=""><li id="menu-item-322109" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-322109"><a href="https://soliloquywp.com/features/">Features</a></li> <li id="menu-item-594427" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-594427"><a href="https://soliloquywp.com/soliloquy-demo/">Demo</a></li> <li id="menu-item-322084" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-322084"><a href="https://soliloquywp.com/pricing/">Pricing</a></li> <li id="menu-item-322101" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-322101"><a href="https://soliloquywp.com/contact/">Contact</a></li> <li id="menu-item-322090" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-322090"><a href="https://soliloquywp.com/login/">Login</a></li> <li id="menu-item-322085" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-322085"><a href="https://soliloquywp.com/blog/">Blog</a></li> <li id="menu-item-322092" class="button button-primary menu-item menu-item-type-post_type menu-item-object-page menu-item-322092"><a href="https://soliloquywp.com/pricing/">Get Soliloquy</a></li> </ul></nav> <!-- Sidr: Navigation Close Button --> <div id="sidr-close-button"> <a href="#sidr-close" id="sidr-close">X</a> </div> <!-- Mobile Menu --> <a href="#sidr-main" id="sidr-menu-button">☰</a> </div> </div> </header> </div> <!-- Intro --> <section id="intro"> <div class="container"> <article class="center"> <h1 class="page-title">HTML Slider Demo</h1> </article> </div> </section> <main id="content" class="container"> <div class="grid-md-12 first"> <article class="post-589891 page type-page status-publish hentry"> <p>Do you want to quickly create HTML slides in WordPress? Soliloquy鈥檚 slider lets you create HTML files to use as slides.</p> <p>With a little bit of HTML knowledge, you have unlimited slider control and options available for your slides.</p> <p>Here are a few HTML sliders we鈥檝e created, but you certainly aren鈥檛 limited to just what you see in these examples.</p> <h3 class="wp-block-heading">Quotes Slider</h3> <p>With a bit of styling, you can use the HTML slider to display quotes, including testimonials, on your site.</p> <div class="wp-block-soliloquy-soliloquywp"><style type="text/css">.soliloquy-html-content blockquote {text-align:center;}#soliloquy-container-337865 .soliloquy-html-content { display: table; width: 90%; margin: auto; vertical-align: middle;}#soliloquy-container-337865 .slide_wrap {width: 100% !important; display: table-cell; vertical-align: middle;}.soliloquy-html-content blockquote cite {float: right;margin-top: 20px;}</style><div class="soliloquy-outer-container" data-soliloquy-loaded="0"><div aria-live="polite" id="soliloquy-container-337865" class="soliloquy-container soliloquy-transition-fade soliloquy-fade soliloquy-arrows-active soliloquy-theme-karisma no-js" style="max-width:540px;margin:0 auto 20px;"><ul id="soliloquy-337865" class="soliloquy-slider soliloquy-slides soliloquy-wrap soliloquy-clear"><li aria-hidden="true" class="soliloquy-item soliloquy-item-1 soliloquy-id-337865-alberteinstein soliloquy-html-slide" draggable="false" style="list-style:none;"><div class="soliloquy-html-sentinel soliloquy-clear" style="position:static;display:block;visibility:hidden;z-index:-10000;top:0;left:0;width:100%;height:200px;"><div class="soliloquy-html-content soliloquy-clear"><div class="slide_wrap"><blockquote><p>Learn from yesterday, live for today, hope for tomorrow. The important thing is not to stop questioning.</p> <cite> --Albert Einstein </cite> </blockquote> </div></div></div></li><li aria-hidden="true" class="soliloquy-item soliloquy-item-2 soliloquy-id-337865-winstonchurchill soliloquy-html-slide" draggable="false" style="list-style:none;"><div class="soliloquy-html-sentinel soliloquy-clear" style="position:static;display:block;visibility:hidden;z-index:-10000;top:0;left:0;width:100%;height:200px;"><div class="soliloquy-html-content soliloquy-clear"><div class="slide_wrap"><blockquote><p>Success is walking from failure to failure with no loss of enthusiasm.</p> <cite> --Winston Churchill </cite> </blockquote> </div></div></div></li><li aria-hidden="true" class="soliloquy-item soliloquy-item-3 soliloquy-id-337865-nelsonmandela soliloquy-html-slide" draggable="false" style="list-style:none;"><div class="soliloquy-html-sentinel soliloquy-clear" style="position:static;display:block;visibility:hidden;z-index:-10000;top:0;left:0;width:100%;height:200px;"><div class="soliloquy-html-content soliloquy-clear"><div class="slide_wrap"><blockquote><p>There is no easy walk to freedom anywhere, and many of us will have to pass through the valley of the shadow of death again and again before we reach the mountaintop of our desires.</p> <cite> --Nelson Mandela </cite> </blockquote> </div></div></div></li><li aria-hidden="true" class="soliloquy-item soliloquy-item-4 soliloquy-id-337865-richardbranson soliloquy-html-slide" draggable="false" style="list-style:none;"><div class="soliloquy-html-sentinel soliloquy-clear" style="position:static;display:block;visibility:hidden;z-index:-10000;top:0;left:0;width:100%;height:200px;"><div class="soliloquy-html-content soliloquy-clear"><div class="slide_wrap"><blockquote><p>To me, business isn't about wearing suits or pleasing stockholders. It's about being true to yourself, your ideas and focusing on the essentials.</p> <cite> --Richard Branson </cite> </blockquote> </div></div></div></li><li aria-hidden="true" class="soliloquy-item soliloquy-item-5 soliloquy-id-337865-martinlutherkingjr soliloquy-html-slide" draggable="false" style="list-style:none;"><div class="soliloquy-html-sentinel soliloquy-clear" style="position:static;display:block;visibility:hidden;z-index:-10000;top:0;left:0;width:100%;height:200px;"><div class="soliloquy-html-content soliloquy-clear"><div class="slide_wrap"><blockquote><p>We are not makers of history. We are made by history.</p> <cite> --Martin Luther King, Jr. </cite> </blockquote> </div></div></div></li></ul></div><noscript><div class="soliloquy-no-js" style="display:none;visibility:hidden;height:0;line-height:0;opacity:0;"></div></noscript></div></div> <p><strong>Quotes Slider Configuration</strong><br>Slider Theme Karisma, Dimensions 960x100px, Transition Fade, Transition Duration 5000ms, Transition Speed 400ms.</p> <h3 class="wp-block-heading">HTML Mixed Content Slider</h3> <p>You can mix together a variety of slide types into a single presentation such as photos, videos, and HTML documents. In this slider we鈥檝e combined multiple HTML slides with an Image and Video slide.</p> <div class="wp-block-soliloquy-soliloquywp"><style type="text/css">#soliloquy-container-337879 .html-lists,#soliloquy-container-337879 .html-image { max-width: 90%; width: 100%; margin: 5px auto; padding: 10px; text-align: center;}#soliloquy-container-337879 .html-image img { max-width: 250px; height: auto;}#soliloquy-container-337879 .html-lists ol, #soliloquy-container-337879 .html-lists ul { text-align: center; line-height: 1.5em; margin-bottom: 10px;}#soliloquy-container-337879 .html-lists ol li { list-style: inside decimal; }#soliloquy-container-337879 .html-lists ul li { list-style: inside disc;}#soliloquy-container-337879.soliloquy-container .soliloquy-item-1 .soliloquy-html-content { display: table; }#soliloquy-container-337879.soliloquy-container .soliloquy-item-1 { background-color: lightskyblue; }.html-slide-form-example { display: table-cell; vertical-align: middle; max-width: 90%; width: 100%;margin: 0 auto; text-align: center;} .html-slide-form-example input { max-width: 70%; width: 100%; background-color: #fff; text-align: center; font-size: 18px; line-height: 1em;}ul#soliloquy-337879 input[type="text"] {border: 1px solid #333;color: #333;margin-bottom: 10px;padding: 5px;border-radius: 3px;}ul#soliloquy-337879 input[type="button"] {display: block;margin: auto;border-radius: 3px;background-color: #333;padding: 10px 5px;color: #fff;border: 1px solid transparent;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}ul#soliloquy-337879 input[type="button"]:hover {background-color: #666;border: 1px solid #333 !important;}ul#soliloquy-337879 h6 {margin-bottom:20px;}.soliloquy-container .soliloquy-caption .soliloquy-caption-inside{padding: 30px !important}</style><div class="soliloquy-outer-container" data-soliloquy-loaded="0"><div aria-live="polite" id="soliloquy-container-337879" class="soliloquy-container soliloquy-transition-fade soliloquy-fade soliloquy-controls-active soliloquy-arrows-active soliloquy-pauseplay-active soliloquy-theme-base no-js" style="max-width:540px;margin:0 auto 20px;"><ul id="soliloquy-337879" class="soliloquy-slider soliloquy-slides soliloquy-wrap soliloquy-clear"><li aria-hidden="true" class="soliloquy-item soliloquy-item-1 soliloquy-id-337879-slide1 soliloquy-html-slide" draggable="false" style="list-style:none;"><div class="soliloquy-html-sentinel soliloquy-clear" style="position:static;display:block;visibility:hidden;z-index:-10000;top:0;left:0;width:100%;height:300px;"><div class="soliloquy-html-content soliloquy-clear"><div class="html-slide-form-example"><h6>Add forms to your slider as HTML Slides</h6> <form> <input type="text" name="firstname" placeholder="First Name" /><br> <input type="text" name="lastname" placeholder="Last Name" /> <input type="button" value="Submit" /> </form> </div></div></div></li><li aria-hidden="true" class="soliloquy-item soliloquy-item-2 soliloquy-id-337847 soliloquy-image-slide" draggable="false" style="list-style:none;"><img decoding="async" loading="lazy" id="soliloquy-image-337847" class="soliloquy-image soliloquy-image-2 soliloquy-preload" src="https://soliloquywp.com/wp-content/plugins/soliloquy/assets/css/images/holder.gif" width="540" height="300" data-soliloquy-src="https://soliloquywp.com/wp-content/uploads/2016/06/water-540x300_c.jpg" alt="water" data-no-lazy="1" /><div class="soliloquy-caption soliloquy-caption-bottom"><div class="soliloquy-caption-inside">You can even have mixed content! Some HTML, some images, some videos! The possibilities are endless!</div></div></li><li aria-hidden="true" class="soliloquy-item soliloquy-item-3 soliloquy-id-337879-youtube soliloquy-video-slide" draggable="false" style="list-style:none;"><a href="#" class="soliloquy-video-link soliloquy-link" title="YouTube"><img fetchpriority="high" decoding="async" id="soliloquy-video-337879-youtube" class="soliloquy-image soliloquy-video-thumb soliloquy-video-youtube soliloquy-video-3 soliloquy-preload" src="https://soliloquywp.com/wp-content/plugins/soliloquy/assets/css/images/holder.gif" width="540" height="300" data-soliloquy-src="https://soliloquywp.com/wp-content/uploads/2016/06/maxresdefault-4-540x300_c.jpg" alt="YouTube" data-no-lazy="1" /><span class="soliloquy-video-icon soliloquy-youtube-video" data-soliloquy-video-type="youtube" data-soliloquy-video-id="OJhrjMQV6CU" data-soliloquy-video-holder="337879-youtube"></span><div id="337879-youtube-holder" class="soliloquy-video-holder" data-soliloquy-slider-id="337879"></div></a><div class="soliloquy-caption soliloquy-caption-bottom"><div class="soliloquy-caption-inside">Here's a video slide, another example of how you can mix the types of slides in a single slider!</div></div></li></ul></div><noscript><div class="soliloquy-no-js" style="display:none;visibility:hidden;height:0;line-height:0;opacity:0;"><img decoding="async" data-no-lazy="1" class="soliloquy-image soliloquy-no-js-image skip-lazy" loading="lazy" src="https://soliloquywp.com/wp-content/uploads/2016/06/water.jpg" alt="water" /><img decoding="async" data-no-lazy="1" class="soliloquy-image soliloquy-no-js-image skip-lazy" loading="lazy" src="https://soliloquywp.com/wp-content/uploads/2016/06/maxresdefault-4.jpg" alt="" /></div></noscript></div></div> <p><strong>HTML Content Slider Configuration</strong><br>Slide 1: HTML, Slide 2: Image, Slide 3: YouTube hosted video. Base theme, 540x300px, Transition Duration 5000ms, Transition Speed 400ms.</p> <a class="button button-primary" href="https://soliloquywp.com/pricing/">Get Started with Soliloquy</a> </article> </div> </main> <!-- Footer --> <footer id="footer"> <div class="container"> <!-- Widgets --> <aside> <ul class="column column-1"> <li id="nav_menu-1" class="widget widget_nav_menu"><h4 class="widgettitle">Company</h4><div class="menu-company-container"><ul id="menu-company" class="menu"><li id="menu-item-322113" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-322113"><a href="https://soliloquywp.com/about-us/">About Us</a></li> <li id="menu-item-322107" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-322107"><a href="https://soliloquywp.com/contact/">Contact</a></li> <li id="menu-item-322105" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-322105"><a href="https://soliloquywp.com/affiliates/">Affiliates</a></li> <li id="menu-item-322106" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-322106"><a href="https://soliloquywp.com/blog/">Blog</a></li> <li id="menu-item-428568" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-428568"><a href="https://soliloquywp.com/demo/">Demo</a></li> <li id="menu-item-428567" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-428567"><a href="https://soliloquywp.com/pricing/">Plans & Pricing</a></li> </ul></div></li> </ul> <ul class="column column-2"> <li id="nav_menu-2" class="widget widget_nav_menu"><h4 class="widgettitle">Top Features</h4><div class="menu-top-features-1-container"><ul id="menu-top-features-1" class="menu"><li id="menu-item-322116" class="menu-item menu-item-type-post_type menu-item-object-addons menu-item-322116"><a href="https://soliloquywp.com/addons/featured-content/">Featured Content Slider</a></li> <li id="menu-item-322115" class="menu-item menu-item-type-post_type menu-item-object-addons menu-item-322115"><a href="https://soliloquywp.com/addons/woocommerce-addon/">WooCommerce Slider</a></li> <li id="menu-item-322117" class="menu-item menu-item-type-post_type menu-item-object-addons menu-item-322117"><a href="https://soliloquywp.com/addons/carousel/">Carousel Slider</a></li> <li id="menu-item-322118" class="menu-item menu-item-type-post_type menu-item-object-addons menu-item-322118"><a href="https://soliloquywp.com/addons/lightbox/">Lightbox Slider</a></li> <li id="menu-item-428572" class="menu-item menu-item-type-post_type menu-item-object-addons menu-item-428572"><a href="https://soliloquywp.com/addons/thumbnails/">Thumbnails Slider</a></li> <li id="menu-item-322114" class="menu-item menu-item-type-post_type menu-item-object-addons menu-item-322114"><a href="https://soliloquywp.com/addons/dynamic/">Dynamic Slider</a></li> <li id="menu-item-428566" class="menu-item menu-item-type-post_type menu-item-object-addons menu-item-428566"><a href="https://soliloquywp.com/addons/pdf/">PDF Slider Addon</a></li> <li id="menu-item-428573" class="menu-item menu-item-type-post_type menu-item-object-addons menu-item-428573"><a href="https://soliloquywp.com/addons/themes/">Slider Themes</a></li> <li id="menu-item-428574" class="menu-item menu-item-type-post_type menu-item-object-addons menu-item-428574"><a href="https://soliloquywp.com/addons/instagram/">Instagram Slider</a></li> </ul></div></li> </ul> <ul class="column column-3"> <li id="nav_menu-3" class="widget widget_nav_menu"><h4 class="widgettitle">Slider Demos</h4><div class="menu-demos-container"><ul id="menu-demos" class="menu"><li id="menu-item-342223" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-342223"><a href="https://soliloquywp.com/demo/carousel-slider-demo/">Carousel Slider</a></li> <li id="menu-item-342222" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-342222"><a href="https://soliloquywp.com/demo/featured-content-slider-demo/">Featured Content Slider</a></li> <li id="menu-item-342224" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-342224"><a href="https://soliloquywp.com/demo/lightbox-slider-demo/">Lightbox Slider</a></li> <li id="menu-item-342228" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-342228"><a href="https://soliloquywp.com/demo/video-slider-demo/">Video Slider</a></li> <li id="menu-item-342264" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-342264"><a href="https://soliloquywp.com/demo/slider-with-captions-demo/">Slider with Captions</a></li> <li id="menu-item-342241" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-342241"><a href="https://soliloquywp.com/demo/slider-transition-effects-demo/">Slider with Transition Effects</a></li> <li id="menu-item-342263" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-342263"><a href="https://soliloquywp.com/demo/slider-with-thumbnails-demo/">Slider with Thumbnails</a></li> <li id="menu-item-342262" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-342262"><a href="https://soliloquywp.com/demo/instagram-slider-demo/">Instagram Slider</a></li> <li id="menu-item-342265" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-342265"><a href="https://soliloquywp.com/demo/slider-themes-demo/">Slider Themes Demo</a></li> <li id="menu-item-347511" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-347511"><a href="https://soliloquywp.com/demo/html-slider-demo/">Custom HTML Slider Demo</a></li> </ul></div></li> </ul> <ul class="column column-4"> <li id="nav_menu-6" class="widget widget_nav_menu"><h4 class="widgettitle">Our Brands</h4><div class="menu-our-brands-container"><ul id="menu-our-brands" class="menu"><li id="menu-item-428560" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-428560"><a title="WordPress Photo and Video Gallery plugin" target="_blank" rel="noopener" href="http://enviragallery.com/">Envira Gallery</a></li> </ul></div></li> <li class="widget widget_social panel panel-secondary"> <div class="panel-content"> <h4 class="widgettitle">Connect With Us</h4> <ul> <li class="facebook"> <a href="https://www.facebook.com/soliloquywp" title="Facebook" target="_blank" class="facebook"> Facebook </a> </li> <li class="twitter"> <a href="https://twitter.com/soliloquywp" title="Twitter" target="_blank" class="twitter"> Twitter </a> </li> <li class="youtube"> <a href="https://www.youtube.com/@SoliloquySlider" title="YouTube" target="_blank" class="youtube"> YouTube </a> </li> </ul> </div> </li> <li id="block-3" class="widget widget_block"><a href="https://www.wpbeginner.com/solutions/soliloquy/" target="_blank" rel="noopener"><img decoding="async" width="480" height="86" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20480%2086'%3E%3C/svg%3E" alt="WPBeginner verified" class="wp-image-637661" data-lazy-srcset="https://soliloquywp.com/wp-content/uploads/2025/01/wpb-verified.png 480w, https://soliloquywp.com/wp-content/uploads/2025/01/wpb-verified.png 300w" data-lazy-sizes="(max-width: 480px) 100vw, 480px" data-lazy-src="https://soliloquywp.com/wp-content/uploads/2025/01/wpb-verified.png"><noscript><img decoding="async" width="480" height="86" src="https://soliloquywp.com/wp-content/uploads/2025/01/wpb-verified.png" alt="WPBeginner verified" class="wp-image-637661" srcset="https://soliloquywp.com/wp-content/uploads/2025/01/wpb-verified.png 480w, https://soliloquywp.com/wp-content/uploads/2025/01/wpb-verified.png 300w" sizes="(max-width: 480px) 100vw, 480px"></noscript></a></li> </ul> <ul class="column column-5"> <li id="nav_menu-4" class="widget widget_nav_menu"><h4 class="widgettitle">Helpful Links</h4><div class="menu-helpful-links-container"><ul id="menu-helpful-links" class="menu"><li id="menu-item-322102" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-322102"><a href="https://soliloquywp.com/login/">Login</a></li> <li id="menu-item-322103" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-322103"><a href="https://soliloquywp.com/members-area/support/">Support</a></li> <li id="menu-item-322162" class="menu-item menu-item-type-post_type_archive menu-item-object-soliloquy_docs menu-item-322162"><a href="https://soliloquywp.com/docs/">Documentation</a></li> <li id="menu-item-428569" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-428569"><a title="How to choose the best WordPress hosting" target="_blank" rel="noopener" href="http://www.wpbeginner.com/wordpress-hosting/">WordPress Hosting</a></li> <li id="menu-item-428570" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-428570"><a title="How to make a website (step by step)" target="_blank" rel="noopener" href="http://www.wpbeginner.com/guides/">Make a Website</a></li> </ul></div></li> </ul> </aside> </div> <!-- Copyright --> <div id="footer-info" class="container"> <div class="left"> <p class="copyright"> Copyright © 2025 SoliloquyWP, LLC. All rights reserved. </p> <p class="copyright">The WordPress庐 trademark is the intellectual property of the WordPress Foundation. Uses of the WordPress庐, names in this website are for identification purposes only and do not imply an endorsement by WordPress Foundation. Soliloquy is not endorsed or owned by, or affiliated with, the WordPress Foundation</p> <nav> <ul id="menu-footer-copyright" class="list-inline"><li id="menu-item-322111" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-322111"><a href="https://soliloquywp.com/terms-and-conditions/">Terms of Service</a></li> <li id="menu-item-322110" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-322110"><a href="https://soliloquywp.com/privacy-policy/">Privacy Policy</a></li> <li id="menu-item-637180" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-637180"><a href="https://soliloquywp.com/application-privacy-policy/">Application Privacy Policy</a></li> <li id="menu-item-322112" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-322112"><a href="https://soliloquywp.com/sitemap_index.xml">Sitemap</a></li> </ul> </nav> </div> <img class="protected right" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" data-lazy-src="https://soliloquywp.com/wp-content/themes/soliloquy-v4/assets/images/edd/verisign@2x.png" /><noscript><img class="protected right" src="https://soliloquywp.com/wp-content/themes/soliloquy-v4/assets/images/edd/verisign@2x.png" /></noscript> </div> </footer> <script> WebFontConfig = { google: { families: [ 'Source+Sans+Pro:400,300,600:latin' ] } }; (function() { var wf = document.createElement('script'); wf.src = 'https://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js'; wf.type = 'text/javascript'; wf.async = 'true'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(wf, s); })();</script><script type="text/javascript" src="https://soliloquywp.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script> <script type="text/javascript" src="https://soliloquywp.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script> <script type="text/javascript" id="drip-js-extra"> /* <![CDATA[ */ var drip = {"tag_prefix":"soliloquy","checkout_url":"https:\/\/soliloquywp.com\/checkout\/?nocache=true"}; var drip = {"tag_prefix":"soliloquy","checkout_url":"https:\/\/soliloquywp.com\/checkout\/?nocache=true"}; /* ]]> */ </script> <script type="text/javascript" src="https://soliloquywp.com/wp-content/mu-plugins/envira-core-v2/assets/js/drip.min.js?ver=1.0.0" id="drip-js"></script> <script type="text/javascript" id="soliloquy-app-js-extra"> /* <![CDATA[ */ var soliloquy_theme = {"ajax":"https:\/\/soliloquywp.com\/wp-admin\/admin-ajax.php","nonce":"2a1fa7d03a","searching_for":"Searching for ","search_loading":"Loading...","confirm_cancel":"You are about to cancel your {plan name} subscription. You will lose access to support and updates once your subscription expires. Are you sure you want to continue?","search_no_results":"No docs found"}; /* ]]> */ </script> <script type="text/javascript" src="https://soliloquywp.com/wp-content/themes/soliloquy-v4/assets/js/min/app-min.js?ver=4.0.4" id="soliloquy-app-js"></script> <script type="text/javascript" src="https://soliloquywp.com/wp-content/plugins/google-analytics-premium/assets/js/frontend-gtag.min.js?ver=9.2.1" id="monsterinsights-frontend-script-js" async="async" data-wp-strategy="async"></script> <script data-cfasync="false" data-wpfc-render="false" type="text/javascript" id='monsterinsights-frontend-script-js-extra'>/* <![CDATA[ */ var monsterinsights_frontend = {"js_events_tracking":"true","download_extensions":"doc,pdf,ppt,zip,xls,docx,pptx,xlsx","inbound_paths":"[{\"path\":\"\\\/go\\\/\",\"label\":\"affiliate\"},{\"path\":\"\\\/recommend\\\/\",\"label\":\"affiliate\"}]","home_url":"https:\/\/soliloquywp.com","hash_tracking":"false","v4_id":"G-QGXP3ERL6E"};/* ]]> */ </script> <script type="text/javascript" src="https://soliloquywp.com/wp-content/plugins/coblocks/dist/js/coblocks-animation.js?ver=3.1.13" id="coblocks-animation-js"></script> <script type="text/javascript" src="https://soliloquywp.com/wp-content/plugins/coblocks/dist/js/vendors/tiny-swiper.js?ver=3.1.13" id="coblocks-tiny-swiper-js"></script> <script type="text/javascript" id="coblocks-tinyswiper-initializer-js-extra"> /* <![CDATA[ */ var coblocksTinyswiper = {"carouselPrevButtonAriaLabel":"Previous","carouselNextButtonAriaLabel":"Next","sliderImageAriaLabel":"Image"}; /* ]]> */ </script> <script type="text/javascript" src="https://soliloquywp.com/wp-content/plugins/coblocks/dist/js/coblocks-tinyswiper-initializer.js?ver=3.1.13" id="coblocks-tinyswiper-initializer-js"></script> <script type="text/javascript" id="edd-ajax-js-extra"> /* <![CDATA[ */ var edd_scripts = {"ajaxurl":"https:\/\/soliloquywp.com\/wp-admin\/admin-ajax.php","position_in_cart":"","has_purchase_links":"0","already_in_cart_message":"You have already added this item to your cart","empty_cart_message":"Your cart is empty","loading":"Loading","select_option":"Please select an option","is_checkout":"0","default_gateway":"stripe","redirect_to_checkout":"1","checkout_page":"https:\/\/soliloquywp.com\/checkout\/?nocache=true","permalinks":"1","quantities_enabled":"","taxes_enabled":"0","current_page":"589891"}; /* ]]> */ </script> <script type="text/javascript" src="https://soliloquywp.com/wp-content/plugins/easy-digital-downloads-pro/assets/js/edd-ajax.js?ver=3.3.6.1" id="edd-ajax-js"></script> <script>(function(d){var s=d.createElement("script");s.type="text/javascript";s.src="https://a.omappapi.com/app/js/api.min.js";s.async=true;s.id="omapi-script";d.getElementsByTagName("head")[0].appendChild(s);})(document);</script><script type="text/javascript" id="eg-cancel-js-extra"> /* <![CDATA[ */ var egCancelSurvery = {"ajax":"https:\/\/soliloquywp.com\/wp-admin\/admin-ajax.php","nonce":"9957476485","accountUrl":"https:\/\/soliloquywp.com\/members-area\/?cancellation-survey=1","form_ids":{"choose_reason":631833},"confirm_page_url":"https:\/\/soliloquywp.com\/members-area\/?cancellation-survey=2"}; /* ]]> */ </script> <script type="text/javascript" src="https://soliloquywp.com/wp-content/themes/soliloquy-v4/assets/js/min/cancel-min.js" id="eg-cancel-js"></script> <script type="text/javascript" src="https://js.stripe.com/v3/?ver=v3" id="sandhills-stripe-js-v3-js"></script> <script type="text/javascript" src="https://soliloquywp.com/wp-content/plugins/wp-rocket/assets/js/heartbeat.js?ver=3.15.9" id="heartbeat-js"></script> <script type="text/javascript" id="soliloquy-script-js-extra"> /* <![CDATA[ */ var soliloquy_ajax = {"ajax":"https:\/\/soliloquywp.com\/wp-admin\/admin-ajax.php","ajax_nonce":"12eeb86f45"}; var soliloquy_ajax = {"ajax":"https:\/\/soliloquywp.com\/wp-admin\/admin-ajax.php","ajax_nonce":"12eeb86f45"}; /* ]]> */ </script> <script type="text/javascript" src="https://soliloquywp.com/wp-content/plugins/soliloquy/assets/js/min/soliloquy-min.js?ver=2.6.12" id="soliloquy-script-js"></script> <script type="text/javascript" src="https://www.youtube.com/iframe_api?ver=2.6.12" id="soliloquy-youtube-js"></script> <script> var shareasaleSSCID=shareasaleGetParameterByName("sscid");function shareasaleSetCookie(e,a,r,s,t){if(e&&a){var o,n=s?"; path="+s:"",i=t?"; domain="+t:"",l="";r&&((o=new Date).setTime(o.getTime()+r),l="; expires="+o.toUTCString()),document.cookie=e+"="+a+l+n+i}}function shareasaleGetParameterByName(e,a){a||(a=window.location.href),e=e.replace(/[\[\]]/g,"\\$&");var r=new RegExp("[?&]"+e+"(=([^&#]*)|&|#|$)").exec(a);return r?r[2]?decodeURIComponent(r[2].replace(/\+/g," ")):"":null}shareasaleSSCID&&shareasaleSetCookie("shareasaleSSCID",shareasaleSSCID,94670778e4,"/"); </script> <style>.edd-js-none .edd-has-js, .edd-js .edd-no-js, body.edd-js input.edd-no-js { display: none; }</style> <script>/* <![CDATA[ */(function(){var c = document.body.classList;c.remove('edd-js-none');c.add('edd-js');})();/* ]]> */</script> <!-- Drip --> <script type="text/javascript"> var _dcq = _dcq || []; var _dcs = _dcs || {}; _dcs.account = '2509708'; window.onload = function () { var dc = document.createElement( 'script' ); dc.type = 'text/javascript'; dc.async = true; dc.src = '//tag.getdrip.com/2509708.js'; var s = document.getElementsByTagName( 'script' )[0]; s.parentNode.insertBefore( dc, s ); } </script> <!-- end Drip --> <!-- This site is converting visitors into subscribers and customers with OptinMonster - https://optinmonster.com :: Campaign Title: 11/23 Exit Intent Popup --> <script>(function(d,u,ac){var s=d.createElement('script');s.type='text/javascript';s.src='https://a.omappapi.com/app/js/api.min.js';s.async=true;s.dataset.user=u;s.dataset.campaign=ac;d.getElementsByTagName('head')[0].appendChild(s);})(document,40288,'zkejc5adl7ar5aqlrlwy');</script> <!-- / OptinMonster --><script type="text/javascript"> /* MonsterInsights Scroll Tracking */ if ( typeof(jQuery) !== 'undefined' ) { jQuery( document ).ready(function(){ function monsterinsights_scroll_tracking_load() { if ( ( typeof(__gaTracker) !== 'undefined' && __gaTracker && __gaTracker.hasOwnProperty( "loaded" ) && __gaTracker.loaded == true ) || ( typeof(__gtagTracker) !== 'undefined' && __gtagTracker ) ) { (function(factory) { factory(jQuery); }(function($) { /* Scroll Depth */ "use strict"; var defaults = { percentage: true }; var $window = $(window), cache = [], scrollEventBound = false, lastPixelDepth = 0; /* * Plugin */ $.scrollDepth = function(options) { var startTime = +new Date(); options = $.extend({}, defaults, options); /* * Functions */ function sendEvent(action, label, scrollDistance, timing) { if ( 'undefined' === typeof MonsterInsightsObject || 'undefined' === typeof MonsterInsightsObject.sendEvent ) { return; } var paramName = action.toLowerCase(); var fieldsArray = { send_to: 'G-QGXP3ERL6E', non_interaction: true }; fieldsArray[paramName] = label; if (arguments.length > 3) { fieldsArray.scroll_timing = timing MonsterInsightsObject.sendEvent('event', 'scroll_depth', fieldsArray); } else { MonsterInsightsObject.sendEvent('event', 'scroll_depth', fieldsArray); } } function calculateMarks(docHeight) { return { '25%' : parseInt(docHeight * 0.25, 10), '50%' : parseInt(docHeight * 0.50, 10), '75%' : parseInt(docHeight * 0.75, 10), /* Cushion to trigger 100% event in iOS */ '100%': docHeight - 5 }; } function checkMarks(marks, scrollDistance, timing) { /* Check each active mark */ $.each(marks, function(key, val) { if ( $.inArray(key, cache) === -1 && scrollDistance >= val ) { sendEvent('Percentage', key, scrollDistance, timing); cache.push(key); } }); } function rounded(scrollDistance) { /* Returns String */ return (Math.floor(scrollDistance/250) * 250).toString(); } function init() { bindScrollDepth(); } /* * Public Methods */ /* Reset Scroll Depth with the originally initialized options */ $.scrollDepth.reset = function() { cache = []; lastPixelDepth = 0; $window.off('scroll.scrollDepth'); bindScrollDepth(); }; /* Add DOM elements to be tracked */ $.scrollDepth.addElements = function(elems) { if (typeof elems == "undefined" || !$.isArray(elems)) { return; } $.merge(options.elements, elems); /* If scroll event has been unbound from window, rebind */ if (!scrollEventBound) { bindScrollDepth(); } }; /* Remove DOM elements currently tracked */ $.scrollDepth.removeElements = function(elems) { if (typeof elems == "undefined" || !$.isArray(elems)) { return; } $.each(elems, function(index, elem) { var inElementsArray = $.inArray(elem, options.elements); var inCacheArray = $.inArray(elem, cache); if (inElementsArray != -1) { options.elements.splice(inElementsArray, 1); } if (inCacheArray != -1) { cache.splice(inCacheArray, 1); } }); }; /* * Throttle function borrowed from: * Underscore.js 1.5.2 * http://underscorejs.org * (c) 2009-2013 Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors * Underscore may be freely distributed under the MIT license. */ function throttle(func, wait) { var context, args, result; var timeout = null; var previous = 0; var later = function() { previous = new Date; timeout = null; result = func.apply(context, args); }; return function() { var now = new Date; if (!previous) previous = now; var remaining = wait - (now - previous); context = this; args = arguments; if (remaining <= 0) { clearTimeout(timeout); timeout = null; previous = now; result = func.apply(context, args); } else if (!timeout) { timeout = setTimeout(later, remaining); } return result; }; } /* * Scroll Event */ function bindScrollDepth() { scrollEventBound = true; $window.on('scroll.scrollDepth', throttle(function() { /* * We calculate document and window height on each scroll event to * account for dynamic DOM changes. */ var docHeight = $(document).height(), winHeight = window.innerHeight ? window.innerHeight : $window.height(), scrollDistance = $window.scrollTop() + winHeight, /* Recalculate percentage marks */ marks = calculateMarks(docHeight), /* Timing */ timing = +new Date - startTime; checkMarks(marks, scrollDistance, timing); }, 500)); } init(); }; /* UMD export */ return $.scrollDepth; })); jQuery.scrollDepth(); } else { setTimeout(monsterinsights_scroll_tracking_load, 200); } } monsterinsights_scroll_tracking_load(); }); } /* End MonsterInsights Scroll Tracking */ </script> <script type="text/javascript"> var zkejc5adl7ar5aqlrlwy_shortcode = true; </script> <link rel='stylesheet' id='soliloquy-style-css-css' href='https://soliloquywp.com/wp-content/plugins/soliloquy/assets/css/soliloquy.css?ver=2.6.12' type='text/css' media='all' /> <link rel='stylesheet' id='soliloquykarisma-theme-style-css-css' href='https://soliloquywp.com/wp-content/plugins/soliloquy-themes/themes/karisma/style.css?ver=2.6.12' type='text/css' media='all' /> <script type="text/javascript" src="https://soliloquywp.com/wp-content/plugins/optinmonster/assets/dist/js/helper.min.js?ver=2.16.8" id="optinmonster-wp-helper-js"></script> <script type="text/javascript"> jQuery('.soliloquy-container').removeClass('no-js'); </script> <script type="text/javascript"> if ( typeof soliloquy_slider === 'undefined' || false === soliloquy_slider ) {soliloquy_slider = {};}var soliloquy_width_337865 = jQuery('#soliloquy-container-337865').width() < 540 ? 540 : jQuery('#soliloquy-container-337865').width();jQuery('#soliloquy-container-337865').css('height', Math.round(soliloquy_width_337865/(540/200))).fadeTo(300, 1);jQuery(document).ready(function($){var soliloquy_container_337865 = $('#soliloquy-container-337865'),soliloquy_337865 = $('#soliloquy-337865'),soliloquy_holder_337865 = $('#soliloquy-337865').find('.soliloquy-preload');if ( 0 !== soliloquy_holder_337865.length ) {var soliloquy_mobile = soliloquyIsMobile(),soliloquy_src_attr = soliloquy_mobile ? 'data-soliloquy-src-mobile' : 'data-soliloquy-src';soliloquy_holder_337865.each(function() {var soliloquy_src = $(this).attr(soliloquy_src_attr);if ( typeof soliloquy_src === 'undefined' || false === soliloquy_src ) {return;}var soliloquy_image = new Image();soliloquy_image.src = soliloquy_src;$(this).attr('src', soliloquy_src).removeAttr(soliloquy_src_attr);});}soliloquy_slider['337865'] = soliloquy_337865.soliloquy({slideSelector: '.soliloquy-item',speed: 400,pause: 5000,auto: 1,keyboard: 1,useCSS: 1,startSlide: 0,autoHover: 0,autoDelay: 0,infiniteLoop: 1,mode: 'fade',pager: 0,controls: 1,autoControls: 0,autoControlsCombine: 0,nextText: '',prevText: '',startText: '',stopText: '',onSliderLoad: function(currentIndex){soliloquy_container_337865.find('.soliloquy-active-slide').removeClass('soliloquy-active-slide').attr('aria-hidden','true');soliloquy_container_337865.css({'height':'auto','background-image':'none'});if ( soliloquy_container_337865.find('.soliloquy-slider li').length > 1 ) {soliloquy_container_337865.find('.soliloquy-controls').fadeTo(300, 1);} else {soliloquy_container_337865.find('.soliloquy-controls').addClass('soliloquy-hide');}soliloquy_337865.find('.soliloquy-item:not(.soliloquy-clone):eq(' + currentIndex + ')').addClass('soliloquy-active-slide').attr('aria-hidden','false');$('.soliloquy-clone .soliloquy-video-holder').remove();soliloquy_container_337865.find('.soliloquy-controls-direction').attr('aria-label','carousel buttons').attr('aria-controls', 'soliloquy-container-337865');soliloquy_container_337865.find('.soliloquy-controls-direction a.soliloquy-prev').attr('aria-label','previous');soliloquy_container_337865.find('.soliloquy-controls-direction a.soliloquy-next').attr('aria-label','next');$(window).trigger('resize');soliloquy_container_337865.parent().attr('data-soliloquy-loaded', 1);},onSlideBefore: function(element, oldIndex, newIndex, oldelm ){soliloquy_container_337865.find('.soliloquy-active-slide').removeClass('soliloquy-active-slide').attr('aria-hidden','true');$(element).addClass('soliloquy-active-slide').attr('aria-hidden','false');},onSlideAfter: function(element, oldIndex, newIndex){}});$(window).on({'resize' : function(){var soliloquy_html_slides = soliloquy_337865.find('.soliloquy-html-sentinel');$.each(soliloquy_html_slides, function(i, el){$(this).height(Math.round(soliloquy_container_337865.width()/(540/200)));});}});$(document).on('contextmenu dragstart', '.soliloquy-wrapper, .soliloquybox-wrap, #soliloquy-337865 .soliloquy-image, #soliloquy-thumbnails-337865 img, .soliloquybox-image, #soliloquybox-thumbs img, .soliloquy-fullscreen .soliloquy-item', function(){return false;});$(".soliloquy-wrapper, .soliloquybox-wrap, #soliloquy-337865 .soliloquy-image, #soliloquy-thumbnails-337865 img, .soliloquybox-image, #soliloquybox-thumbs img, .soliloquy-fullscreen .soliloquy-item").on( 'click', function(e) {if (e.altKey) {e.preventDefault(); }});}); </script> <script type="text/javascript"> if ( typeof soliloquy_slider === 'undefined' || false === soliloquy_slider ) {soliloquy_slider = {};}if ( typeof soliloquy_youtube === 'undefined' || false === soliloquy_youtube ) {soliloquy_youtube = {};}var soliloquy_width_337879 = jQuery('#soliloquy-container-337879').width() < 540 ? 540 : jQuery('#soliloquy-container-337879').width();jQuery('#soliloquy-container-337879').css('height', Math.round(soliloquy_width_337879/(540/300))).fadeTo(300, 1);jQuery(document).ready(function($){var soliloquy_container_337879 = $('#soliloquy-container-337879'),soliloquy_337879 = $('#soliloquy-337879'),soliloquy_holder_337879 = $('#soliloquy-337879').find('.soliloquy-preload');if ( 0 !== soliloquy_holder_337879.length ) {var soliloquy_src_attr = 'data-soliloquy-src';soliloquy_holder_337879.each(function() {var soliloquy_src = $(this).attr(soliloquy_src_attr);if ( typeof soliloquy_src === 'undefined' || false === soliloquy_src ) {return;}var soliloquy_image = new Image();soliloquy_image.src = soliloquy_src;$(this).attr('src', soliloquy_src).removeAttr(soliloquy_src_attr);});}soliloquy_container_337879.find('.soliloquy-video-youtube').each(function(){if ( ! $(this).attr('src') ) {$(this).css('height', Math.round($('#soliloquy-container-337879').width()/(540/300)));}});$(document).on('click.soliloquyYouTube337879', '.soliloquy-youtube-video', function(e){e.preventDefault();var $this= $(this),id = $this.data('soliloquy-video-id'),hold = $this.data('soliloquy-video-holder') + '-holder',width= $('#soliloquy-container-337879').width(),height = $('#soliloquy-container-337879').height(),$current = $this.parent().parent().find( '#' + hold );soliloquyYouTubeVids({"enablejsapi":1,"version":3,"wmode":"transparent","rel":0,"showinfo":0,"modestbranding":1,"autoplay":1,"controls":1,"origin":"https:\/\/soliloquywp.com"}, id, width, height, hold, jQuery, $current );});soliloquy_slider['337879'] = soliloquy_337879.soliloquy({slideSelector: '.soliloquy-item',speed: 400,pause: 5000,auto: 1,keyboard: 1,useCSS: 1,startSlide: 0,autoHover: 1,autoDelay: 27,adaptiveHeight: 1,adaptiveHeightSpeed: 400,infiniteLoop: 1,mode: 'fade',pager: 1,controls: 1,autoControls: 1,autoControlsCombine: 1,nextText: '',prevText: '',startText: '',stopText: '',onSliderLoad: function(currentIndex){soliloquy_container_337879.find('.soliloquy-active-slide').removeClass('soliloquy-active-slide').attr('aria-hidden','true');soliloquy_container_337879.css({'height':'auto','background-image':'none'});if ( soliloquy_container_337879.find('.soliloquy-slider li').length > 1 ) {soliloquy_container_337879.find('.soliloquy-controls').fadeTo(300, 1);} else {soliloquy_container_337879.find('.soliloquy-controls').addClass('soliloquy-hide');}soliloquy_337879.find('.soliloquy-item:not(.soliloquy-clone):eq(' + currentIndex + ')').addClass('soliloquy-active-slide').attr('aria-hidden','false');$('.soliloquy-clone .soliloquy-video-holder').remove();soliloquy_container_337879.find('.soliloquy-controls-direction').attr('aria-label','carousel buttons').attr('aria-controls', 'soliloquy-container-337879');soliloquy_container_337879.find('.soliloquy-controls-direction a.soliloquy-prev').attr('aria-label','previous');soliloquy_container_337879.find('.soliloquy-controls-direction a.soliloquy-next').attr('aria-label','next');$(window).trigger('resize');soliloquy_container_337879.parent().attr('data-soliloquy-loaded', 1);},onSlideBefore: function(element, oldIndex, newIndex, oldelm ){soliloquy_container_337879.find('.soliloquy-active-slide').removeClass('soliloquy-active-slide').attr('aria-hidden','true');$(element).addClass('soliloquy-active-slide').attr('aria-hidden','false');youtube_id =$(oldelm).find('.soliloquy-youtube-video').data('soliloquy-video-id');$.each(soliloquy_youtube, function(id, yt){if ( youtube_id=== id ){yt.pauseVideo();}});},onSlideAfter: function(element, oldIndex, newIndex){}});$(window).on({'resize' : function(){var soliloquy_html_slides = soliloquy_337879.find('.soliloquy-html-sentinel');$.each(soliloquy_html_slides, function(i, el){$(this).height(Math.round(soliloquy_container_337879.width()/(540/300)));});}});$(document).on('contextmenu dragstart', '.soliloquy-wrapper, .soliloquybox-wrap, #soliloquy-337879 .soliloquy-image, #soliloquy-thumbnails-337879 img, .soliloquybox-image, #soliloquybox-thumbs img, .soliloquy-fullscreen .soliloquy-item', function(){return false;});$(".soliloquy-wrapper, .soliloquybox-wrap, #soliloquy-337879 .soliloquy-image, #soliloquy-thumbnails-337879 img, .soliloquybox-image, #soliloquybox-thumbs img, .soliloquy-fullscreen .soliloquy-item").on( 'click', function(e) {if (e.altKey) {e.preventDefault(); }});}); </script> <script type="text/javascript">var omapi_localized = { ajax: 'https://soliloquywp.com/wp-admin/admin-ajax.php?optin-monster-ajax-route=1', nonce: 'b7b7066c71', slugs: {"zkejc5adl7ar5aqlrlwy":{"slug":"zkejc5adl7ar5aqlrlwy","mailpoet":false}} };</script> <script type="text/javascript">var omapi_data = {"object_id":589891,"object_key":"page","object_type":"post","term_ids":[],"wp_json":"https:\/\/soliloquywp.com\/wp-json","wc_active":false,"edd_active":true,"nonce":"1060619729","edd":{"discounts":[],"quantity":0,"subtotal":"0.00","total":0,"items":[],"customer":null}};</script> <script>window.lazyLoadOptions=[{elements_selector:"img[data-lazy-src],.rocket-lazyload",data_src:"lazy-src",data_srcset:"lazy-srcset",data_sizes:"lazy-sizes",class_loading:"lazyloading",class_loaded:"lazyloaded",threshold:300,callback_loaded:function(element){if(element.tagName==="IFRAME"&&element.dataset.rocketLazyload=="fitvidscompatible"){if(element.classList.contains("lazyloaded")){if(typeof window.jQuery!="undefined"){if(jQuery.fn.fitVids){jQuery(element).parent().fitVids()}}}}}},{elements_selector:".rocket-lazyload",data_src:"lazy-src",data_srcset:"lazy-srcset",data_sizes:"lazy-sizes",class_loading:"lazyloading",class_loaded:"lazyloaded",threshold:300,}];window.addEventListener('LazyLoad::Initialized',function(e){var lazyLoadInstance=e.detail.instance;if(window.MutationObserver){var observer=new MutationObserver(function(mutations){var image_count=0;var iframe_count=0;var rocketlazy_count=0;mutations.forEach(function(mutation){for(var i=0;i<mutation.addedNodes.length;i++){if(typeof mutation.addedNodes[i].getElementsByTagName!=='function'){continue} if(typeof mutation.addedNodes[i].getElementsByClassName!=='function'){continue} images=mutation.addedNodes[i].getElementsByTagName('img');is_image=mutation.addedNodes[i].tagName=="IMG";iframes=mutation.addedNodes[i].getElementsByTagName('iframe');is_iframe=mutation.addedNodes[i].tagName=="IFRAME";rocket_lazy=mutation.addedNodes[i].getElementsByClassName('rocket-lazyload');image_count+=images.length;iframe_count+=iframes.length;rocketlazy_count+=rocket_lazy.length;if(is_image){image_count+=1} if(is_iframe){iframe_count+=1}}});if(image_count>0||iframe_count>0||rocketlazy_count>0){lazyLoadInstance.update()}});var b=document.getElementsByTagName("body")[0];var config={childList:!0,subtree:!0};observer.observe(b,config)}},!1)</script><script data-no-minify="1" async src="https://soliloquywp.com/wp-content/plugins/wp-rocket/assets/js/lazyload/17.8.3/lazyload.min.js"></script> </body> </html>