This is a custom code placeholder.
Switch to Preview or publish the page
to see how your code works.
Double-click to edit
<div id="w1668981149198" class="ewebinar__Widget ewebinar__RegForm_Root" style="width: 100%;"> <form class="ewebinar__RegForm ewebinar--ltr"> <style> .hs-embed-wrapper { max-height: initial !important; }.ewebinar__RegForm { font-family: inherit; padding: 0; text-align: left; min-width: 300px; max-width: 450px; margin: auto; } .ewebinar__RegForm.ewebinar--rtl label { text-align: right; } .ewebinar__RegForm.ewebinar--rtl .ewebinar__RegForm__Field__Note p { text-align: right; } .ewebinar__RegForm a:hover, .ewebinar__RegForm a:visited, .ewebinar__RegForm a:link, .ewebinar__RegForm a:active { text-decoration: none; } .ewebinar__RegForm.loading .ewebinar__ButtonText { opacity: 0 !important; } .ewebinar__RegForm * { box-sizing: border-box; } .ewebinar__RegForm:not(.loading) .ewebinar__Dots { opacity: 0; animation: none; } .ewebinar__RegForm.loading .ewebinar__Dots { opacity: 1; animation: 1.5s linear 0s normal forwards; } .ewebinar__RegForm__Session { padding: 0 1em; height: 38px; border: 1px solid #444; display: flex; align-items: center; border-radius: 0.5em; width: 100%; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size: 0.875rem; } .ewebinar__RegForm__Content { padding: 1.5rem; } .ewebinar__RegForm:not(.ewebinar__RegForm--horizontal) .ewebinar__RegForm__Content { padding-bottom: 0.25rem; } .ewebinar__RegForm__Footer { padding: 1.5rem; padding-top: 0; display: flex; flex-direction: row; justify-content: flex-end; } .ewebinar__RegForm .ewebinar__RegisterButton, .ewebinar__RegForm .ewebinar__RegisterButton__Wrap { max-width: unset !important; width: 100%; } .ewebinar__RegForm__Field { margin-bottom: 1.25rem; } .ewebinar__RegForm__Field input, .ewebinar__RegForm__Field select { font-size: inherit; } .ewebinar__RegForm__Field__Label { display: block; margin-bottom: 0.5rem; } .ewebinar__RegForm__Field input { display: block; width: 100%; line-height: 1.21428571em; font-family: inherit; padding: 0.67857143em 1em; background: #fff; border: 1px solid rgba(34, 36, 38, 0.15); color: rgba(0, 0, 0, 0.87); border-radius: 0.28571429rem; box-shadow: none; } .ewebinar__RegForm__Field--Sessions .ewebinar__RegForm__Field__Label { display: none; } .ewebinar__RegForm__Field--Hidden { margin: 0; margin-bottom: 0; display: none; } .ewebinar__RegForm__Field__Input__Select { position: relative; border: none; background: #fff; border-radius: 5px; width: 100%; outline: none; border: 1px solid rgba(34, 36, 38, 0.15); z-index: unset; opacity: 1 !important; } .ewebinar__RegForm__Field__Input__Select::after { position: absolute; content: '⌄'; display: block; right: 1em; top: 50%; transform: translate(-10%, -75%) scale(2, 1.5); color: rgba(34, 36, 38, 0.15); pointer-events: none; } .ewebinar__RegForm__Field input::placeholder, .ewebinar__RegForm__Field__Input__Select select:invalid { color: #dedede !important; } .ewebinar__RegForm__Field__Input__Select select { font-size: inherit !important; font-family: inherit; height: 2.57142857em; padding: 0 1em; padding-right: 2.5rem; border: none; border-radius: 0.5em; width: 100%; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .ewebinar__RegForm__Field__Input__Select select option { height: 2.57142857em; } .ewebinar__Session__Dropdown::after { position: absolute; content: '⌄'; font-weight: 600; display: block; right: 1em; top: 50%; transform: translate(-10%, -75%) scale(2, 1.5); pointer-events: none; } .ewebinar__RegForm__Field__Input__Phone input { padding-left: 52px; } .ewebinar__RegForm__Field__Input__CheckedConsent { display: flex; align-items: start; } .ewebinar__RegForm__Field__Input__CheckedConsent p { margin: 0 !important; } .ewebinar__RegForm__Field__Input__CheckedConsent input { margin-right: 0.5rem; margin-top: 0; width: 32px; height: 24px; display: none !important; } .ewebinar__RegForm__Field__Input__CheckedConsent input ~ label { position: relative; padding-left: 25px; } .ewebinar__RegForm__Field__Input__CheckedConsent input ~ label::before { content: ''; position: absolute; top: 2px; left: 0; width: 17px; height: 17px; content: ''; background: #fff; border-radius: 0.21428571rem; -webkit-transition: border 0.1s ease, opacity 0.1s ease, -webkit-transform 0.1s ease, -webkit-box-shadow 0.1s ease; transition: border 0.1s ease, opacity 0.1s ease, -webkit-transform 0.1s ease, -webkit-box-shadow 0.1s ease; transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease; transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease, -webkit-transform 0.1s ease, -webkit-box-shadow 0.1s ease; border: 1px solid #979797 !important; } .ewebinar__RegForm__Field__Input__CheckedConsent input ~ label::after { content: '\2714'; position: absolute; opacity: 0; font-size: 14px; top: 0px; left: 0; width: 18px; height: 18px; text-align: center; opacity: 0; color: rgba(0, 0, 0, 0.87); -webkit-transition: border 0.1s ease, opacity 0.1s ease, -webkit-transform 0.1s ease, -webkit-box-shadow 0.1s ease; transition: border 0.1s ease, opacity 0.1s ease, -webkit-transform 0.1s ease, -webkit-box-shadow 0.1s ease; transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease; transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease, -webkit-transform 0.1s ease, -webkit-box-shadow 0.1s ease; } .ewebinar__RegForm__Field__Input__CheckedConsent input:checked ~ label::after { opacity: 1; } .ewebinar--rtl .ewebinar__RegForm__Field__Input__CheckedConsent input ~ label { padding-right: 25px; padding-left: 0; text-align: right; } .ewebinar--rtl .ewebinar__RegForm__Field__Input__CheckedConsent input ~ label::before { left: unset; right: 0; } .ewebinar--rtl .ewebinar__RegForm__Field__Input__CheckedConsent input ~ label::after { left: unset; right: 0; } .ewebinar__RegForm__Field__Input__CheckedConsent label { line-height: 1.5rem; } .ewebinar__RegForm__Error, .ewebinar__RegForm__Field__Error { color: #ff7470; font-size: 0.8rem; padding: 0.5833em 0.833em; display: none; } .ewebinar__RegForm__Error { margin-top: 0; margin-bottom: 0 !important; } .ewebinar__RegForm__Field__Note { margin-top: 0.5rem; font-size: 0.8rem; opacity: 0.7; } .ewebinar__RegForm__Field__Note p { margin: 0; } .ewebinar__RegForm__Field__Note > div { margin-bottom: 0.125rem; } .ewebinar__RegForm__Field__Error { display: none; position: relative; background: #fff; border: 1px solid #ff7470; border-radius: 0.28571429rem; margin-top: 0.5rem; } .ewebinar__RegForm__Field__Error::before { position: absolute; content: ''; background: #fff; border-left: 1px solid; border-top: 1px solid; z-index: 2; width: 0.6666em; height: 0.6666em; margin-top: -1px; border-color: inherit; border-width: 1px 0 0 1px; transform: translateX(-50%) translateY(-50%) rotate(45deg); top: 0; left: 50%; } .ewebinar__RegForm__Error.hasError, .ewebinar__RegForm__Field.hasError .ewebinar__RegForm__Field__Error { display: block; } .ewebinar__RegForm__Field .iti--allow-dropdown input, .ewebinar__RegForm__Field .iti--allow-dropdown input[type='text'], .ewebinar__RegForm__Field .iti--allow-dropdown input[type='tel'], .ewebinar__RegForm__Field .iti--separate-dial-code input, .ewebinar__RegForm__Field .iti--separate-dial-code input[type='text'], .ewebinar__RegForm__Field .iti--separate-dial-code input[type='tel'] { padding-right: 6px; padding-left: 52px; margin-left: 0; width: 100%; } .ewebinar__RegForm__Field .iti.iti--allow-dropdown { width: 100%; } /* horizontal form */ form.ewebinar__RegForm--horizontal .ewebinar__RegForm__Content > div:first-of-type { display: flex; flex-direction: column; order: 1; } form.ewebinar__RegForm--horizontal .ewebinar__RegForm__Content > div:first-of-type > div:last-of-type { order: 0; } form.ewebinar__RegForm--horizontal .ewebinar__RegForm__Content > div:first-of-type > div:nth-of-type(2) { order: 1; } @media only screen and (min-width: 992px) { form.ewebinar__RegForm--horizontal { max-width: 100%; display: flex; flex-direction: row; align-items: flex-end; } form.ewebinar__RegForm--horizontal .ewebinar__RegForm__Content { flex: 1; padding-right: 0; } form.ewebinar__RegForm--horizontal .ewebinar__RegForm__Content > div:first-of-type { display: flex; flex-direction: row; flex-wrap: wrap; align-items: flex-start; } form.ewebinar__RegForm--horizontal .ewebinar__RegForm__Content > div:first-of-type > div { display: flex; flex-wrap: wrap; } form.ewebinar__RegForm--horizontal .ewebinar__RegForm__Content > div:first-of-type > div:first-of-type { flex: 1; } form.ewebinar__RegForm--horizontal .ewebinar__RegForm__Content > div:first-of-type > div:nth-of-type(2) { order: 0; } form.ewebinar__RegForm--horizontal .ewebinar__RegForm__Content > div:first-of-type > div:nth-of-type(2) .ewebinar__RegForm__Field:last-of-type { margin-bottom: 1.25rem; } form.ewebinar__RegForm--horizontal .ewebinar__RegForm__Content > div:first-of-type > div:last-of-type { min-width: 100%; order: 1; } form.ewebinar__RegForm--horizontal .ewebinar__RegForm__Content > div:first-of-type > div:last-of-type .ewebinar__RegForm__Field { margin-top: 0; margin-bottom: 0; } form.ewebinar__RegForm--horizontal .ewebinar__RegForm__Content .ewebinar__RegForm__Field { min-width: 120px; margin-bottom: 0.75rem; flex: 1; } form.ewebinar__RegForm--has-4.ewebinar__RegForm--horizontal .ewebinar__RegForm__Content .ewebinar__RegForm__Field { min-width: calc(50% - 1rem); } form.ewebinar__RegForm--horizontal .ewebinar__RegForm__Content .ewebinar__RegForm__Field { margin-right: 1rem; } form.ewebinar__RegForm--horizontal .ewebinar__RegisterButton__Wrap { width: auto; margin-bottom: 0.75rem; } form.ewebinar__RegForm--horizontal.ewebinar__RegForm--showLabel .ewebinar__RegisterButton__Wrap { margin-top: 1.9em; } /* makes the button like the input */ form.ewebinar__RegForm--horizontal .ewebinar__RegisterButton { width: auto; height: auto; padding: 0.6em 3em; } /* makes session height like the input */ form.ewebinar__RegForm--horizontal .ewebinar__RegForm__Content .ewebinar__RegForm__Field--Sessions .ewebinar__Session__Dropdown__Select { min-height: auto; } form.ewebinar__RegForm--horizontal .ewebinar__RegForm__Content .ewebinar__RegForm__Field--Sessions select, form.ewebinar__RegForm--horizontal .ewebinar__RegForm__Content .ewebinar__RegForm__Field--Sessions .ss-single-selected { line-height: 1.21428571em; padding: 0.56em 1em !important; height: auto; } form.ewebinar__RegForm--horizontal .ewebinar__RegForm__Content .ewebinar__RegForm__Field--Sessions .ewebinar__RegForm__Field__Label { display: block; } form.ewebinar__RegForm--horizontal .ewebinar__RegForm__Content .ewebinar__RegForm__Field--Consent { width: 100%; margin-top: 0.5rem; margin-bottom: 0.5rem; max-width: none; margin-left: 0 !important; flex: auto; } form.ewebinar__RegForm--horizontal .ewebinar__RegForm__Footer { padding-top: 1.5rem; padding-left: 0; } } .ss-main { font-size: inherit !important; } .ss-hide input { min-height: 0; } .ss-add, .ss-arrow { display: none !important; } .ss-main .ss-single-selected, .ss-main .ss-multi-selected { border: none !important; box-shadow: none; padding: 0 !important; } .ss-main .ss-single-selected { height: auto !important; padding: 0.67857143em 1em !important; } .ewebinar__RegForm__Field .ss-main .ss-single-selected span { line-height: 1.21428571em !important; } .ewebinar__RegForm__Field .ewebinar__Session__Dropdown__Select { height: auto; min-height: 2.58em; } .ss-main .ss-values { margin-left: 0; width: 100%; line-height: 1.21428571em; font-family: inherit; padding: 0.5em 1em; background: #fff; color: rgba(0, 0, 0, 0.87); border-radius: 0.28571429rem; box-shadow: none; min-height: 2.58em; } .ss-main .ss-values .ss-value { line-height: 1.21428571em !important; margin: 0px 5px 0px 0px !important; } .ss-main .ss-values .ss-disabled { padding: 0 !important; margin: 0 !important; } .ss-content .ss-list { max-height: 9em; } html .ss-main .ss-single-selected .placeholder .ss-disabled { color: #7c8282; } .ewebinar--rtl .ss-option { text-align: right; } .ewebinar--rtl .ss-main .ss-single-selected { padding-right: 2.5rem !important; } .ewebinar__Session__Dropdown { position: relative; border: none; background: #fff; border-radius: 5px; width: 100%; outline: none; border: 1px solid #444; font-size: 1.1rem; } .ewebinar__Session__Dropdown__Select { font-family: inherit; height: 36px; padding: 0 1em; opacity: 1 !important; padding-right: 2.5rem; border: none; border-radius: 0.5em; font-size: 1em; width: 100%; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .ewebinar__Session__Dropdown__Select.ss-main .ss-single-selected { padding-right: 2rem !important; } .ewebinar__Session__Dropdown__Select.ss-main .ss-single-selected span { display: block; } .ewebinar__Session__Dropdown::after { position: absolute; content: '⌄'; font-weight: 600; display: block; right: 1em; top: 50%; transform: translate(-10%, -75%) scale(2, 1.5); pointer-events: none; } .ewebinar__Session__Dropdown__Select.ss-main { padding: 0 !important; text-transform: none; } .ewebinar__Session__Dropdown__Select:invalid { color: #dedede !important; } .ewebinar__Session__Dropdown__Select.ss-main .ss-single-selected.ss-open-below { background: none; }.ewebinar__Widget { line-height: 1.5; } .ewebinar--rtl { direction: rtl; } .ewebinar__Widget select { display: flex; } .ewebinar__Widget * { box-sizing: border-box; } .ewebinar__RegisterButton { font-family: inherit; box-sizing: border-box; font-family: inherit; position: relative; display: inline-block; padding: 0.7em 2em; cursor: pointer; border-width: 0px; outline: none; transition: all 0.2s; font-weight: 500; font-size: inherit; box-sizing: border-box; margin: 0; } .ewebinar__RegisterButton.loaded .ewebinar__Dots { display: none !important; } .ewebinar__RegisterButton.loaded .ewebinar__ButtonText { opacity: 1 !important; display: inline; vertical-align: middle; } .ewebinar__RegisterButton * { font-family: inherit; } .ewebinar__RegisterButton:hover { transform: translateY(-1px); font-weight: 500; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.1); border: none !important; } .ewebinar__RegisterButton:focus { font-weight: 500; } .ewebinar__RegisterButton:active { transform: translateY(1px); box-shadow: none; } .ewebinar__RegisterButton .ewebinar__ButtonText { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } @media only screen and (max-width: 614px) { .ewebinar__RegisterButton { max-width: 320px !important; min-height: 42px !important; width: 100% !important; } } .ewebinar__Dots { opacity: 1; animation: 1.5s linear 0s normal forwards 1.5 delayin; position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; justify-content: center; align-items: center; } button .ewebinar__Dots { background: #003878ff; border-radius: 16px; } .ewebinar__LoadingDot { height: 0.5em; width: 0.5em; border-radius: 100%; display: inline-block; animation: 1.2s ewebinar-loading-dot ease-in-out infinite; } .ewebinar__LoadingDot:nth-of-type(2) { animation-delay: 0.15s; margin-left: 0.5em; } .ewebinar__LoadingDot:nth-of-type(3) { animation-delay: 0.25s; margin-left: 0.5em; } @keyframes delayin { 0% { opacity:0; } 66% { opacity:0; } 100% { opacity:1; } } @keyframes ewebinar-loading-dot { 30% { transform: translateY(-35%); opacity: 0.3; } 60 % { transform: translateY(0%); opacity: 0.8; } } .ss-content .ss-list .ss-option:hover, .ss-content .ss-list .ss-option.ss-highlighted, .ss-main .ss-multi-selected .ss-values .ss-value { background-color: #1c8692ff !important; color: #ffffff !important; } .ewebinar__RegForm__Field__Input__CheckedConsent input ~ label::after { color: #1c8692ff; } </style> <div class="ewebinar__RegForm__Content"> <div> <div class="ewebinar__RegForm__Field ewebinar__RegForm__Field--Sessions" style="" > <div class="ewebinar__Session__Dropdown" style=" color: #1c8692ff; border-color: #1c8692ff; " > <select required name="session" class="ewebinar__Session__Dropdown__Select ewebinar__Session__Dropdown__Select--placeholder" > <option class="ewebinar__FixedBar__Content__Session__Dropdown__Select" value="" disabled selected hidden > Getting sessions... </option> </select> </div> <div class="ewebinar__RegForm__Field__Error"></div> </div> <div class="ewebinar__RegForm__Field"> <div class="ewebinar__RegForm__Field__Input"> <input id="firstName" name="firstName" placeholder="First name" /> </div> <div class="ewebinar__RegForm__Field__Error"></div> </div> <div class="ewebinar__RegForm__Field"> <div class="ewebinar__RegForm__Field__Input"> <input id="lastName" name="lastName" placeholder="Last name" /> </div> <div class="ewebinar__RegForm__Field__Error"></div> </div> <div class="ewebinar__RegForm__Field"> <div class="ewebinar__RegForm__Field__Input"> <input id="email" name="email" placeholder="Email" /> </div> <div class="ewebinar__RegForm__Field__Error"></div> </div> </div> <div class="ewebinar__RegForm__Captcha"></div> <div class="ewebinar__RegForm__Error"></div> </div> <div class="ewebinar__RegForm__Footer"> <a class="ewebinar__RegisterButton__Wrap ewebinar--ltr" href="javascript:;" style=" text-decoration: none; undefined; " > <button class="ewebinar__Widget ewebinar__RegisterButton" type="submit" style=" border-radius: 16px; background: #003878ff; color: #ffffff; undefined " ><div class="ewebinar__Dots "><span class="ewebinar__LoadingDot" style="background: #ffffff"></span><span class="ewebinar__LoadingDot" style="background: #ffffff"></span><span class="ewebinar__LoadingDot" style="background: #ffffff"></span></div><span class="ewebinar__ButtonText" style="white-space: nowrap">INSTANT ACCESS</span></button> </a> <noscript> <div style="text-align: center; margin-top: 1em; text-decoration: none; undefined"> <a style="color: #000; font-size: 13px;" href="https://stefaniegass.ewebinar.com/webinar/how-to-build-a-successful-online-business-in-less-than-2-hours-a-week-using-podcasting-5648">INSTANT ACCESS</a> </div> </noscript> </div> </form> </div><script>(function (w,d,s,o,f,js,fjs) { w['eWidget']=o;w[o] = w[o] || function () { (w[o].q = w[o].q || []).push(arguments) }; if(d.getElementById(o)) return; js = d.createElement(s), fjs = d.getElementsByTagName(s)[0]; js.id = o; js.src = f; fjs.parentNode.insertBefore(js, fjs); }(window, document, 'script', '_ew', 'https://app.ewebinar.com/widget.js'));_ew('init', {"root":"w1668981149198","isReview":false,"mode":"public","openInPopup":false,"for":"Registration","type":"RegForm","source":"","url":"https://stefaniegass.ewebinar.com/webinar/how-to-build-a-successful-online-business-in-less-than-2-hours-a-week-using-podcasting-5648","shortUrl":"https://stefaniegass.ewebinar.com/webinar/5648","sessions":[],"ewebinar":{"title":"How%20to%20Build%20a%20Successful%20Online%20Business%20in%20Less%20Than%202%20Hours%20a%20Week%20Using%20Podcasting","borderRadius":16,"primaryColor":"#1c8692ff","readableColor":"#ffffff","readableOnWhiteColor":"#1c8692ff","language":"en"},"showGdprBanner":false,"gdprBannerText":"","button":{"btnText":"INSTANT ACCESS","showButtonTimer":true,"buttonPrimaryColor":"#003878ff","buttonReadableColor":"#ffffff","align":"Center","isFullWidth":false},"registerForm":{"horizontal":false,"hideSessionsDropdown":false,"showOnlyBuiltInFields":false,"showFieldsLabel":false,"openLinkInNewWindow":false,"showConsentCheckbox":false,"formSessionType":"ShowDropdown","consentCheckboxText":"","fields":[{"fieldName":"First name","propertyName":"firstName","type":"Text","subType":null,"isRequired":true,"isRemovable":false,"note":"","options":null,"__typename":"RegistrationFormField"},{"fieldName":"Last name","propertyName":"lastName","type":"Text","subType":null,"isRequired":false,"isRemovable":false,"note":"","options":null,"__typename":"RegistrationFormField"},{"fieldName":"Email","propertyName":"email","type":"Email","subType":null,"isRequired":true,"isRemovable":false,"note":"","options":null,"__typename":"RegistrationFormField"}]}});window.ewInit && window.ewInit();</script>