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-tools-nomp 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"> <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"> Training Videos </span> </h1> </div> </div> </div> </div> </avb-designer-block>  <avb-designer-block data-id="37" class="avb-typography dsg-tools-fill-accent-2 dsg-block-37"> <div class="avb-grid avb-grid--container"> <div class="avb-grid__column avb-grid__column--small-12 avb-grid__column--marginBottom dsg-tools-nop dsg-block-37__grid-column"> <div class="avb-wrapper dsg-block-37__content">  <span class="dsg-block-37-desktop-list">  <div class="avb-wrapper avb-wrapper--horizontal avb-wrapper--horizontalCenter avb-wrapper--vertical avb-wrapper--verticalCenter dsg-block-37__content-section">  <avb-link data-href="system-monitoring#request-service"> <div class="dsg-tools-button-border dsg-block-37__content-section-inner">  <span class="dsg-block-37-text dsg-tools-ff-main dsg-tools-fw-thin dsg-tools-color-light"> Request Service </span> </div> </avb-link> </div>  <div class="avb-wrapper avb-wrapper--horizontal avb-wrapper--horizontalCenter avb-wrapper--vertical avb-wrapper--verticalCenter dsg-block-37__content-section">  <avb-link data-href="https://www.digitalsurroundings.com/contacts"> <div class="dsg-tools-button-border dsg-block-37__content-section-inner">  <span class="dsg-block-37-text dsg-tools-ff-main dsg-tools-fw-thin dsg-tools-color-light"> Contact Us </span> </div> </avb-link> </div> </span> </div> </div> </div> </avb-designer-block>  <avb-designer-block data-id="26" class="avb-typography dsg-tools-fill-light dsg-block-26a"> <div class="avb-grid avb-grid--container"> <div class="avb-grid__column avb-grid__column--small-12 avb-grid__column--marginBottom"> <div class="avb-wrapper dsg-block-26a__content">  <h2 class="avb-typography__heading avb-typography__heading--title"> <span class="avb-typography__heading-line avb-typography__heading-line--marginBottom dsg-tools-color-dark dsg-tools-main-heading dsg-block-26a__heading-line-1"> Tutorials </span> </h2> </div> </div> </div> </avb-designer-block>  <avb-designer-block data-id="26" class="avb-typography dsg-tools-fill-white dsg-block-26"> <div class="avb-grid avb-grid--container"> <div class="avb-grid__column avb-grid__column--small-12 avb-grid__column--marginBottom"> <div class="avb-wrapper dsg-block-26__content"> <div data-experience="620400d11fe69d0026c0dfaf"></div> <script src="https://players.brightcove.net/5054796629001/experience_620400d11fe69d0026c0dfaf/live.js"></script> </div> </div> </div> </avb-designer-block>  <avb-designer-block data-id="29" class="avb-typography dsg-tools-divider dsg-tools-gradient-blue 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"> <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 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://avbmarketing.formstack.com/forms/vdig8_digital_surroundings_project_form" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></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://avbmarketing.formstack.com/forms/vdig8_digital_surroundings_project_form" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe> </div> </div> </div> </div> </div> </avb-designer-block>  <avb-designer-block data-id="29" class="avb-typography dsg-tools-divider dsg-tools-gradient-blue 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:20rem; 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; } .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; height:30rem; padding:0; overflow:hidden; } .dsg-block-6a-form-accordion-iframe{ width:100%; height:30rem; padding:0rem; } @media screen and (min-width: 600px) {} @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:32rem; 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:15%; } .dsg-block-6a-form__paragraph { max-width:19.5rem; margin-left:15%; } .dsg-block-6a-form-iframe{ width:70%; left: -40%; } } @media screen and (min-width: 1600px) { .dsg-block-6a-form-iframe{ width:50%; left: -30%; } .dsg-block-6a-form__heading-line-1 { margin-left:20%; } .dsg-block-6a-form__paragraph { margin-left:20%; } } </style> </avb-main> <style> /* ======================== Hero (block-1) ======================== */ .dsg-block-1 { margin: 0 auto; height: 40vh; } .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://d12mivgeuoigbq.cloudfront.net/assets/vendor-assets/electronics/savant/tiling-2.jpg); background-position: 50% 15%; background-size:cover; height: 40vh; } .dsg-block-1__content { display: flex; flex-direction: column; text-align: center; height: 40vh; justify-content: center; } .dsg-block-1__heading-line-2 { text-transform: uppercase; font-size: 1rem; } @media screen and (min-width: 600px) {} @media screen and (min-width: 960px) { .dsg-block-1 { height: 45vh; } .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://d12mivgeuoigbq.cloudfront.net/assets/vendor-assets/electronics/savant/tiling-2.jpg); height: 45vh; } .dsg-block-1__content { height: 44vh; justify-content: flex-end; } } @media screen and (min-width: 1280px) {} @media screen and (min-width: 1600px) { .dsg-block-1__heading-line-1 { font-size: 3rem; } .dsg-block-1__heading-line-2 { font-size: 1.4rem; } } /* ======================== Menu Carousel (block-37) ======================== */ .dsg-block-37 { margin: 0 auto; padding: 1rem 0; } .dsg-block-37-desktop-list { text-align: center; min-width: 300px; display: block; margin: 0 auto; } .dsg-block-37__content-section { position: relative; height: 100%; padding-left: 0.5rem; padding-right: 0.5rem; text-align: center; display:inline; } .dsg-block-37__content-section-inner { padding: 1rem; display: inline-block; max-width:44%; } .dsg-block-37-text { font-size: 0.8rem; text-transform: uppercase; } .dsg-block-37-icon { margin-right: 1rem; } @media screen and (min-width: 600px) { .dsg-block-37__content-section-inner { width: 250px; } } @media screen and (min-width: 960px) { .dsg-block-37__content-section{ display:inline; width:auto; } .dsg-block-37__content-section-inner { width: 210px; } .dsg-block-37-desktop-list { text-align: center; } } @media screen and (min-width: 1280px) { .dsg-block-37__content-section-inner { width: 230px; } } @media screen and (min-width: 1600px) { } /* ======================== Section Title (block-26a) ======================== */ .dsg-block-26a { margin: 0 auto; } .dsg-block-26a__content { padding: 2rem 0.5rem 1rem; text-align: center; } @media screen and (min-width: 600px) { } @media screen and (min-width: 960px) { .dsg-block-26a__content { padding:4rem 0.5rem 2rem; } } @media screen and (min-width: 1280px) { } @media screen and (min-width: 1600px) { } /* ======================== Sub-Solution (block-6) ======================== */ .dsg-block-6 { margin: 0 auto; } .dsg-block-6__background { min-height: 13rem; } .dsg-block-6__background-1 { background-image: linear-gradient( to bottom, rgba(0,0,0,.0), rgba(0,0,0,.8) ), url(https://d12mivgeuoigbq.cloudfront.net/magento-media/website-themes/prosource/rapha/solution-in-wall.jpg); } .dsg-block-6__background-2 { background-image: linear-gradient( to bottom, rgba(0,0,0,.0), rgba(0,0,0,.8) ), url(https://d12mivgeuoigbq.cloudfront.net/magento-media/website-themes/prosource/rapha/solution-2-channel.jpg); } .dsg-block-6__background-3 { background-image: linear-gradient( to bottom, rgba(0,0,0,.0), rgba(0,0,0,.8) ), url(https://d12mivgeuoigbq.cloudfront.net/magento-media/website-themes/prosource/rapha/solution-floorstanding-speakers.jpg); } .dsg-block-6__background-4 { background-image: linear-gradient( to bottom, rgba(0,0,0,.0), rgba(0,0,0,.8) ), url(https://d12mivgeuoigbq.cloudfront.net/magento-media/website-themes/prosource/rapha/solution-sound-bars.jpg); } .dsg-block-6__content { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 2.5rem 1rem; text-align: center; } .dsg-block-6__image { display: flex; justify-content: center; align-items: flex-end; padding: 1.5rem 1rem; min-height: 20rem; } .dsg-block-6-reverse-a { order: 2; } .dsg-block-6-reverse-b { order: 1; } .dsg-block-6__button-wrapper { display: flex; justify-content: center; flex-wrap: wrap; } .dsg-block-6__tag { border: 1px solid #fff; color: #fff; margin: .25rem; padding: .5rem; flex: 1 0 140px; max-width: fit-content; } @media screen and (min-width: 600px) { .dsg-block-6__content { min-height: 20rem; } } @media screen and (min-width: 960px) { .dsg-block-6-reverse-a { order: 1; } .dsg-block-6-reverse-b { order: 2; } .dsg-block-6__background { height: 100%; } } @media screen and (min-width: 1280px) { .dsg-block-6__content { padding: 3rem; min-height: 25rem; } } @media screen and (min-width: 1600px) { .dsg-block-6__content { padding: 4rem; min-height: 30rem; } } </style>

