Default Dev Script Validation

<avb-designer-block data-id="27" class="avb-grid avb-typography dsg-block-27-header-after"> <div class="avb-grid__column avb-grid__column--small-12 dsg-block-27__no-padding dsg-block-27-header-after__content"> <avb-link class="avb-wrapper dsg-block-27-header-after__content" data-href="#null">  <img class="dsg-block-27-header-after-image" src="https://cdn.avbportal.com/magento-media/members-prosource/vbra2-home-theater/banner-25th.png" alt=""> </avb-link> </div> </avb-designer-block> <style> /* ==================== Header-after (block-27-header-after) ==================== */ .dsg-block-27-header-after-image { height: 75px; width: auto; } .dsg-block-27__no-padding { padding: 0; } .dsg-block-27-header-after__content { height: 75px; } .dsg-block-27-header-after__content, .dsg-block-27-header-after__content:visited, .dsg-block-27-header-after__content:focus { display: block; background-color: #f6f6f6; color: #fff; text-align: center; } .dsg-block-27-header-after__content:hover { color: #c0c5c7; } .dsg-block-27-header-after__button, .dsg-block-27-header-after__button:visited, .dsg-block-27-header-after__button:focus { font-size: 0.8rem; font-weight: 300; font-style: italic; font-family: 'Alice', serif; color: #fff; border:1px solid #fff; background-color: transparent; transition: background-color 300ms ease-out; border-radius: 0; padding:0; margin-left:1rem; } .dsg-block-27-header-after__button:hover { color: #1c1c1c; background: #fff; } .dsg-block-27-header-after__headline { font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 0.6rem; line-height: 0; } .dsg-block-27-header-after--bold { font-weight: 700; } @media screen and (min-width: 600px) {} @media screen and (min-width: 960px) { .dsg-block-27-header-after__headline { font-size: 1.15rem; line-height: 0; } } @media screen and (min-width: 1280px) {} @media screen and (min-width: 1600px) {} </style>

Default Header After Global 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=!1m14!1m8!1m3!1d13394.228485565205!2d-96.828233!3d32.9362975!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0xe3ba805d5531eb19!2sHome%20Theater%20Design%20Group!5e0!3m2!1sen!2sus!4v1645797947548!5m2!1sen!2sus" allowfullscreen></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">  <h2 class="avb-typography__heading dsg-tools-ff-primary dsg-tools-fs-med dsg-tools-color-primary dsg-tools-fw-bold dsg-contact-1__heading"> Home Theater Design&nbsp;Group </h2>  <div class="avb-typography__paragraph dsg-contact-1__address">  <span class="dsg-contact-1__address-line dsg-tools-ff-secondary dsg-tools-fs-sml dsg-tools-fw-light dsg-tools-color-dark"> Dallas,&nbsp;TX </span>  <avb-link class="dsg-tools-ff-secondary dsg-tools-fs-sml dsg-tools-fw-bold dsg-tools-color-dark dsg-contact-1__link" data-href="https://www.google.com/maps/dir//Home+Theater+Design+Group,+4653+Nall+Rd+C-1,+Farmers+Branch,+TX+75244/@32.9362975,-96.828233,15z/data=!4m8!4m7!1m0!1m5!1m1!1s0x864c26b1f0aaafb3:0xe3ba805d5531eb19!2m2!1d-96.828233!2d32.9362975" 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-ff-secondary dsg-tools-fs-sml dsg-tools-fw-light dsg-tools-color-dark avb-list--noBullet">  <li class="avb-list__item dsg-tools-ff-secondary dsg-tools-fs-sml dsg-tools-fw-light dsg-tools-color-dark"> Phone: <avb-link class="dsg-tools-fw-bold dsg-contact-1__link" data-href="tel:972-250-3440"> 972-250-3440 </avb-link> </li>  <li class="avb-list__item dsg-tools-ff-secondary dsg-tools-fs-sml dsg-tools-fw-light dsg-tools-color-dark"> Email: <avb-link class="dsg-tools-fw-bold dsg-contact-1__link" data-href="mailto:info@h-t-d.com"> info@h-t-d.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-ff-primary dsg-tools-fs-med dsg-tools-color-primary dsg-tools-fw-bold dsg-contact-1__heading">Hours</h2>  <ul class="avb-list dsg-tools-ff-secondary dsg-tools-fs-sml dsg-tools-fw-light dsg-tools-color-dark avb-list--noBullet"> <li class="avb-list__item dsg-tools-ff-secondary dsg-tools-fs-sml dsg-tools-fw-light dsg-tools-color-dark"> Monday - Friday: 8:00 AM - 5:00 PM </li> <li class="avb-list__item dsg-tools-ff-secondary dsg-tools-fs-sml dsg-tools-fw-light dsg-tools-color-dark"> By Appointment Only </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-ff-primary dsg-tools-fs-med dsg-tools-color-primary dsg-tools-fw-bold dsg-contact-1__heading"> Send Us A Message </h2>  <avb-magento-form> <form class="avb-form" method="post" action="https://www.h-t-d.com/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="6Lf0TYsfAAAAAEs3JmPi-1RhZL7Y1KlIRvvZfQM2"></div> <div class="dsg-contact-1__form-buttons"> <button class="avb-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__link{ color: #345161; } .dsg-contact-1__link:hover{ color: #152831; } .dsg-contact-1__submit{ font-size: .7rem; font-weight: 500; text-transform: uppercase; font-family: 'Montserrat', sans-serif; color: #345161!important; border: 1px solid #345161; background-color: rgba(255, 255, 255, 0)!important; transition: background-color 300ms ease-out; } .dsg-contact-1__submit:hover { color: #fff!important; border: 1px solid #345161; background-color: #345161!important; transition: background-color 300ms ease-out; } .dsg-contact-1__form-responses { margin-top: 1rem; } .dsg-contact-1__form-success { color: #0A0; } .dsg-contact-1__form-failure { color: #F00; } @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>

Looking for the best smart home solutions in Dallas/Ft.Worth, TX? Give us a call or email today and see why Home Theater Design Group is always everyone's number 1 choice!

Home Theater Design Group

Hours

Send Us A Message

Info

Contact Us

Connect with Us

Payment Methods