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"> Sonos Video Gallery </span> <span class="avb-typography__heading-line avb-typography__heading-line--marginBottom dsg-tools-sub-heading-sml dsg-tools-text-center dsg-tools-color-primary dsg-block-1a__heading-line-2"> WATCH. LISTEN. LEARN. </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-xmark dsg-tools-color-dark dsg-block-main-icon"></span> </avb-link> </span> </h2> </div> </div> </div> </div> </avb-designer-block>  <avb-designer-block data-id="28" class="avb-typography dsg-block-28"> <div class="avb-grid avb-grid--container"> <div class="avb-grid__column avb-grid__column--small-12 avb-grid__column--marginBottom dsg-tools-nomp"> <div class="avb-wrapper dsg-block-28__content"> <div data-experience="606b6316d9adb900237a4b08"></div> <script src="https://players.brightcove.net/5054796629001/experience_606b6316d9adb900237a4b08/live.js"></script> </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" id="project-form"> <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-tools-text-shadow 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-tools-text-shadow 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:610-270-2850 "> <span class="fa fa-phone dsg-block-45-form__icon"></span> <span class="dsg-block-45-form__text"> 610-270-2850 </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@stoneglidden.com"> <span class="fa fa-envelope dsg-block-45-form__icon"></span> <span class="dsg-block-45-form__text"> info@stoneglidden.com </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//Stone+Glidden,+628+B+St,+King+of+Prussia,+PA+19406/@40.0885341,-75.3325254,17z/data=!4m9!4m8!1m0!1m5!1m1!1s0x89c6be1a7ce7f141:0x76be220f490b88f8!2m2!1d-75.3303072!2d40.0886225!3e0" target="_blank"> <span class="fa fa-map-marker-alt dsg-block-45-form__icon"></span> <span class="dsg-block-45-form__text"> 628 B St. King of Prussia, PA 19406 </span> </avb-link> </li>  <li class="avb-list__item dsg-block-45-form__list-item"> By Appointment Only </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-tools-border-radius dsg-block-45-form__content-right"> <div class="avb-wrapper dsg-block-45-form__form-wrapper">  <iframe class="dsg-block-45-form__form" src="https://www.stoneglidden.com/cms-iframehtml/vsto4/formstack-vsto4-stone-glidden-plan-your-next-project-form.html" title="Stone Glidden - Plan Your Next Project" 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.6), rgba(0, 0, 0, 0.6)), url(https://cdn.avbportal.com/magento-media/members-prosource/vsto4-stone-glidden/map-bg.jpg); background-size: cover; padding: 3rem 1rem; } .dsg-block-45-form__content-right { background-color: #fff; 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: #ea1924; } .dsg-block-45-form__form { width: 100%; height: 40rem; } .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; } .dsg-block-45-form__icon { margin-right: 1rem; flex: 0 0 40px; margin-top: 0.25rem; } @media screen and (min-width: 600px) { .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-image: url(https://cdn.avbportal.com/magento-media/members-prosource/vsto4-stone-glidden/bg-form.jpg?w=1000); background-attachment: fixed; background-position: right; } .dsg-block-45-form__background-2 { margin: 0; padding: 5rem 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 { max-width: 70%; position: relative; left: -10%; } .dsg-block-45-form__form-wrapper { height: 100%; } .dsg-block-45-form__form { padding: 1rem; height: 42rem; } } @media screen and (min-width: 1280px) { .dsg-block-45-form { margin-top: 1rem; margin-bottom: 1rem; } } @media screen and (min-width: 1600px) { } </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; margin: -0.5rem 0rem; } .dsg-block-1a__content { max-width: 40rem; padding: 0rem 0.5rem; margin-left: auto; margin-right: auto; text-align: center; } .dsg-block-1a__heading-line-1 { margin-top: 1rem; } .dsg-block-1a-icon { display: block; margin-top: 1rem; } .dsg-block-1a__button { margin-top: 1rem; } @media screen and (min-width: 600px) { .dsg-block-1a__background { padding: 0.25rem; } } @media screen and (min-width: 960px) {} @media screen and (min-width: 1280px) { .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: 5rem 0rem; background-image: url(https://cdn.avbportal.com/magento-media/members-prosource/vsto4-stone-glidden/showroom-4-hero.jpg); background-size: cover; background-position: center; } @media screen and (min-width: 600px) { .dsg-block-1b__background { padding: 7.5rem 0rem; } } @media screen and (min-width: 960px) { .dsg-block-1b__background { padding: 11.5rem 0rem; } } @media screen and (min-width: 1280px) {} @media screen and (min-width: 1600px) { .dsg-block-1b__background { padding: 18.5rem 0rem; } } /* =================== VIDEOS (block-37) =================== */ .dsg-block-37 { margin: 1rem auto; background-size: auto; background-repeat: repeat; padding: 1.5rem 1rem 0; } .dsg-block-37__grid-column { padding-left: 0; padding-right: 0; } .dsg-block-37__heading-line-1{ font-size: 2rem; } .dsg-block-37__content-section { position: relative; height: auto; padding:.5rem; text-align: center; background-color: #fff; height: auto; margin: 0 auto; max-width: 300px; } .dsg-block-37__icon { margin-bottom: 1rem; font-size: 2.4rem; color: #B6121B; } .dsg-block-37__title { margin-bottom: 0; text-align: left; margin-bottom: 0.5rem; } @media screen and (min-width: 600px) { .dsg-block-37__content-section { padding: .5rem; margin: 1rem auto; } } @media screen and (min-width: 960px) { .dsg-block-37__content-section { padding: .5rem; align-items: baseline; text-align: justify; } } @media screen and (min-width: 1280px) { .dsg-block-37 { padding-top: 2rem; } /* .dsg-block-37__content-section { height: 22rem; padding: 2rem; } */ } @media screen and (min-width: 1600px) { /* .dsg-block-37__content-section { padding: 2rem 2rem 0; } */ } /*==================== Savant Videos (block-28) ====================*/ .dsg-block-28 { margin: 0 auto; } .dsg-block-28__list-item { line-height: 1.3; flex: 0 1 360px; padding: 1rem 1.5rem; } .dsg-block-28__list-icon { position: relative; bottom: 0; transition: 0.3s; font-size: 2rem; color: #da4426; } .dsg-block-28__link:hover .dsg-block-28__list-icon { bottom: 5px; } .dsg-block-28__list-headline { padding: 1rem 0; display: block; font-size: 1rem; } .dsg-block-28__list-text { display: block; } .fa-clipboard:before { margin-left: .2rem; } .dsg-block-28__video { width: 100%; min-height: 10rem; } /* ========== Accordion ========== */ .dsg-block-28__accordion-item { margin-bottom: 1rem; background-color: #fff; } .dsg-block-28__accordion-heading, .dsg-block-28__accordion-content { padding: 0rem; } .dsg-block-28__accordion-paragraph { text-align: center; } .dsg-block-28__accordion-heading { color: #B6121B; width: 100%; padding: 1rem 2rem; } .dsg-block-28__accordion-heading:focus, .dsg-block-28__accordion-heading:active, .dsg-block-28__accordion-heading:visited { color: #fff; } .dsg-block-28__accordion-content { background-color: #fff; } .avb-accordion__item-title::before { display: none; } @media screen and (min-width: 600px) { .dsg-block-28__list-item { flex: 1 1 50%; padding: 1rem; } .dsg-block-28 { margin-top: 1rem; } .dsg-block-28__video { width: 100%; min-height: 19rem; } } @media screen and (min-width: 960px) { .dsg-block-28__list-item { flex: 0 1 32%; padding: 1rem; } .dsg-block-28__video { width: 100%; min-height: 10rem; } } @media screen and (min-width: 1280px) { .dsg-block-28__list-item { /*flex: 1 1 25rem;*/ padding: 1rem; } .dsg-block-28__video { width: 100%; min-height: 14rem; } .dsg-block-28 { margin-top: 2rem; } .dsg-block-28__list-headline { font-size: 1.2rem; } /*.dsg-block-28__list-headline { display: inline; padding-left: .5rem; } .dsg-block-28__list-text { margin-left: 4rem; }*/ } @media screen and (min-width: 1600px) { .dsg-block-28__list-headline { font-size: 1.2rem; } .dsg-block-28 { margin-top: 3rem; } .dsg-block-28__list-item { /*flex: 1 1 24rem;*/ padding: 1rem; } .dsg-block-28__video { width: 100%; min-height: 17rem; } } </style>

View Sonos Tutorial Gallery from Stone Glidden in King of Prussia, PA. 

Sonos Video Gallery WATCH. LISTEN. LEARN.

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

CONTACT US

FOLLOW US

SOLUTIONS

INFO

ASSOCIATIONS