Training Videos

<avb-footer>  <avb-designer-footer data-id="5" class="avb-typography dsg-tools-fill-light dsg-footer-5"> <div class="avb-grid avb-grid--container"> <div class="avb-grid__column avb-grid__column--large-12"> <div class="avb-grid avb-grid--container"> <h2 class="avb-typography__headline dsg-tools-main-heading dsg-tools-color-dark dsg-tools-fw-light dsg-footer-5__headline">Digital&nbsp;Surroundings</h2> <div class="avb-grid__column avb-grid__column--medium-9 avb-grid__column--marginBottom dsg-footer-5__columns">  <ul class="avb-list avb-list--noBullet dsg-footer-5__single-column">    <li class="avb-list__item dsg-footer-5-list-item"> <avb-link class="dsg-tools-main-paragraph dsg-tools-color-dark dsg-footer-5__link" data-href="https://www.digitalsurroundings.com/residential-solutions"> Residential </avb-link> </li>  <li class="avb-list__item dsg-footer-5-list-item"> <avb-link class="dsg-tools-main-paragraph dsg-tools-color-dark dsg-footer-5__link" data-href="https://www.digitalsurroundings.com/commercial-solutions"> Commercial </avb-link> </li>   </ul>  <ul class="avb-list avb-list--noBullet dsg-footer-5__single-column">  <li class="avb-list__item dsg-footer-5-list-item"> <avb-link class="dsg-tools-main-paragraph dsg-tools-color-dark dsg-footer-5__link" data-href="https://www.digitalsurroundings.com/our-process"> Our Process </avb-link> </li>  <li class="avb-list__item dsg-footer-5-list-item"> <avb-link class="dsg-tools-main-paragraph dsg-tools-color-dark dsg-footer-5__link" data-href="https://www.digitalsurroundings.com/our-work"> Our Work </avb-link> </li>  <li class="avb-list__item dsg-footer-5-list-item"> <avb-link class="dsg-tools-main-paragraph dsg-tools-color-dark dsg-footer-5__link" data-href="system-monitoring#request-service"> Request Service </avb-link> </li>  <li class="avb-list__item dsg-footer-5-list-item"> <avb-link class="dsg-tools-main-paragraph dsg-tools-color-dark dsg-footer-5__link" data-href="https://www.digitalsurroundings.com/our-story"> Our Story </avb-link> </li>  <li class="avb-list__item dsg-footer-5-list-item"> <avb-link class="dsg-tools-main-paragraph dsg-tools-color-dark dsg-footer-5__link" data-href="https://www.digitalsurroundings.com/contacts"> Contact Us </avb-link> </li> </ul>  <ul class="avb-list avb-list--noBullet dsg-footer-5__single-column">  <li class="avb-list__item dsg-footer-5-list-item"> <ul class="avb-list avb-list--horizontal dsg-footer-5-contact-list"> <li class="avb-list__item dsg-footer-5-contact-list-item dsg-footer-5-contact-icon"> <span class="fas fa-store dsg-tools-color-gradient dsg-footer-5-contact__icon"></span> </li> <li class="avb-list__item dsg-footer-5-contact-list-item dsg-footer-5-contact-text"> <avb-link class="dsg-tools-main-paragraph dsg-tools-color-dark dsg-footer-5__link" data-href="https://www.digitalsurroundings.com/contacts"><span class="dsg-tools-main-paragraph dsg-tools-color-dark dsg-footer-5-address-line">9 Princess Road, Suite A</span> <span class="dsg-tools-main-paragraph dsg-tools-color-dark dsg-footer-5-address-line">Lawrenceville, NJ 08648</span></avb-link> </li> </ul> </li>  <li class="avb-list__item dsg-footer-5-list-item"> <ul class="avb-list avb-list--horizontal dsg-footer-5-contact-list"> <li class="avb-list__item dsg-footer-5-contact-list-item dsg-footer-5-contact-icon"> <span class="fas fa-phone dsg-tools-color-gradient dsg-footer-5-contact__icon"></span> </li> <li class="avb-list__item dsg-footer-5-contact-list-item dsg-footer-5-contact-text"> <avb-link class="dsg-tools-main-paragraph dsg-tools-color-dark dsg-footer-5__link" data-href="tel:609-912-1800">609-912-1800</avb-link> </li> </ul> </li>  <li class="avb-list__item dsg-footer-5-list-item"> <ul class="avb-list avb-list--horizontal dsg-footer-5-contact-list"> <li class="avb-list__item dsg-footer-5-contact-list-item dsg-footer-5-contact-icon"> <span class="fas fa-envelope dsg-tools-color-gradient dsg-footer-5-contact__icon"></span> </li> <li class="avb-list__item dsg-footer-5-contact-list-item dsg-footer-5-contact-text"> <avb-link class="dsg-tools-main-paragraph dsg-tools-color-dark dsg-footer-5__link" data-href="mailto:info@digitalsurroundings.com">info@digitalsurroundings.com</avb-link> </li> </ul> </li>  </ul> </div> <div class="avb-grid__column avb-grid__column--medium-3 dsg-footer-5__sign-up"> <div class="avb-grid avb-grid--container"> <div class="avb-grid__column avb-grid__column--small-12"> <div class="avb-wrapper"> <ul class="avb-list avb-list--noBullet dsg-footer-5__single-column">  <li class="avb-list__item dsg-footer-5-list-item dsg-tools-main-paragraph dsg-tools-color-dark"> Monday - Friday: 8:00 AM - 5:00&nbsp;PM </li>  <li class="avb-list__item dsg-footer-5-list-item dsg-tools-main-paragraph dsg-tools-color-dark"> Saturday &amp; Sunday:&nbsp;Closed </li>  <li class="avb-list__item dsg-footer-5-list-item dsg-tools-main-paragraph dsg-tools-color-dark"> By Appointment&nbsp;Only </li>  <li class="avb-list__item dsg-footer-5-list-item dsg-footer-5-accreditations"> <ul class="avb-list avb-list--horizontal dsg-footer-5-accreditations-list">  <li class="avb-list__item dsg-footer-5-accreditations-list-item"> <avb-picture class="avb-picture dsg-footer-5-picture" data-alt="Cedia"> <avb-picture-source class="dsg-footer-5-badge" data-size="xsmall" data-src="https://d12mivgeuoigbq.cloudfront.net/magento-media/promotions/responsive-banners/logos/logo-cedia.png"></avb-picture-source> </avb-picture> </li> <li class="avb-list__item dsg-footer-5-accreditations-list-item"> <avb-picture class="avb-picture dsg-footer-5-picture" data-alt="ProSource"> <avb-picture-source class="dsg-footer-5-badge" data-size="xsmall" data-src="https://d12mivgeuoigbq.cloudfront.net/magento-media/promotions/responsive-banners/logos/logo-prosource_black.png"></avb-picture-source> </avb-picture> </li> </ul> </li> </ul> </div> </div> </div> </div> </div> </div> </div> </avb-designer-footer>  <avb-designer-footer data-id="3" class="avb-typography dsg-tools-fill-primary dsg-footer-3"> <span class="dsg-tools-main-paragraph dsg-tools-color-light dsg-footer-3__copyright"> Digital Surroundings © 2023 </span> </avb-designer-footer> </avb-footer> <style> /* ==================== Main content (dsg-footer-5) ====================*/ .dsg-footer-5 { padding: 2rem 1rem; } .dsg-footer-5__columns { display: flex; flex-wrap: wrap; } .dsg-footer-5__single-column { flex: 1 1 100%; margin-bottom: 2rem; } .dsg-footer-5__headline{ margin-bottom:1rem; display:block; width:100%; text-align:left; } .dsg-footer-5__button { margin: 0; padding: .5rem 0; display: block; text-align: left; width: 12rem; } .dsg-footer-5__social-media { display: flex; justify-content: space-between; margin-top: 1rem; max-width:250px; } .dsg-footer-5__icon { font-size: 2rem; } .dsg-footer-5-address-line{ display:block; } .dsg-footer-5-contact-text{ margin:0; } .dsg-footer-5-contact-list{ margin-bottom:0.5rem; } .dsg-footer-5-contact__icon { line-height: 1.8; } .dsg-footer-5__link, .dsg-footer-5__link:visited, .dsg-footer-5__link:focus, .dsg-footer-5__link:active{ color:#262B40; } .dsg-footer-5__link:hover{ color:#385082; } .dsg-footer-5__icon:hover{ background: -webkit-gradient(linear, left top, right top, from(#262B40), to(#262B40)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .dsg-footer-5-accreditations-list{ display: flex; flex-wrap: nowrap; justify-content: center; max-width:350px; margin-top:1rem; } .dsg-footer-5-accreditations-list-item{ display:flex; align-items:center; padding-right:0.5rem; } @media screen and (min-width: 600px) {} @media screen and (min-width: 960px) { .dsg-footer-5 { padding-bottom: 0; } .dsg-footer-5__columns { padding-right: 1rem; } .dsg-footer-5__single-column { flex: 1 1 30%; margin-bottom: 2rem; } } @media screen and (min-width: 1280px) { } @media screen and (min-width: 1600px) { } /*==================== Bottom bar (dsg-footer-3) ====================*/ .dsg-footer-3 { padding: 2rem 1rem; text-align: center; text-transform:uppercase; } .dsg-footer-3-image { display: block; max-width: 150px; margin-bottom: .5rem; } @media screen and (min-width: 600px) {} @media screen and (min-width: 960px) {} @media screen and (min-width: 1280px) {} @media screen and (min-width: 1600px) {} </style>