Default Dev Script Validation

<avb-header-after>  <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__headline"> <avb-link class="avb-wrapper dsg-block-27-header-after__content" data-href="https://www.speakershop.com/virtual-tour"> <span class="dsg-block-27-header-after--bold"> Click to view our 3D Virtual Tour and please Shop On In! &raquo; </span> </avb-link> </div> </avb-designer-block> </avb-header-after>  <style> @import url('https://fonts.googleapis.com/css?family=Montserrat:300,500,700&display=swap'); /* ==================== Header-after (block-27-header-after) ==================== */ .dsg-block-27__no-padding { padding: 0; } .dsg-block-27-header-after__headline { padding: 0.5rem; text-align: center; color: white; font-weight: 100; background-color: #550d25; margin-bottom: 0; color: white; font-weight: 100; font-size: 16px; margin-top: .1rem; letter-spacing: 1px; font-family: 'Montserrat', sans-serif; } .dsg-block-mobile { display: block; } .dsg-block-display { display: none; } .dsg-block-27-underline { text-decoration: underline; } .dsg-block-27-header-after__content, .dsg-block-27-header-after__content:visited, .dsg-block-27-header-after__content:focus { color: white; font-weight: 100; } .dsg-block-27-header-after__content:hover { color: white; } .dsg-block-27-header-after--bold { font-weight: 700; } .dsg-block-27-header-after--bold:hover { color: #aeaeae; } @media screen and (min-width: 600px) { .dsg-block-mobile { display: none; } .dsg-block-display { display: inline; } .dsg-block-27-header-after__content, .dsg-block-27-header-after__content:visited, .dsg-block-27-header-after__content:focus { display: inline; } } @media screen and (min-width: 960px) {} @media screen and (min-width: 1280px) {} @media screen and (min-width: 1600px) {} </style>

Default Header After Global Promotions

