Default Dev Script Validation

Default Header After Global Promotions

<avb-header-before>  <avb-designer-block data-id="28" class="avb-typography dsg-block-28-header-before"> <div class="avb-grid"> <div class="avb-grid__column avb-grid__column--small-12 dsg-block-28-header-before__no-padding"> <div class="avb-wrapper dsg-block-28-header-before__content">  <avb-link class="dsg-block-28-header-before__link" data-href="https://www.quicksilver-audio.com/contacts">  Introducing Quicksilver Audio’s newest location in the Chelan&nbsp;Valley </avb-link>   </div> </div> </div> </avb-designer-block> </avb-header-before> <style> /* ==================== Header-before (block-28-header-before) ==================== */ .dsg-block-28-header-before__no-padding { padding: 0; } .dsg-block-28-header-before__content { text-align: center; padding: 0.55rem; background-color: #1e2a50; font-family: "Montserrat", sans-serif; } .dsg-block-28-header-before__icon { padding: 0 0.5rem; } .dsg-block-28-header-before__heading { color: #fff; font-weight: 400; font-size: clamp(0.85rem, 2.5vw, 1.1rem); } .dsg-block-28-header-before__link, .dsg-block-28-header-before__link:focus, .dsg-block-28-header-before__link:visited { color: #fff; font-weight: 400; font-size: clamp(0.85rem, 2.5vw, 1.1rem); transition: 0.3s; } .dsg-block-28-header-before__link:hover { color: #aaa; } .dsg-block-28-header-before__location-mobile { display: block; } .dsg-block-28-header-before__hider-mobile { display: none; } @media screen and (min-width: 600px) { .dsg-block-28-header-before__location-mobile { display: inline; } .dsg-block-28-header-before__hider-mobile { display: inline; } } @media screen and (min-width: 960px) {} @media screen and (min-width: 1280px) {} @media screen and (min-width: 1600px) {} </style>

<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"> <div class="avb-wrapper avb-wrapper--background dsg-block-1__background"> <div class="avb-wrapper dsg-block-1__content">  <h2 class="avb-typography__heading dsg-tools-nomp"> <span class="avb-typography__heading-line dsg-tools-color-light dsg-tools-ff-primary dsg-tools-fw-light dsg-tools-uppercase dsg-tools-fs-lrg dsg-block-1__heading-line-1" data-aos="fade-up" data-aos-duration="2000" data-aos-once="true"> SPECIAL EVENTS </span> </h2> </div> </div> </div> </div> </avb-designer-block> <avb-designer-block data-id="43" class="avb-typography dsg-block-43"> <div class="avb-grid avb-grid--container"> <div class="avb-grid__column avb-grid__column--small-12 avb-grid__column--marginBottom dsg-block-43__grid-column"> <p class="avb-typography__paragraph dsg-tools-ff-primary dsg-block-43__paragraph">No offers at this time, check back&nbsp;soon.</p>    </div> </div> </avb-designer-block> </avb-main> <style> /* ==================== Hero (block-1) ==================== */ .dsg-block-1 { margin: 0; } .dsg-block-1__background { 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/vqui2-quicksilver/special-events-hero2.jpg); } .dsg-block-1__content { max-width: 100%; padding: 3rem 1rem; margin-left: auto; margin-right: auto; text-align: center; background-color: rgba(0, 0, 0, 0.0); } @media screen and (min-width: 600px) { .dsg-block-1__content { padding: 3rem 0; } } @media screen and (min-width: 960px) { .dsg-block-1__content { padding: 6rem 0; } } @media screen and (min-width: 1024px) {} @media screen and (min-width: 1280px) { .dsg-block-1__content { padding: 9rem 0; } } @media screen and (min-width: 1600px) { .dsg-block-1__content { padding: 10rem 0; } } /* ==================== Gallery (block-43) ==================== */ .dsg-block-43 { text-align: center; } .dsg-block-43__grid-column { padding-left: 0; padding-right: 0; } .dsg-block-43 { margin-top: 0.25rem; margin-bottom: 0.25rem; padding: 1rem 0.5rem; } .dsg-block-43__grid-column { padding-left: 0; padding-right: 0; } /* .dsg-block-43-gallery__grid { grid-template-columns: repeat(1, 1fr); max-width: 18rem; } */ .dsg-block-43-gallery{ margin-top:5rem; margin-bottom:5rem; } .dsg-block-43-gallery__grid-item{ border: none; min-height: 12rem; } .dsg-block-43__heading{ text-align: center; font-family: 'Montserrat', sans-serif; text-transform: uppercase; font-weight: 400; font-size: 1.5rem; font-color: #aa2222; } /* For small screens and wider */ @media screen and (min-width: 600px) { .dsg-block-43-gallery__grid-item{ min-height: 23rem; } } /* For medium screens and wider */ @media screen and (min-width: 960px) { .dsg-block-43-gallery__grid-item{ min-height: 25rem; } } /* For large screens and wider */ @media screen and (min-width: 1280px) {} /* For extra large screens and wider */ @media screen and (min-width: 1600px) {} </style>

SPECIAL EVENTS

Is it Time to Plan Your Next Great Project? Great projects start with great plans! Let our team of experts find the right solutions to meet all your needs, for projects from residential to commercial. Send us your details below, and one of our friendly and knowledgeable professionals will reach out.

SOLUTIONS

Learn

Locations

Awards