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"> <span class=""> Visit our <avb-link class="dsg-block-27-header-after__content" data-href="https://www.lbsmarthome.com/locations/rancho-cordova">Showroom in Rancho Cordova</avb-link> and our new Control4 <avb-link class="dsg-block-27-header-after__content" data-href="https://www.lbsmarthome.com/locations/tahoe-truckee">Showroom in Truckee</avb-link>! </span> </div> </avb-designer-block> </avb-header-after> <style> /* ==================== Header-after (block-27-header-after) ==================== */ .dsg-block-27-header-after { padding: 0; } .dsg-block-27-header-after__headline { margin-bottom: 0; margin-top: 0; padding: 10px; color: #FFF; text-align: center; background: #484848; font-weight: normal; font-size: 1.1em; font-family: 'Helvetica', sans-serif; } .dsg-block-mobile { display: block; } .dsg-block-display { display: none; } .dsg-block-27-underline { color: #cc0000 !important; } .dsg-block-27-header-after__content, .dsg-block-27-header-after__content:visited, .dsg-block-27-header-after__content:focus { color: #bcbbbb; } .dsg-block-27-header-after__content:hover { color: #FFF; text-decoration: underline; } .dsg-block-27-header-after--bold { font-weight: 700; } @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-designer-block data-id="27" class="avb-typography dsg-block-27-hb"> <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-27-hb__content"> <ul class="avb-list avb-list--horizontal dsg-block-27-hb-list"> <li class="avb-list__item dsg-block-27-hb-list-item"> <avb-link class="dsg-block-27-hb-link" data-href="https://www.lbsmarthome.com/request-a-quote"> <span class="dsg-block-27-hb-icon fal fa-clipboard-check"> </span> <span class="dsg-block-27-hb-text"> Request A Quote | </span> </avb-link> </li> <li class="avb-list__item dsg-block-27-hb-list-item"> <avb-link class="dsg-block-27-hb-link" data-href="https://payments.lbsmarthome.com/login" target="_blank"> <span class="dsg-block-27-hb-icon fal fa-credit-card"> </span> <span class="dsg-block-27-hb-text"> Pay Your Bill </span> </avb-link> </li> </ul> </div> </div> </div> </avb-designer-block> <style> .dsg-block-27-hb { margin-top: 0rem; margin-bottom: 0rem; background-color:#484848; height:3rem; } .dsg-block-27-hb__content { padding: 0.5rem; text-align: center; /* background-color: rgba(241, 241, 241, 0.9);*/ } .dsg-block-27-hb__headline { margin-bottom: 0; } .dsg-block-27-hb-icon, .dsg-block-27-hb-text { font-size:1.2rem; color:#fff; } .dsg-block-27-hb-list { display: inline-flex; } @media screen and (min-width: 600px) { .dsg-block-27-hb { margin-top: 0; margin-bottom: 0; } .dsg-block-27-hb-list { float:right; } } @media screen and (min-width: 960px) { .dsg-block-27-hb { margin-top: 0; margin-bottom: 0; } } @media screen and (min-width: 1280px) { .dsg-block-27-hb { margin-top: 0; margin-bottom: 0; } } @media screen and (min-width: 1600px) { .dsg-block-27-hb { margin-top: 0; margin-bottom: 0; } } </style>

<avb-main>  <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-block-26__heading-line-1"><span class="fal fa-clipboard-check dsg-block-26-icon"></span> Request A Quote</span> </h2> <p class="avb-typography__paragraph dsg-block-26__paragraph">All information that is provided is considered private and will not be shared with any outside source. Information received is for the use of our sales and installation staff.</p> </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">  <iframe class="dsg-block-26__form" title="Liberty Bell Getting Started" src="https://avbmarketing.formstack.com/forms/request_quote" frameborder="0"></iframe> </div> </div> </div> </avb-designer-block> </avb-main> <style> @import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,500i,700|Satisfy&display=swap'); /*INTRO COPY*/ .dsg-block-26 { margin-top: 0.5rem; margin-bottom: 0.5rem; } .dsg-block-26__content { padding: 0 2rem; text-align: center; background-color: #fff; } .dsg-block-26__heading-line-1 { font-family: 'Montserrat', sans-serif; font-weight: 300; color: #95989a; } .dsg-block-26__heading-line-2 { color: #000; } .dsg-block-26__paragraph { max-width: 75rem; margin-left: auto; margin-right: auto; color: #555; font-family: 'Montserrat', sans-serif; font-weight: 300; font-size: .8em; } .dsg-block-26-text{ font-size: 1.5em; color: #0a8fed; } .dsg-block-26__link{ color: #0a8fed; } .dsg-block-26__link:hover{ color: #0a8fed; text-decoration: underline; } .dsg-block-26-icon { background-color: #003e6a; /* background: -webkit-gradient(linear, left top, left bottom, from(#7DE852), to(#37771D));*/ -webkit-background-clip: text; -webkit-text-fill-color: transparent; } @media screen and (min-width: 600px) { .dsg-block-26 { margin-top: 1rem; margin-bottom: 1rem; } .dsg-block-26__content { padding: 0; text-align: left; } } @media screen and (min-width: 960px) { .dsg-block-26 { margin-top: 1rem; margin-bottom: 1rem; } .dsg-block-26__content { padding: 0; } .dsg-block-26__paragraph { max-width: 95rem; margin-left: 0; font-size: 1em; } } @media screen and (min-width: 1280px) { .dsg-block-26 { margin-top: 2rem; margin-bottom: 2rem; } .dsg-block-26__content { padding: 0; } .dsg-block-26__paragraph { max-width: 95rem; margin-left: 0; } } @media screen and (min-width: 1600px) { .dsg-block-26 { margin-top: 2rem; margin-bottom: 2rem; } .dsg-block-26__content { padding: 0; } .dsg-block-26__paragraph { max-width: 95rem; margin-left: 0; } } /*FORM*/ .dsg-block-26__form { width: 100%; height: 88rem; } </style>

Request A Quote

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

INFO

STORE INFO

Connect with Us