Default Dev Script Validation

Default Header After Global Promotions

<avb-main>  <avb-designer-block data-id="1" class="avb-typography dsg-block-1"> <div class="avb-grid"> <div class="avb-grid__column avb-grid__column--small-12 dsg-block-1__grid-column"> <div class="avb-wrapper avb-wrapper--background dsg-block-1__background"> <div class="avb-wrapper dsg-block-1__content">  <h1 class="avb-typography__heading avb-typography__heading--title dsg-tools-nomp"> <span class="avb-typography__heading-line avb-typography__heading-line--marginBottom dsg-tools-main-heading dsg-tools-color-light dsg-tools-text-shadow dsg-block-1__heading-line-1"> Voice Control </span>  </h1> <ul class="avb-list avb-list--horizontal dsg-tools-nomp dsg-hero-cta-list"> <li class="avb-list__item dsg-tools-nomp dsg-hero-cta-list-item"> <avb-link class="avb-button dsg-tools-fourth-button dsg-hero-cta__button" data-href="tel:617-391-8919">Call Now</avb-link> </li> <li class="avb-list__item dsg-tools-nomp dsg-hero-cta-list-item"> <avb-link class="avb-button dsg-tools-fourth-button dsg-hero-cta__button" data-href="#plan-your-next-project">Schedule Now</avb-link> </li> </ul> <style> .dsg-hero-cta-list { grid-gap: 0.5rem; justify-content: center; margin-bottom: 1rem; margin-top: -0.5rem; } .dsg-hero-cta__button, .dsg-hero-cta__button:visited, .dsg-hero-cta__button:focus, .dsg-hero-cta__button:active, .dsg-hero-cta__button:hover{ padding: 0.55rem; min-width: 140px; } </style> </div> </div> </div> </div> </avb-designer-block>  <avb-designer-block data-id="5" class="avb-typography dsg-tools-fill-light dsg-block-5"> <div class="avb-grid avb-grid--container dsg-tools-container"> <div class="avb-grid__column avb-grid__column--medium-5"> <div class="avb-wrapper avb-wrapper--flex avb-wrapper--tall avb-wrapper--background dsg-block-5__background-1"> <div class="avb-wrapper avb-wrapper--horizontal avb-wrapper--horizontalCenter avb-wrapper--vertical avb-wrapper--verticalCenter dsg-block-5__content"> <div class="avb-wrapper">  <h2 class="avb-typography__heading avb-typography__heading--title"> <span class="avb-typography__heading-line avb-typography__heading-line--marginBottom dsg-tools-main-heading dsg-tools-color-dark dsg-block-5__heading-line-1"> Your Home's Personal&nbsp;Assistant </span> </h2> </div> </div> </div> </div> <div class="avb-grid__column avb-grid__column--medium-7"> <div class="avb-wrapper avb-wrapper--flex avb-wrapper--tall avb-wrapper--background dsg-block-5__background-2"> <div class="avb-wrapper avb-wrapper--horizontal avb-wrapper--horizontalCenter avb-wrapper--vertical avb-wrapper--verticalCenter dsg-block-5__content"> <div class="avb-wrapper">  <p class="avb-typography__paragraph dsg-tools-main-paragraph dsg-tools-color-dark dsg-block-5__paragraph"> With the addition of voice control to your smart home automation system, complete control has never been easier. Utilizing digital assistants like Amazon Alexa, Google Assistant, or Siri, you now can control any aspect of your home by voice. Imagine turning off lights, setting the thermostat or turning off the TV, all without using your remote or smart device. Voice control is the latest interface, designed to provide simple and intuitive control. Speak with our team today to learn&nbsp;more. </p> </div> </div> </div> </div> </div> </avb-designer-block>  <avb-designer-block data-id="29" class="avb-typography dsg-tools-divider dsg-tools-main-gradient dsg-block-29-divider"> <div class="avb-grid"> <div class="avb-grid__column avb-grid__column--small-12"> </div> </div> </avb-designer-block>   <avb-designer-block data-id="6" class="avb-typography dsg-block-6a-form"> <div class="avb-grid"> <div id="plan-your-next-project" class="avb-grid__column avb-grid__column--medium-6 dsg-tools-fill-pattern-light"> <div class="avb-wrapper avb-wrapper--flex avb-wrapper--tall avb-wrapper--background"> <div class="avb-wrapper avb-wrapper--horizontal avb-wrapper--horizontalCenter avb-wrapper--vertical avb-wrapper--verticalCenter dsg-block-6a-form__content"> <div class="avb-wrapper"> <h2 class="avb-typography__heading avb-typography__heading--title"> <span class="avb-typography__heading-line avb-typography__heading-line--marginBottom dsg-tools-main-heading dsg-tools-color-dark dsg-block-6a-form__heading-line-1"> Plan Your Next&nbsp;Project </span> </h2> <p class="avb-typography__paragraph dsg-tools-sub-heading dsg-tools-color-dark dsg-block-6a-form__paragraph"> Send us your details, and one of our friendly and knowledgeable professionals will reach&nbsp;out. </p> </div> </div> </div> </div> <div class="avb-grid__column avb-grid__column--medium-6 dsg-tools-gradient-black"> <div class="avb-wrapper avb-wrapper--flex avb-wrapper--tall avb-wrapper--background"> <div class="avb-wrapper avb-wrapper--horizontal avb-wrapper--horizontalCenter avb-wrapper--vertical avb-wrapper--verticalCenter dsg-block-6a-form-form__content dsg-block-6a-form__content-2"> <div class="avb-wrapper">  <avb-accordion class="dsg-block-6a-form__accordion">  <avb-accordion-item class="dsg-block-6a-form__accordion-item">  <avb-accordion-heading class="dsg-tools-fill-white dsg-tools-main-paragraph dsg-tools-color-dark dsg-block-6a-form__accordion-heading"> View Form </avb-accordion-heading>  <avb-accordion-content class="dsg-tools-fill-white dsg-block-6a-form__accordion-content"> <iframe class="dsg-tools-fill-white dsg-block-6a-form-accordion-iframe" title="Plan Your Next Project" src="https://www.sdiboston.com/cms-iframehtml/vsys3/formstack-vsys3-pynp-form.html"></iframe> </avb-accordion-content> </avb-accordion-item> </avb-accordion> <iframe class="dsg-tools-fill-white dsg-block-6a-form-iframe" title="Plan Your Next Project" src="https://www.sdiboston.com/cms-iframehtml/vsys3/formstack-vsys3-pynp-form.html"></iframe> </div> </div> </div> </div> </div> </avb-designer-block>  <avb-designer-block data-id="29" class="avb-typography dsg-tools-divider dsg-tools-main-gradient dsg-block-29-divider"> <div class="avb-grid"> <div class="avb-grid__column avb-grid__column--small-12"> </div> </div> </avb-designer-block> <style> /* =================== Plan Your Next Project (block-6a) =================== */ .dsg-block-6a-form { margin-top: 0rem; margin-bottom: 0rem; } .dsg-block-6a-form__content { padding: 2rem 0.5rem; text-align: center; } .dsg-block-6a-form__content-2 { padding: 0 1.5rem; } .dsg-block-6a-form__heading-line-1 { max-width: 27.5rem; margin: 0 auto; } .dsg-block-6a-form__paragraph { max-width: 27.5rem; margin-left: auto; margin-right: auto; } .dsg-block-6a-form-iframe { width: 100%; height: 34rem; box-shadow: 0px 4px 25px rgb(0 0 0 / 25%); padding: 1.5rem 1rem 1rem; display: none; } /* ========== Accordion ========== */ .dsg-block-6a-form__accordion { position: relative; top: -2rem; box-shadow: 0px 4px 25px rgb(0 0 0 / 15%); } .dsg-block-6a-form__accordion-item { margin-bottom: 0rem; /*height: 36rem;*/ } .dsg-block-6a-form__accordion-heading { padding: 1rem; text-align: center; } .dsg-block-6a-form__accordion-paragraph { text-align: left; } .dsg-block-6a-form__accordion-content { text-align: center; padding: 0; overflow: hidden; } .dsg-block-6a-form-accordion-iframe { width: 100%; height: 58rem; padding: 0 0rem 1rem; } @media screen and (min-width: 600px) { .dsg-block-6a-form-accordion-iframe { height: 48rem; } } @media screen and (min-width: 960px) { .dsg-block-6a-form__accordion { display: none; } .dsg-block-6a-form__content { padding: 3rem 2rem; text-align: left; } .dsg-block-6a-form__heading-line-1 { max-width: 14.5rem; margin: 0; } .dsg-block-6a-form__paragraph { max-width: 14.5rem; margin: 0; } .dsg-block-6a-form-iframe { display: block; width: 100%; height: 53rem; position: relative; left: -50%; } } @media screen and (min-width: 1280px) { .dsg-block-6a-form__content { padding: 4rem 2rem; } .dsg-block-6a-form__heading-line-1 { max-width: 19.5rem; margin-left: 10%; } .dsg-block-6a-form__paragraph { max-width: 19.5rem; margin-left: 10%; } .dsg-block-6a-form-iframe { width: 85%; left: -40%; } } @media screen and (min-width: 1600px) { .dsg-block-6a-form-iframe { width: 70%; left: -40%; height:49rem; } .dsg-block-6a-form__heading-line-1 { margin-left: 15%; } .dsg-block-6a-form__paragraph { margin-left: 15%; } } </style> </avb-main> <style> /* ======================== Hero (block-1) ======================== */ .dsg-block-1 { margin-top: 0rem; margin-bottom: 0rem; } .dsg-block-1__grid-column { padding-left: 0; padding-right: 0; } .dsg-block-1__background { padding: 0.25rem; background-image: linear-gradient(to bottom, rgba(23, 23, 23, 0.25), rgba(23, 23, 23, 0.25)), url(https://cdn.avbportal.com/magento-media/members-prosource/vsys3-sdi/voice-control-02.jpg?w=600); background-position: top, 85%; background-size:cover; } .dsg-block-1__content { display:flex; flex-direction:column; text-align: center; justify-content:center; } .dsg-block-1__heading-line-1 {} .dsg-block-1__heading-line-2 { text-transform: uppercase; font-size: 1rem; } .dsg-block-1, .dsg-block-1__background, .dsg-block-1__content{ height:40vh; } .dsg-block-1__button, .dsg-block-1__button:visited, .dsg-block-1__button:focus, .dsg-block-1__button:active, .dsg-block-1__button:hover{ width:150px; margin:0 auto; } @media screen and (min-width: 600px) { .dsg-block-1__background{ background-image: linear-gradient(to bottom, rgba(23, 23, 23, 0.25), rgba(23, 23, 23, 0.25)), url(https://cdn.avbportal.com/magento-media/members-prosource/vsys3-sdi/voice-control-02.jpg?w=900); background-position: top, 100%; } } @media screen and (min-width: 960px) { .dsg-block-1 { margin-top: 0rem; margin-bottom: 0rem; } .dsg-block-1__grid-column { padding-left: 0; padding-right: 0; } .dsg-block-1__background { background-image: linear-gradient(to bottom, rgba(23, 23, 23, 0.76), rgba(23, 23, 23, 0), rgba(23, 23, 23, 0.8), rgba(23, 23, 23, 1)), url(https://cdn.avbportal.com/magento-media/members-prosource/vsys3-sdi/voice-control-02.jpg?w=1000); background-position: top, 50% 68%; } .dsg-block-1__content { justify-content:flex-end; } .dsg-block-1, .dsg-block-1__background, .dsg-block-1__content{ height:25vw; } } @media screen and (min-width: 1280px) { .dsg-block-1__background { background-image: linear-gradient(to bottom, rgba(23, 23, 23, 0.76), rgba(23, 23, 23, 0), rgba(23, 23, 23, 0.8), rgba(23, 23, 23, 1)), url(https://cdn.avbportal.com/magento-media/members-prosource/vsys3-sdi/voice-control-02.jpg?w=1200); } } @media screen and (min-width: 1600px) { .dsg-block-1__background { background-image: linear-gradient(to bottom, rgba(23, 23, 23, 0.76), rgba(23, 23, 23, 0), rgba(23, 23, 23, 0.8), rgba(23, 23, 23, 1)), url(https://cdn.avbportal.com/magento-media/members-prosource/vsys3-sdi/voice-control-02.jpg?w=1600); } .dsg-block-1__heading-line-1{ font-size:3rem; } .dsg-block-1__heading-line-2{ font-size:1.4rem; } } /* ======================== Intro (block-5) ======================== */ .dsg-block-5 { margin-top: 0rem; margin-bottom: 0rem; padding:2rem 0.5rem; } .dsg-block-5__content { padding: 0; text-align: center; } @media screen and (min-width: 600px) {} @media screen and (min-width: 960px) { .dsg-block-5__content { padding: 0rem 1rem; text-align:left; } .dsg-block-5__heading-line-1 { font-size:1.7rem; } } @media screen and (min-width: 1280px) { .dsg-block-5__heading-line-1 { font-size:2.2rem; } } @media screen and (min-width: 1600px) { .dsg-block-5__heading-line-1 { font-size:2.5rem; } } </style>

If you are looking to add voice control to your Boston area home, then you've come to the right place. Give us here at SDI a call today!

Voice Control

Your Home's Personal Assistant

Plan Your Next Project

Systems Design & Integration