Default Dev Script Validation

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-dark dsg-block-1a__heading-line-1"> OUR GALLERY </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-dark"></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="7" class="avb-typography dsg-block-7" id="hero-scroll"> <div class="avb-grid avb-grid--container">  <div class="avb-grid__column avb-grid__column--medium-2 avb-grid__column--marginBottom"> <div class="avb-wrapper avb-wrapper--flex avb-wrapper--tall avb-wrapper--background dsg-block-7__background dsg-block-7__background-1"></div> </div> <div class="avb-grid__column avb-grid__column--medium-8 avb-grid__column--marginBottom"> <div class="avb-wrapper avb-wrapper--flex avb-wrapper--tall avb-wrapper--background dsg-block-7__background dsg-block-7__background-2"></div> </div> <div class="avb-grid__column avb-grid__column--medium-2 avb-grid__column--marginBottom"> <div class="avb-wrapper avb-wrapper--flex avb-wrapper--tall avb-wrapper--background dsg-block-7__background dsg-block-7__background-3"></div> </div>  <div class="avb-grid__column avb-grid__column--medium-4 avb-grid__column--marginBottom"> <div class="avb-wrapper avb-wrapper--flex avb-wrapper--tall avb-wrapper--background dsg-block-7__background dsg-block-7__background-4"></div> </div> <div class="avb-grid__column avb-grid__column--medium-4 avb-grid__column--marginBottom"> <div class="avb-wrapper avb-wrapper--flex avb-wrapper--tall avb-wrapper--background dsg-block-7__background dsg-block-7__background-5"></div> </div> <div class="avb-grid__column avb-grid__column--medium-4 avb-grid__column--marginBottom"> <div class="avb-wrapper avb-wrapper--flex avb-wrapper--tall avb-wrapper--background dsg-block-7__background dsg-block-7__background-6"></div> </div>  <div class="avb-grid__column avb-grid__column--medium-2 avb-grid__column--marginBottom"> <div class="avb-wrapper avb-wrapper--flex avb-wrapper--tall avb-wrapper--background dsg-block-7__background dsg-block-7__background-7"></div> </div> <div class="avb-grid__column avb-grid__column--medium-2 avb-grid__column--marginBottom"> <div class="avb-wrapper avb-wrapper--flex avb-wrapper--tall avb-wrapper--background dsg-block-7__background dsg-block-7__background-8"></div> </div> <div class="avb-grid__column avb-grid__column--medium-8 avb-grid__column--marginBottom"> <div class="avb-wrapper avb-wrapper--flex avb-wrapper--tall avb-wrapper--background dsg-block-7__background dsg-block-7__background-9"></div> </div>  <div class="avb-grid__column avb-grid__column--medium-2 avb-grid__column--marginBottom"> <div class="avb-wrapper avb-wrapper--flex avb-wrapper--tall avb-wrapper--background dsg-block-7__background dsg-block-7__background-1"></div> </div> <div class="avb-grid__column avb-grid__column--medium-8 avb-grid__column--marginBottom"> <div class="avb-wrapper avb-wrapper--flex avb-wrapper--tall avb-wrapper--background dsg-block-7__background dsg-block-7__background-2"></div> </div> <div class="avb-grid__column avb-grid__column--medium-2 avb-grid__column--marginBottom"> <div class="avb-wrapper avb-wrapper--flex avb-wrapper--tall avb-wrapper--background dsg-block-7__background dsg-block-7__background-3"></div> </div> </div> </avb-designer-block>    <avb-designer-block data-id="45" class="avb-typography dsg-block-45-form">  <div class="avb-grid"> <div class="avb-grid__column avb-grid__column--medium-6 avb-grid__column--noPadding dsg-tools-column-spacing">  <div class="avb-wrapper avb-wrapper--flex avb-wrapper--tall avb-wrapper--background dsg-block-45-form__background-1"> <div class="avb-wrapper avb-wrapper--horizontal avb-wrapper--horizontalCenter avb-wrapper--vertical avb-wrapper--verticalCenter dsg-tools-text-center dsg-block-45-form__content-left"> <div class="avb-wrapper dsg-block-45-form__content-wrapper">  <h2 class="avb-typography__heading"> <span class="avb-typography__heading-line avb-typography__heading-line--marginBottom dsg-tools-sub-heading dsg-tools-color-light dsg-block-45-form__heading-line-1"> Plan Your Next&nbsp;Project </span> <span class="avb-typography__heading-line dsg-tools-main-paragraph dsg-tools-color-light dsg-block-45-form__heading-line-2"> Send us your details, and one of our friendly and knowledgeable professionals will reach&nbsp;out. </span> </h2>  <ul class="avb-list avb-list--noBullet dsg-list--noBullet dsg-tools-main-paragraph dsg-tools-fw-bold dsg-tools-color-light dsg-tools-text-shadow dsg-block-45-form__list">  <li class="avb-list__item dsg-block-45-form__list-item"> <avb-link class="avb-link dsg-block-45-form__link" data-href="tel:920-733-8539"> <span class="fa fa-phone dsg-block-45-form__icon"></span> <span class="dsg-block-45-form__text"> 920-733-8539 </span> </avb-link> </li>  <li class="avb-list__item dsg-block-45-form__list-item"> <avb-link class="avb-link dsg-block-45-form__link" data-href="mailto:info@sound-world.net"> <span class="fa fa-envelope dsg-block-45-form__icon"></span> <span class="dsg-block-45-form__text"> info@sound-world.net </span> </avb-link> </li>  <li class="avb-list__item dsg-block-45-form__list-item"> <avb-link class="avb-link dsg-block-45-form__link" data-href="https://www.google.com/maps/dir//Sound+World,+3015+W+Wisconsin+Ave,+Appleton,+WI+54914/@44.2727477,-88.4518038,17.3z/data=!4m9!4m8!1m0!1m5!1m1!1s0x8803b7b288c258c3:0x4e8a9b3be0d52fe2!2m2!1d-88.451099!2d44.27237!3e0" target="_blank"> <span class="fa fa-map-marker-alt dsg-block-45-form__icon"></span> <span class="dsg-block-45-form__text"> 3015 W. Wisconsin Ave, Appleton, WI 54914 </span> </avb-link> </li>  <li class="avb-list__item dsg-block-45-form__list-item"> <avb-link class="avb-link dsg-block-45-form__link" data-href="https://www.sound-world.net/contacts"> <span class="fa fa-clock dsg-block-45-form__icon"></span> <span class="dsg-block-45-form__text"> <span class="dsg-block-45-form__hours-line"> Monday - Friday: 10:00 AM - 6:00 PM </span> <span class="dsg-block-45-form__hours-line"> Saturday - Sunday: Closed </span> <span class="dsg-block-45-form__hours-line"> Walk-Ins Welcome | Appointments Advised </span> </span> </avb-link> </li> </ul> </div> </div> </div> </div> <div class="avb-grid__column avb-grid__column--medium-6 avb-grid__column--noPadding dsg-tools-column-spacing">  <div class="avb-wrapper avb-wrapper--flex avb-wrapper--tall avb-wrapper--background dsg-block-45-form__background-2"> <div class="avb-wrapper avb-wrapper--horizontal avb-wrapper--horizontalCenter avb-wrapper--vertical avb-wrapper--verticalCenter dsg-block-45-form__content-right"> <div class="avb-wrapper dsg-block-45-form__form-wrapper">  <iframe class="dsg-block-45-form__form" title="Plan Your Next Project." src="https://www.sound-world.net/cms-iframehtml/vsou6/formstack-vsou6-sound-world-plan-your-next-project.html" frameborder="0"></iframe> </div> </div> </div> </div> </div> </avb-designer-block> <style> /* ==================== Two Column Block (block-45) ==================== */ .dsg-block-45-form { margin: .5rem auto; } .dsg-block-45-form__background-2 { padding: 0.5rem; margin: 0 0.5rem; background-image: none; } .dsg-block-45-form__content-left { background-image: linear-gradient( rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8) ), url(https://cdn.avbportal.com/magento-media/members-prosource/vsou6-sound-world/form-map.jpg); background-size: cover; padding: 3rem 1rem; } .dsg-block-45-form__content-right { background-color: #fff; border-radius: 15px; box-shadow: 10px 0px 40px -10px #000; } .dsg-block-45-form__heading-line-2 { max-width: 450px; } .dsg-block-45-form__paragraph { max-width: 35rem; margin: 0 auto 1rem; } .dsg-block-45-form__link { color: #fff; } .dsg-block-45-form__link:hover{ color: #ed0101; } .dsg-block-45-form__form { width: 100%; height: 43rem; padding-top: 3rem; } .dsg-block-45-form__list { margin-top: 2rem; max-width: 50rem; text-align: left; display: none; } .dsg-block-45-form__list-item { margin-right: 0; margin-bottom: 2rem; } .dsg-block-45-form__link { display: flex; flex-wrap: nowrap; align-items: baseline; } .dsg-block-45-form__icon { padding-left: 1rem; margin-right: 1rem; flex: 0 0 40px; } @media screen and (min-width: 600px) { .dsg-block-45-form__form { height: 33rem; } .dsg-block-45-form__list { display: block; width: 100%; max-width: 500px; margin: 2rem auto 0; } .dsg-block-45-form__hours-line { display: block; line-height: 1.2; margin-bottom: .5rem; } .dsg-block-45-form__hours-line:last-of-type { margin-bottom: 0; } } @media screen and (min-width: 960px) { .dsg-block-45-form__background-2 { margin: 0; padding: 2rem 1rem; display: flex; align-items: center; } .dsg-block-45-form__content-wrapper { height: 100%; display: flex; flex-direction: column; justify-content: center; } .dsg-block-45-form__content-left { padding-right: 4rem; } .dsg-block-45-form__content-right { min-width: 110%; position: relative; left: -10%; height: 40rem; } .dsg-block-45-form__form-wrapper { height: 100%; } .dsg-block-45-form__form { height: 100%; padding: 1rem; } } @media screen and (min-width: 1280px) { .dsg-block-45-form { margin-top: 1rem; margin-bottom: 1rem; background-image: url(https://cdn.avbportal.com/magento-media/members-prosource/vsou6-sound-world/formstack-form-bg.jpg); background-attachment: fixed; background-size: cover; } .dsg-block-45-form__content-right { height: 30rem; } } @media screen and (min-width: 1600px) { .dsg-block-45-form__content-right { height: 31rem; } } </style> </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/website-themes/prosource/nico/our-gallery-hero.jpg); } @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; } } /* ==================== OUR GALLERY (block-7) ==================== */ .dsg-block-7 { margin: 2rem auto; } .dsg-block-7__background { height: 25vh; border-radius: 20px; } .dsg-block-7__background-1, .dsg-block-7__background-4, .dsg-block-7__background-7 { height: 50vh; } .dsg-block-7__background-1 { background-image: url(https://cdn.avbportal.com/magento-media/website-themes/prosource/nico/gallery8.jpg); } .dsg-block-7__background-2 { background-image: url(https://cdn.avbportal.com/magento-media/website-themes/prosource/nico/gallery5.jpg); } .dsg-block-7__background-3 { background-image: url(https://cdn.avbportal.com/magento-media/website-themes/prosource/nico/gallery6.jpg); } .dsg-block-7__background-4 { background-image: url(https://cdn.avbportal.com/magento-media/website-themes/prosource/nico/gallery7.jpg); } .dsg-block-7__background-5 { background-image: url(https://cdn.avbportal.com/magento-media/website-themes/prosource/nico/gallery8.jpg); } .dsg-block-7__background-6 { background-image: url(https://cdn.avbportal.com/magento-media/website-themes/prosource/nico/gallery9.jpg); } .dsg-block-7__background-7 { background-image: url(https://cdn.avbportal.com/magento-media/website-themes/prosource/nico/gallery10.jpg); } .dsg-block-7__background-8 { background-image: url(https://cdn.avbportal.com/magento-media/website-themes/prosource/nico/gallery11.jpg); } .dsg-block-7__background-9 { background-image: url(https://cdn.avbportal.com/magento-media/website-themes/prosource/nico/gallery6.jpg); } @media screen and (min-width: 600px) { } @media screen and (min-width: 960px) { .dsg-block-7__background { height: 40vh; } } @media screen and (min-width: 1280px) { } @media screen and (min-width: 1600px) { } </style>

Browse a gallery of all of Sound World's local Appleton projects from our many happy customers right here. Click to get inspired today!

OUR GALLERY

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

Contact Us

SOLUTIONS

INFO

ASSOCIATIONS

Follow Us