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"> <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"> Distributed Audio/Video </span>  </h1> </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"> Performance-Enhancing Audio &amp; Video&nbsp;Solutions </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"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam vehicula eleifend orci quis rutrum. Ut in ligula et tellus elementum imperdiet ut a lacus. Curabitur elementum, orci vitae aliquet varius, enim dolor interdum magna, quis laoreet erat magna in sapien. Integer sed massa in eros dignissim tincidunt vel quis enim. Mauris tincidunt neque urna, a ultricies leo vestibulum&nbsp;vitae. </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"> <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-light dsg-block-6a-form__heading-line-1"> Plan Your Next Project </span> </h2> <p class="avb-typography__paragraph dsg-tools-main-paragraph dsg-tools-color-light 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"> <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/vhom37_hometronix_plan_your_next_project"></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/vhom37_hometronix_plan_your_next_project"></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: 36rem; 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: 40rem; padding: 0; overflow: hidden; } .dsg-block-6a-form-accordion-iframe { width: 100%; height: 40rem; 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: 44rem; 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-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/vhom37-hometronix/distributed-av-hero.jpg?w=600); background-position: 50% 30%; 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/vhom37-hometronix/distributed-av-hero.jpg?w=900); } } @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), rgba(23, 23, 23, .7)), url(https://cdn.avbportal.com/magento-media/members-prosource/vhom37-hometronix/distributed-av-hero.jpg?w=1000); } .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), rgba(23, 23, 23, .7)), url(https://cdn.avbportal.com/magento-media/members-prosource/vhom37-hometronix/distributed-av-hero.jpg?w=1200); } } @media screen and (min-width: 1600px) { .dsg-block-1__background { background-image: linear-gradient(to bottom, rgba(23, 23, 23, 0), rgba(23, 23, 23, .7)), url(https://cdn.avbportal.com/magento-media/members-prosource/vhom37-hometronix/distributed-av-hero.jpg?w=1600); } .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-top: 0rem; margin-bottom: 0rem; padding: 1rem 0; } .dsg-block-37__grid-column { padding-left: 0; padding-right: 0; } .dsg-block-37__content-section { position: relative; height: 100%; padding-left: 0.5rem; padding-right: 0.5rem; text-align: center; } .dsg-block-37__content-section-inner { padding: 1rem; width: 230px; display: flex; margin: 0 auto; justify-content: center; align-items: center; } .dsg-block-37-text { font-size: 0.8rem; text-transform: uppercase; } .dsg-block-37-icon { margin-right: 1rem; } .dsg-block-37-carousel { max-width: 1200px; margin: 0 auto; } @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; } .dsg-block-37__content-section-inner { width: 210px; margin: -1rem auto; } .dsg-block-37-desktop-list { text-align: center; } } @media screen and (min-width: 1280px) { .dsg-block-37__content-section-inner { padding: 1rem; width: 230px; /* display: inline-block; */ } } @media screen and (min-width: 1600px) {} /* ======================== 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.6rem; } } @media screen and (min-width: 1280px) { .dsg-block-5__heading-line-1 { font-size: 2.1rem; } } @media screen and (min-width: 1600px) { .dsg-block-5__heading-line-1 { font-size: 2.5rem; } } /* ======================== Sub-Solution (block-6) ======================== */ .dsg-block-6 { margin-top: 0rem; margin-bottom: 0rem; } .dsg-block-6__background { height: 13rem; } .dsg-block-6__background-1 { background-image: url(https://d6y5eqdcxq8w3.cloudfront.net/assets/vendor-assets/electronics/oa/AS41SYS_AnglePhoto_3.jpg?w=900); background-position: center; } .dsg-block-6__background-2 { background-image: url(https://d6y5eqdcxq8w3.cloudfront.net/assets/vendor-assets/electronics/sunbrite-tv/outdoor-tv-from-sunbrite.jpg?w=900); } .dsg-block-6__background-3 { background-image: url(https://cdn.avbportal.com/magento-media/members-prosource/vhom37-hometronix/outdoor-living-shading.jpg?w=900); } .dsg-block-6__background-4 { background-image: url(https://d6y5eqdcxq8w3.cloudfront.net/assets/vendor-assets/electronics/sony/Immersive-visual-experiences-with-more-depth-and-colour.jpg?w=900); } .dsg-block-6__content { padding: 2.5rem 1rem; text-align: center; } .dsg-block-6__heading-line-1 {} .dsg-block-6__heading-line-2 {} .dsg-block-6__paragraph {} /* ========== Accordion ========== */ .dsg-block-6__accordion-item { margin-bottom: 0rem; } .dsg-block-6__accordion-dark { background-color: #373737; } .dsg-block-6__accordion-light { background-color: #F1F1EF; } .dsg-block-6__accordion-heading, .dsg-block-6__accordion-content {} .dsg-block-6__accordion-paragraph { text-align: left; } .dsg-block-6__accordion-heading { padding: 0.5rem; } .dsg-block-6__accordion-content { background-color: transparent; margin-top: 1rem; } .dsg-block-6-list { list-style-type: none; margin: 0; padding: 0; } .dsg-block-6-list-item { margin: 0 0 1rem; } .dsg-block-6-hor-list { margin: 0; display: flex; } .dsg-block-6-icon { margin-right: 0.8rem; flex: 0 1 16px; justify-content: flex-start; text-align: left; } .dsg-block-6-text { flex: 0 1 90%; margin: 0; text-align: left; } .dsg-block-6-reverse-a { order: 2; } .dsg-block-6-reverse-b { order: 1; } @media screen and (min-width: 600px) { .dsg-block-6__background { height: 20rem; } .dsg-block-6__content {} } @media screen and (min-width: 960px) { .dsg-block-6__content { text-align: left; } .dsg-block-6-list { margin-top: 1.5rem; } .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; } } @media screen and (min-width: 1600px) { .dsg-block-6__content { padding: 4rem; } } </style>

Learn more about how our innovative, seamless designs and best-in-class products are turning business spaces into wow spaces. Contact us about your project today.

Distributed Audio/Video

Performance-Enhancing Audio & Video Solutions

Plan Your Next Project

HometroniX