Default Dev Script Validation

<div class="widget widget-banner"> <ul> <li> <avb-designer-block data-id="30" class="avb-typography dsg-block-30"> <div class="avb-grid"> <div class="avb-grid__column avb-grid__column--small-12 dsg-block-30__grid-column"> <avb-link data-href="https://www.sleepncomfort.ca/catalog/special/brandsource_point_of_sale_marketing/Made%20In%20Canada"> <avb-picture class="avb-picture avb-picture--full" data-alt="Proudly Canadian. Proudly Local. Made In Canada. Shop Now"> <avb-picture-source class="dsg-block-30__image" data-size="xsmall" data-src="https://cdn.avbportal.com/magento-media/Canada/proudly-canada/proudly-canadian_ha-en-sml.jpg"></avb-picture-source> <avb-picture-source class="dsg-block-30__image" data-size="small" data-src="https://cdn.avbportal.com/magento-media/Canada/proudly-canada/proudly-canadian_ha-en-sml.jpg"></avb-picture-source> <avb-picture-source class="dsg-block-30__image" data-size="medium" data-src="https://cdn.avbportal.com/magento-media/Canada/proudly-canada/proudly-canadian_ha-en-med.jpg"></avb-picture-source> <avb-picture-source class="dsg-block-30__image" data-size="large" data-src="https://cdn.avbportal.com/magento-media/Canada/proudly-canada/proudly-canadian_ha-en-lrg.jpg"></avb-picture-source> <avb-picture-source class="dsg-block-30__image" data-size="xlarge" data-src="https://cdn.avbportal.com/magento-media/Canada/proudly-canada/proudly-canadian_ha-en-lrg.jpg"></avb-picture-source> </avb-picture> </avb-link> </div> </div> </avb-designer-block> <style> /*============== Static Banner (block-30) =============== */ .dsg-block-30 { margin:0 } .dsg-block-30__grid-column { padding-left: 0; padding-right: 0; } </style></li> </ul> </div>

Default Header After Global Promotions

<avb-promotions data-type="custom" data-banner-id="10486"></avb-promotions>

