Default Dev Script Validation

Default Header After Global Promotions

<style> /*** Reset styles ***/ * { -webkit-box-sizing: border-box; box-sizing: border-box; } a, a:hover { text-decoration: none; } img { max-width: 100%; } h1, h2, h3, h4, h5, h6{ display: block; margin-left: 0; margin-right: 0; font-weight: bold; word-break: break-word; } h1 { font-size: 2rem; margin-top: 0.67em; margin-bottom: 0.67em; } h2 { font-size: 1.5rem; margin-top: 0.83em; margin-bottom: 0.83em; } h3 { font-size: 1.17rem; margin-top: 1em; margin-bottom: 1em; } h4 { font-size: 1rem; margin-top: 1.33em; margin-bottom: 1.33em; } h5 { font-size: .83rem; margin-top: 1.67em; margin-bottom: 1.67em; } h6 { font-size: .67rem; margin-top: 2.33em; margin-bottom: 2.33em; } ul { list-style: disc; } ul ul, ol ul { list-style: circle; } ul ul ul, ol ul ul { list-style: square; } ol { list-style: decimal; } strong { font-weight: bold; } em { font-style: italic; } sup { vertical-align: super; font-size: smaller; } sub { vertical-align: sub; font-size: smaller; } hr { border-style: inset; border-width: 1px; } .p-base__desc { font-family: inherit; font-size: 1rem; font-weight: 300; margin-bottom: 1rem; text-rendering: optimizeLegibility; line-height: 1.8em; word-break: break-word; } /***Shop By Brands***/ .sb-brandLogo__image { margin-left: auto; margin-right: auto; display: block; } /***Featured Products***/ .sb-featuredProduct__image { margin-left: auto; margin-right: auto; display: block; } .sb-featuredProduct__title { text-align: center; } .sb-featuredProduct__brand-icon { margin-left: auto; margin-right: auto; } /*** Main container ***/ .p-container, .p-brands, .p-base__fullWidth-container { max-width: 1400px; padding: 0 1em; margin-left: auto; margin-right: auto; } /*** Page Content Styles ***/ /*Row Spacing*/ .p-base__section { margin: 4rem 0; } @media (max-width: 600px) { .p-base__section { margin: 1em 0; } } .p-base__section--no-margin { margin: 0; } .p-base__inner { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 600px) { .p-base__inner { display: block; } } @media (max-width: 980px) { .p-base__inner--mobileBlock { display: block; } } @media (min-width: 601px) and (max-width: 980px) { .p-base__inner--mobileBlock .p-base__column{ margin: 3em 0; } } .p-base__inner--align-items-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .p-base__inner--align-items-start { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .p-base__inner--align-items-end { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .p-base__column { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } @media (max-width: 600px) { .p-base__column { margin: 2em 0; } } @media (min-width: 601px) { .p-base__column:not(:last-child) { margin-right: 30px; } } .p-base__column--padding { padding: 1.3em; } .p-base__column--padding-double { padding: 4em 2em; } .p-base__column--round { border-radius: 1.4em; } .p-base__column--white { color: #fff; } .p-base__column--double-wide { -webkit-box-flex: 2; -ms-flex: 2; flex: 2; } .p-base__column--triple-wide { -webkit-box-flex: 3; -ms-flex: 3; flex: 3; } /*Column Text Styles*/ .p-base__inner--left, .p-base__column--left, .p-base__main-title--left, .p-base__headline--left, .p-base__subHeadline--left, .p-base__desc--left, .p-base__link--left{ text-align: left; } .p-base__inner--center, .p-base__column--center, .p-base__main-title--center, .p-base__headline--center, .p-base__subHeadline--center, .p-base__desc--center, .p-base__link--center { text-align: center; } .p-base__inner--right, .p-base__column--right, .p-base__main-title--right, .p-base__headline--right, .p-base__subHeadline--right, .p-base__desc--right, .p-base__link--right { text-align: right; } /*Image Styles*/ .p-base__img { display: block; } .p-base__img--center { margin-left: auto; margin-right: auto; } .p-base__img--circle { border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; } /*List Styles*/ .p-base__list { padding-left: 16px; } .p-base__list--noBullet { list-style: none; padding: 0; } .p-base__list-item { font-family: inherit; font-size: 1rem; font-weight: 300; line-height: 1.6rem; margin-bottom: 0.3em; text-rendering: optimizeLegibility; word-break: break-word; } .p-base__list-item-link { color: #d32f2f; } .p-base__list-item-address--normal{ font-style: normal; } .p-base__list-item--no-decoration { list-style: none; } .p-base__list-item--inline { display: inline-block; vertical-align: top; } /***Headline and Description Styles***/ .p-base__main-title{ font-size: 40px; line-height: 1.5em; display: block; margin-top: 0.67em; margin-bottom: 0.67em; margin-left: 0; margin-right: 0; font-weight: bold; } /* Landscape phone to portrait tablet */ @media (max-width: 767px) { .p-base__main-title { font-size: 29px; margin: 10px 0; line-height: initial; } } .p-base__main-title, .p-base__headline { color: #282828; } .p-base__main-title--white, .p-base__headline--white, .p-base__subHeadline--white, .p-base__desc--white, .p-base__link--white, .p-base__column--white { color:#ffffff; } .p-base__main-title--black, .p-base__headline--black, .p-base__subHeadline--black, .p-base__desc--black, .p-base__link--black, .p-base__column--black { color:#000000; } .p-base__main-title--bold, .p-base__desc--bold, .p-base__link--bold, .p-base__headline--bold, .p-base__subHeadline--bold, .p-base__list-item--bold { font-weight: bold; } .p-base__main-title--italic, .p-base__desc--italic, .p-base__link--italic, .p-base__headline--italic, .p-base__subHeadline--italic, .p-base__list-item--italic { font-style: italic; } .p-base__main-title--txtUpper, .p-base__btn--txtUpper, .p-base__link--txtUpper, .p-base__desc--txtUpper, .p-base__headline--txtUpper, .p-base__subHeadline--txtUpper, .p-base__list-item--txtUpper { text-transform: uppercase; } .p-base__main-title--txtCap, .p-base__btn--txtCap, .p-base__link--txtCap, .p-base__desc--txtCap, .p-base__headline--txtCap, .p-base__subHeadline--txtCap, .p-base__list-item--txtCap { text-transform: capitalize; } .p-base__main-title--light, .p-base__btn--light, .p-base__link--light, .p-base__desc--light, .p-base__headline--light, .p-base__subHeadline--light, .p-base__list-item--light { font-weight:100; } /*Contact Information styles*/ .p-base__contact-list, .p-base__contact-list-email, .p-base__contact-list-hours { list-style-type: none; padding: 0; line-height: 1.8rem; } .p-base__contact-list-item-address { font-style: normal; } .p-base__contact-list-item-link, .p-base__contact-list-email-item-link { font-weight: bold; color: #d32f2f; } /*Style for link and button */ /*Link Styles*/ .p-base__link { color: #d32f2f; } .p-base__link:hover{ color:#ff1111; cursor: pointer; outline-width: 0; } .p-base__link:active{ outline-width: 0; } .p-base__list-item-link{ color:#1c68af; } .p-base__list-item-link:hover{ color:#ff1111; cursor: pointer; outline-width: 0; } .p-base__list-item-link:active{ outline-width: 0; } .p-base__link--block { display:block; } /*Button Styles*/ .p-base__btn { padding: 1em; text-align: center; display: inline-block; background-color: #d32f2f; color: #fff; font-size:1rem; transition: background-color 300ms ease-out; } .p-base__btn:hover{ background-color:#999; cursor: pointer; } .p-base__btn:focus{ box-shadow: 0 5px 5px -3px rgba(0,0,0,.2), 0 8px 10px 1px rgba(0,0,0,.14), 0 3px 14px 2px rgba(0,0,0,.12); } .p-base__btn:active{ outline: none; } .p-base__btn--block{ display: block; } .p-base__btn--full { width: 100%; } .p-base__btn--round { border-radius: 2em; -moz-border-radius: 2em; -webkit-border-radius: 2em; } .p-base__btn--clear { background-color: transparent; border: .2em solid; color: #c7c7c7; transition: background-color 300ms ease-out; } .p-base__btn--clear:hover { background-color: rgba(255,255,255,0.5); color: #656565; } /*Btn Alignment*/ .p-base__btn--right { float: right; clear: both; } @media (max-width: 600px) { .p-base__btn--right{ float:none; } } .p-base__btn--center { margin-left: auto; margin-right: auto; display: table; } /*Full Width Column Styles*/ .p-base__fullWidth { padding: 4em 0; } @media (max-width: 600px) { .p-base__fullWidth { padding: 1em 0; } } .p-base__fullWidth--lessPadding { padding: 2em 0; } .p-base__fullWidth--padding-none{ padding:0px; } .p-base__fullWidth--bgImage { background: url("/media/test/6a009257f2f7b6a6fd62b9f63a849168.jpg"); background-size: cover; color: #fff; } .p-base__fullWidth--bgColor, .p-base__column--bgColor { background: #cccccc; color: #fff; } .p-base__fullWidth--bgColor .p-base__column--bgColor{ background: #999999; } .p-base__column--white .p-base__headline, .p-base__column--white .p-base__subHeadline, .p-base__column--white .p-base__link, .p-base__column--white .p-base__list-item-link{ color:#fff; } .p-base__fullWidth--bgColor-1{ background-color:#00CCFF; } .p-base__fullWidth--bgColor-2{ background-color:#000; } .p-base__fullWidth--bgColor-3{ background-color:#0000CC; } .p-base__fullWidth--bgColor-4{ background-color:#CCCCCC; } /*Full width banner*/ .p-base__fullWidth-banner-img { width: 100%; } /*** Lighter font weights ***/ .p-base__headline--lighter-font, .p-base__subHeadline--lighter-font, .p-base__main-title--lighter-font{ font-weight:normal; } .p-base__sup--font-size{ font-size: .7rem; vertical-align: top; } /*** Print Styles ***/ @media print { h1, h2, h3, h4, h5, h6, p, a, li, .p-base__link, .sb-footer__section-title{ color:#000; } h1, h2, h3, h4, h5, h6, p, a { line-height:initial; } a::after { content: " <" attr(href) ">"; color:#666; text-transform: lowercase; } .p-base__inner--left, .p-base__column--left, .p-base__headline--left, .p-base__subHeadline--left, .p-base__desc--left, .p-base__link--left, .p-base__inner--center, .p-base__column--center, .p-base__headline--center, .p-base__subHeadline--center, .p-base__desc--center, .p-base__link--center, .p-base__inner--right, .p-base__column--right, .p-base__headline--right, .p-base__subHeadline--right, .p-base__desc--right, .p-base__link--right { text-align:left; } .sb-footer__contact-phone, .sb-footer__social-item img, .sb-footer__payment, .sb-footer__affiliates, .sb-footer__subscribe, .sb-footer__about, .sb-footer__disclaimer, .sb-browse, .sb-campaign, .sb-campaign__product, .avb-carousel, .header__after, .p-base__fullWidth-banner, .sb-footer__subscribe { display:none; } .sb-footer__social-item { display:block; line-height:1.8rem; } .p-base__btn{ padding: 0; color:#000; text-transform: capitalize; } .p-base__btn--full { width:initial; } .p-base__btn--center { margin-left: initial; margin-right: initial; display: initial; } .p-base__btn--right { float: initial; clear: initial; } .p-base__fullWidth, .p-base__column--padding, .p-brands, .p-container, .p-base__fullWidth-container, .sb-footer__container, .sb-footer__row { padding: 0.5em 0; } .p-base__btn--txtUpper, .p-base__link--txtUpper, .p-base__desc--txtUpper, .p-base__headline--txtUpper, .p-base__subHeadline--txtUpper, .p-base__list-item--txtUpper { text-transform:capitalize; } } /*Static Banner (B3) Styling*/ .p-base__section-static-banner, .p-base__fullWidth-static-banner{ margin: 0; } </style>  <main>  <div class="p-container">  <div class="p-base__section">  <div class="p-base__inner">  <div class="p-base__column">  </div> </div> </div> <div class="mapDiv"> <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d99758.47595538905!2d-94.37638600000001!3d38.615473!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x87c12a28204ccbe5%3A0xca1f12b9c5c6230a!2s200+Plaza+Dr%2C+Harrisonville%2C+MO+64701!5e0!3m2!1sen!2sus!4v1498598965518" style="width: 100%;" height="450" frameborder="0" style="border:0" allowfullscreen></iframe> </div>  <div class="p-base__section"> <h2 class="p-base__main-title">Contact Us</h2> <div class="p-base__inner">  <div class="p-base__column">  <ul class="p-base__list--noBullet"> <li class="p-base__list-item p-base__list-item--bold">Address:</li> <li class="p-base__list-item"><address class="p-base__list-item-address--normal">200 Plaza Drive<br />Harrisonville, MO 64701</address></li> </ul>  <ul class="p-base__list--noBullet"> <li class="p-base__list-item p-base__list-item--bold">Phone:</li> <li class="p-base__list-item"><a href="tel:1-816-380-5184" class="p-base__list-item-link">816.380.5184</a></li> </ul>  <ul class="p-base__list--noBullet"> <li class="p-base__list-item p-base__list-item--bold">Email:</li> <li class="p-base__list-item"><a href="mailto:trobysmaytag@earthlink.net" class="p-base__list-item-link">trobysmaytag@earthlink.net</a></li> </ul>  <ul class="p-base__list--noBullet"> <li class="p-base__list-item p-base__list-item--bold">Store Hours:</li> <li class="p-base__list-item">Monday - Friday 8:00am - 5:00pm</li> <li class="p-base__list-item">Saturday 8:00am - 12:00pm</li> <li class="p-base__list-item">Sunday - Closed</li> </ul> <img src="https://d12mivgeuoigbq.cloudfront.net/magento-media/members/otro1-trobys/T_FrontStore_1.jpg" class="p-base__img" alt="company image" /> </div>  <div class="p-base__column"> <avb-magento-form> <form action="https://www.trobysmaytag.com/api/rest/forms/" id="contactForm" method="post" role="form"> <fieldset class="sb-contactDetails"> <legend> <h3 class="sb-contactDetails__headline">Send us a message</h3> </legend> <div class="sb-contactDetails__inner"> <div> <label for="name" class="sb-contactDetails__label">Name: <span class="sb-contactDetails__label-required">*</span></label> <input name="name" id="name" type="text" class="sb-contactDetails__inputText" required /> </div> <div> <label for="email" class="sb-contactDetails__label">Email Address: <span class="sb-contactDetails__label-required">*</span></label> <input name="email" id="email" type="email" class="sb-contactDetails__inputText" required /> </div> <div> <label for="phone" class="sb-contactDetails__label">Telephone: <span class="sb-contactDetails__label-required">*</span></label> <input name="phone" id="phone" type="text" class="sb-contactDetails__inputText" required /> </div> <div> <label for="comment" class="sb-contactDetails__label">Comments:<span class="sb-contactDetails__label-required">*</span></label> <textarea name="comment" id="comment" class="sb-contactDetails__inputText" required></textarea> </div> </div>  <div class="captcha" data-captcha data-sitekey="6LcoRgEfAAAAAAsgj6BRys3IVw55AXC6_4sIJf7P"></div> <div class="sb-contactDetails__btn-row"> <input type="text" name="hideit" id="hideit" value="" class="sb-contactDetails__input sb-contactDetails__input--hide" /> <button type="submit" title="Submit" class="sb-contactDetails__btn">Submit Request</button> <button type="reset" title="Reset" class="sb-contactDetails__btn">Reset</button> </div> <div class="sb-contactDetails__label-required sb-contactDetails__label-required--padding">* Required Fields</div> <input type="hidden" name="template" id="template" value="customforms_default_email_template"> <input type="hidden" name="sender" id="sender" value="custom1"> <input type="hidden" name="type" id="type" value="contacts"> <input type="hidden" name="success_msg" id="success_msg" value="Your request was submitted successfully."> <input type="hidden" name="subject" id="subject" value="An email from your Contact Us form."> <div data-response-type="success"> <p>Your form was submitted successfully.</p> </div> <div data-response-type="failure"> <p>Your form wasn't submitted successfully.</p> </div> </fieldset> </form> </avb-magento-form> <style> .sb-contactDetails__inner { padding-top: 15px; padding-right: 15px; } .sb-contactDetails__headline{ color: #656565; text-transform: capitalize; } .sb-contactDetails__label-required--padding { padding: 15px 0; } .sb-contactDetails__input--hide{ display: none; } .sb-contactDetails__label-required {font-weight:bold;color:#d32f2f;} .sb-contactDetails__label { display: block; text-align: left; } .sb-contactDetails__label--center { text-align: center; } .sb-contactDetails__label--bold { font-weight: bold; } .sb-contactDetails__inputText, .sb-contactDetails__select { width: 100%; padding: 5px; margin-bottom: 15px; border: 1px solid #dfdfdf; } .sb-contactDetails__inputText--large { padding: 10px; } .sb-contactDetails__inputText--round { border-radius: 5px; border: 1px solid #dfdfdf; } .sb-contactDetails__radioLabel { margin:0 10px; } .sb-contactDetails__btn{ padding: 15px; text-align: center; background-color: #656565; color: #fff; border:none; } .sb-contactDetails__btn-row { margin-top: 1rem; } @media only screen and (min-width: 600px) { .sb-contactDetails__inner { padding-right: 0; } } </style> </div> </div> </div> </div> </main> <style> /*Headline Styles*/ .p-base__main-title{ color:#127bbf; } .p-base__headline{ color:#127bbf; } .p-base__subHeadline{ color:#0d4079; } .p-base__desc { } /*Link Styles*/ .p-base__link{ color:#127bbf; transition: color 300ms ease-out; } .p-base__link:hover{ color:#0d4079; cursor: pointer; } .p-base__list-item-link{ color:#127bbf; } .p-base__list-item-link:hover{ color:#0d4079; cursor: pointer; } /*Button Styles*/ .p-base__btn{ background-color:#127bbf; color:#fff; transition: background-color 300ms ease-out; } .p-base__btn:hover{ background-color:#0d4079; cursor: pointer; } /*Contact Form Button Styles*/ .sb-contactDetails__headline{ color:#127bbf; } .sb-contactDetails__btn{ background-color:#127bbf; color:#fff; transition: background-color 300ms ease-out; } .sb-contactDetails__btn:hover{ background-color:#0d4079; color:#fff; cursor: pointer; } </style>