<avb-main>  <avb-designer-block data-id="1" class="avb-typography dsg-block-1a"> <div class="avb-grid"> <div class="avb-grid__column avb-grid__column--small-12 avb-grid__column--marginBottom dsg-block-1a__grid-column">  <div class="avb-wrapper avb-wrapper--background dsg-tools-fill-pattern dsg-block-1a__background"> <div class="avb-wrapper" data-aos="fade-up" data-aos-duration="1500" data-aos-once="true"> <h1 class="avb-typography__heading"> <span class="avb-typography__heading-line avb-typography__heading-line--marginBottom dsg-tools-main-heading dsg-tools-color-light dsg-block-1a__heading-line-1"> ABOUT US </span> </h1> <h2 class="avb-typography__heading"> <span class="avb-typography__heading-line dsg-tools-text-center dsg-block-1a__heading-line-2"> <avb-link data-href="#hero-scroll"> <span class="fas fa-chevron-down dsg-tools-color-primary"></span> </avb-link> </span> </h2> </div> </div> </div> </div> </avb-designer-block>  <avb-designer-block data-id="1" class="avb-typography dsg-block-1b"> <div class="avb-grid"> <div class="avb-grid__column avb-grid__column--small-12 avb-grid__column--marginBottom dsg-block-1b__grid-column"> <div class="avb-wrapper avb-wrapper--background dsg-block-1b__background"> <div class="avb-wrapper dsg-block-1a__content" data-aos="fade-up" data-aos-duration="1500" data-aos-once="true"></div> </div> </div> </div> </avb-designer-block>  <avb-designer-block data-id="26" class="avb-typography 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"> <h2 class="avb-typography__heading avb-typography__heading--title"> <span class="avb-typography__heading-line avb-typography__heading-line--marginBottom dsg-tools-sub-heading dsg-tools-color-dark dsg-block-26__heading-line-1" id="hero-scroll"> Who We Are </span> </h2> <p class="avb-typography__paragraph dsg-tools-text-justify dsg-tools-main-paragraph dsg-tools-color-dark dsg-block-26__paragraph"> Speaker Shop is about incredible picture and sound; performance that conveys emotion. Impact. Our focus is to achieve one goal &mdash; your total enjoyment of music, movies, and media. Whether you're enjoying quiet background music or participating in a big screen surround sound action movie, Speaker Shop is ready to integrate the right electronics into your lifestyle. We enhance the lifestyles of our clients by bringing simplicity, performance and enjoyment through expertise and an enormous array of technologies. In addition to offering comprehensive services from system design and equipment selection to installation and repair, we stock our store with the finest music and home theater systems. But this alone is not enough &mdash; our customers receive knowledgeable, no-pressure assistance with purchasing decisions. That's why we have always operated our business with a non-commissioned sales staff. Non-commissioned sales are the only way we know of ensuring that our customers are getting the correct advice and components for their budget and system&nbsp;needs. </p> <p class="avb-typography__paragraph dsg-tools-text-justify dsg-tools-main-paragraph dsg-tools-color-dark dsg-block-26__paragraph"> Originating as a maker of high fidelity loudspeakers in the early 70s, our company has evolved into Western New York's premier high fidelity and home theater store. The most important and valuable component we make available to you at Speaker Shop is our sales staff. It's imperative that we have employees who truly know and enjoy the music, the components and sharing their knowledge with you. We'll do our best to meet your budget &mdash; and exceed your expectations for performance and value. This is the kind of service we promise&nbsp;you. </p> <p class="avb-typography__paragraph dsg-tools-text-justify dsg-tools-main-paragraph dsg-tools-color-dark dsg-block-26__paragraph"> Way back in 1977, Speaker Shop opened its doors for business by building and repairing speaker systems. Amateur speaker builders and Hi-Fi hobbyists discovered Speaker Shop for hard to find high quality raw-frame speakers, speaker kits and speaker parts to build, upgrade and repair speakers. We offered the local "Hi-Fi" marketplace a uniquely valuable product and service. Hence the name, Speaker Shop. Just as then, our passion to share extraordinary and higher performing products and service is very much alive and well! Today, Speaker Shop is a WNY destination for those seeking the finest performing electronic brands for their music and movie enjoyment. Over these many years, so much has changed as technology continually pushes forward with the "Internet of Things" and "All Things Connected." Speaker Shop has developed a diversified portfolio of products and services supported by an experienced and exceptionally skilled team of Designers, Integrators, Installers and Programmers to provide a wide range of solutions for a true "Best in-Class Home Entertainment Experience." We simplify today’s technology to make your system experience easy and fun to use &mdash; after all, isn't that what it’s all&nbsp;about! </p> <p class="avb-typography__paragraph dsg-tools-text-justify dsg-tools-main-paragraph dsg-tools-color-dark dsg-block-26__paragraph"> Just as in 1977, Speaker Shop remains locally-owned and operated. Our passion continues with sharing in the wondrous fun of higher performing entertainment components and systems. Speaker Shop strives to provide outstanding customer care to all, each and every&nbsp;time. </p> </div> </div> </div> </avb-designer-block>  </avb-main> <style> /* ==================== Hero (block-1a) ==================== */ .dsg-block-1a { margin-top: 0; margin-bottom: -0.5rem; } .dsg-block-1a__grid-column { padding-left: 0; padding-right: 0; } .dsg-block-1a__background { padding: 0.25rem; } .dsg-block-1a__content { max-width: 40rem; padding: 0.5rem; margin-left: auto; margin-right: auto; text-align: center; } .dsg-block-1a__heading-line-2 { font-size: 1.2rem; } @media screen and (min-width: 600px) { .dsg-block-1a__background { padding: 0.25rem; } .dsg-block-1a__heading-line-2 { font-size: 1.5rem; } } @media screen and (min-width: 960px) { .dsg-block-1a__background { padding: .5rem; } .dsg-block-1a__heading-line-2 { font-size: 2.5rem; } } @media screen and (min-width: 1280px) { .dsg-block-1a__heading-line-2 { font-size: 3rem; } .dsg-block-1a__content { padding: 1rem; } } @media screen and (min-width: 1600px) { .dsg-block-1a__background { padding: 1rem; } } /* ==================== Hero (block-1b) ==================== */ .dsg-block-1b { margin-top: 0; margin-bottom: -0.5rem; } .dsg-block-1b__grid-column { padding-left: 0; padding-right: 0; } .dsg-block-1b__background { padding: 4rem; background-image: url(https://cdn.avbportal.com/magento-media/members-prosource/vspe2-speaker-shop/about-us-hero___.jpg); background-size: cover; background-position: center; } @media screen and (min-width: 600px) { .dsg-block-1b__background { padding: 6.5rem; } } @media screen and (min-width: 960px) { .dsg-block-1b__background { padding: 10.5rem; } } @media screen and (min-width: 1280px) {} @media screen and (min-width: 1600px) { .dsg-block-1b__background { padding: 17.5rem; } } /* ==================== About Us (block-26) ==================== */ .dsg-block-26 { margin-top: 0.25rem; margin-bottom: 0.25rem; } .dsg-block-26__content { padding: 1rem; text-align: center; } @media screen and (min-width: 600px) { .dsg-block-26 { margin-top: 0.5rem; margin-bottom: 0.5rem; } } @media screen and (min-width: 960px) {} @media screen and (min-width: 1280px) { .dsg-block-26 { margin-top: 1rem; margin-bottom: 1rem; } } @media screen and (min-width: 1600px) {} /* ==================== Solutions (block-13) ==================== */ .dsg-block-19 { margin-top: 0; margin-bottom: 0; } .dsg-block-19__picture-1 { min-height: 15rem; background-image: url(https://cdn.avbportal.com/magento-media/members-prosource/vcon8-connect-tek/lighting-control-hero2.jpg); } .dsg-block-19__picture-2 { min-height: 15rem; background-image: url(https://cdn.avbportal.com/magento-media/members-prosource/vcon8-connect-tek/lc-outdoor-lv-lighting.jpg); } .dsg-block-19__picture-3 { min-height: 15rem; background-image: url(https://cdn.avbportal.com/magento-media/); } .dsg-block-19__picture-4 { min-height: 15rem; background-image: url(https://cdn.avbportal.com/magento-media/); } .dsg-block-19__picture-5 { min-height: 15rem; background-image: url(https://cdn.avbportal.com/magento-media/); } .dsg-block-19__content { margin-top: -2rem; padding: 1rem; text-align: center; background-color:rgb(51, 51, 51); border-radius: 0 0 15px 15px; } .dsg-block-19__heading-line-1 {} .dsg-block-19__heading-line-2 {} .dsg-block-19__paragraph {} @media screen and (min-width: 600px) { .dsg-block-19 {} .dsg-block-19__picture-1, .dsg-block-19__picture-2, .dsg-block-19__picture-3, .dsg-block-19__picture-4, .dsg-block-19__picture-5 { min-height: 20rem; } } @media screen and (min-width: 960px) { .dsg-block-19__content-row-1 { height: 19rem; } .dsg-block-19__content-row-2 { height: 19rem; } } @media screen and (min-width: 1280px) { .dsg-block-19 {} .dsg-block-19__picture-1, .dsg-block-19__picture-2, .dsg-block-19__picture-3, .dsg-block-19__picture-4, .dsg-block-19__picture-5{ min-height: 25rem; } .dsg-block-19__content { padding: 1rem; } } @media screen and (min-width: 1600px) { .dsg-block-19__picture-1, .dsg-block-19__picture-2, .dsg-block-19__picture-3, .dsg-block-19__picture-4, .dsg-block-19__picture-5{ min-height: 30rem; } .dsg-block-19__content { padding: 2rem; } .dsg-block-19__content-row-1 { height: 19rem; } .dsg-block-19__content-row-2 { height: 17.5rem; } } /* ==================== Fun facts (block-27) ==================== */ .dsg-block-27 { margin: 0; background-color: #1C1C1C; } .dsg-block-26__paragraph { margin-bottom: 1rem; } .dsg-block-27__content { text-align: center; padding: 1rem; } .dsg-block-27__list { margin-top: 3rem; margin-bottom: 1rem; justify-content: center; align-items: center; } .dsg-block-27__list-item { flex: 1 1 300px; margin: 0 0 3rem; padding: .5rem; } .dsg-block-27__list-item:last-of-type { margin-bottom: 0; } .dsg-block-27__icon { font-size: 3rem; margin-bottom: 1rem; } .dsg-block-27__text { display: block; font-size: 1.25rem; max-width: 15rem; margin: 0 auto; } @media screen and (min-width: 600px) {} @media screen and (min-width: 960px) { .dsg-block-27__list-item:last-of-type { margin-bottom: 3rem; } } @media screen and (min-width: 1280px) {} @media screen and (min-width: 1600px) {} </style>

404

Plan Your Next Project Send us your details, and one of our friendly and knowledgeable professionals will reach out.

CONTACT US

Site Map

FOLLOW US