<avb-main>  <avb-designer-contact data-id="1" class="avb-typography dsg-contact-1"> <div class="avb-grid avb-grid--container"> <div class="avb-grid__column avb-grid__column--small-12 avb-grid__column--marginBottom">  <iframe class="dsg-contact-1__map" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2911.0322917024337!2d-80.26164148444069!3d43.145851193106594!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x882c65e1fa1b85f7%3A0x4b3d3987d07c62ba!2sSleep%20N%20Comfort%20Centre!5e0!3m2!1sen!2sca!4v1611695463990!5m2!1sen!2sca"></iframe> </div> <div class="avb-grid__column avb-grid__column--medium-6 avb-grid__column--marginBottom"> <div class="avb-grid"> <div class="avb-grid__column avb-grid__column--small-12 avb-grid__column--marginBottom"> <div class="dsg-contact-1__content">  <h1 class="avb-typography__heading dsg-tools-main-heading dsg-tools-color-primary dsg-contact-1__heading"> Sleep N'&nbsp;Comfort </h1>  <div class="avb-typography__paragraph dsg-tools-main-paragraph dsg-tools-color-dark dsg-contact-1__address"> <span class="dsg-contact-1__address-line"> 75 Grey Street </span> <span class="dsg-contact-1__address-line"> Brantford, ON N3T&nbsp;2T4 </span>  <avb-link class="dsg-tools-main-paragraph dsg-tools-fw-bold dsg-contact-1__link" data-href="https://www.google.com/maps/dir//Sleep+N+Comfort+Centre,+75+Grey+St,+Brantford,+ON+N3T+2T4/@43.1458512,-80.2616415,17z/data=!4m8!4m7!1m0!1m5!1m1!1s0x882c65e1fa1b85f7:0x4b3d3987d07c62ba!2m2!1d-80.2594528!2d43.1458473" target="_blank"> Get Directions <span class="fa fa-long-arrow-alt-right dsg-contact-1__link-icon"></span> </avb-link> </div>  <ul class="avb-list dsg-tools-main-paragraph dsg-tools-color-dark avb-list--noBullet">  <li class="avb-list__item dsg-tools-main-paragraph dsg-tools-color-dark"> Phone: <avb-link class="dsg-tools-fw-bold dsg-contact-1__link" data-href="tel:519-750-8493"> 519-750-8493 </avb-link> </li>  <li class="avb-list__item dsg-tools-main-paragraph dsg-tools-color-dark"> Email: <avb-link class="dsg-tools-fw-bold dsg-contact-1__link" data-href="mailto:sleepncomfort@rogers.com"> sleepncomfort@rogers.com </avb-link> </li> </ul> </div> </div> <div class="avb-grid__column avb-grid__column--small-12 avb-grid__column--marginBottom"> <div class="dsg-contact-1__content">  <h2 class="avb-typography__heading dsg-tools-main-heading dsg-tools-color-primary dsg-contact-1__heading">Hours</h2>  <ul class="avb-list dsg-tools-main-paragraph dsg-tools-color-dark avb-list--noBullet">  <li class="avb-list__item"> Monday 10:00&nbsp;AM – 5:00&nbsp;PM </li> <li class="avb-list__item"> Tuesday – Friday 10:00&nbsp;AM – 6:00&nbsp;PM </li> <li class="avb-list__item"> Saturday 10:00&nbsp;AM – 5:00&nbsp;PM </li> <li class="avb-list__item"> Sunday Closed </li> </ul> </div> </div> </div> </div> <div class="avb-grid__column avb-grid__column--medium-6 avb-grid__column--marginBottom"> <div class="dsg-contact-1__content">  <h2 class="avb-typography__heading dsg-tools-main-heading dsg-tools-color-primary dsg-contact-1__heading"> Send Us A&nbsp;Message </h2>  <avb-magento-form> <form class="avb-form" method="post" action="https://www.sleepncomfort.ca/api/rest/forms/"> <label class="avb-textbox"> <span class="avb-textbox__label avb-textbox__label--sr">Name</span> <input type="text" name="name" placeholder="Name" required class="avb-textbox__input"> </label> <label class="avb-textbox"> <span class="avb-textbox__label avb-textbox__label--sr">Email</span> <input type="email" name="email" placeholder="Email (e.g. example@domain.com)" required class="avb-textbox__input"> </label> <label class="avb-textbox"> <span class="avb-textbox__label avb-textbox__label--sr">Phone Number</span> <input type="tel" name="phone" placeholder="Phone number (numbers only)" title="Phone number may only contain 9-10 numbers" pattern="\d{9,10}" required class="avb-textbox__input"> </label> <label class="avb-textarea"> <span class="avb-textarea__label avb-textarea__label--sr">Message</span> <textarea name="message" placeholder="Message" required class="avb-textarea__input"></textarea> </label>  <div class="captcha" data-captcha data-sitekey="6Ld_fCccAAAAAMX7Ig_h6UA8SA1MJoJOI94pKaYH"></div> <div class="dsg-contact-1__form-buttons"> <button class="avb-button dsg-tools-main-button dsg-contact-1__submit" type="submit">Submit</button> </div> <div class="dsg-contact-1__form-responses"> <p data-response-type="success" class="avb-typography__paragraph dsg-contact-1__form-success">Your message was submitted successfully. Thank you!</p> <p data-response-type="failure" class="avb-typography__paragraph dsg-contact-1__form-failure"></p> </div>  <input type="hidden" name="sender" value="custom1"> <input type="hidden" name="type" value="contacts"> <input type="hidden" name="subject" value="Your Contact Message"> <input type="hidden" name="template" value="customforms_default_email_template"> </form> </avb-magento-form> </div> </div> </div> </avb-designer-contact> </avb-main> <style> /* ==================== Contact Block (block-1) ==================== */ .dsg-contact-1 { margin-top: 0; margin-bottom: 2rem; } .dsg-contact-1__content { padding: 0 1rem; } .dsg-contact-1__map { display: block; width: 100%; height: 15rem; margin-bottom: 1rem; } .dsg-contact-1__address-line { display: block; } .dsg-contact-1__form-responses { margin-top: 1rem; } .dsg-contact-1__form-success { color: #0A0; } .dsg-contact-1__form-failure { color: #F00; } .dsg-contact-1__submit { margin-top: 1rem; } @media screen and (min-width: 600px) { .dsg-contact-1__map { height: 15rem; } .dsg-contact-1__content { padding: 0; } } @media screen and (min-width: 960px) { .dsg-contact-1__map { height: 20rem; } } @media screen and (min-width: 1280px) { .dsg-contact-1__map { height: 25rem; } } @media screen and (min-width: 1600px) { .dsg-contact-1__map { height: 30rem; } } </style>

Give us a call or visit our showroom. Our experts are here to assist you every step of the way.

Sleep N' Comfort

Hours

Send Us A Message

Sleep N' Comfort

Location

Store Hours

Connect With Us