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 new <avb-link class="dsg-block-27-header-after__content" data-href="https://www.lbsmarthome.com/locations/auburn">Showroom in Downtown Historic Auburn</avb-link> and our new <avb-link class="dsg-block-27-header-after__content" data-href="https://www.lbsmarthome.com/locations/tahoe-truckee">Showroom in Downtown Historic 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: clamp(0.7rem, 1.9vw, 1.1rem); 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>  </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="1" class="avb-typography dsg-block-1"> <div class="avb-grid"> <div class="avb-grid__column avb-grid__column--small-12 avb-grid__column--marginBottom dsg-block-1__grid-column">  <div class="avb-wrapper avb-wrapper--background dsg-block-1__background"> <div class="avb-wrapper dsg-block-1__content" 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-ff-primary dsg-tools-fs-lrg dsg-tools-fw-light dsg-tools-uppercase dsg-tools-color-light dsg-tools-text-shadow dsg-block-1__heading-line-1"> BUDGETING TOOL </span> </h1> </div> </div> </div> </div> </avb-designer-block> <avb-designer-block data-id="27" class="avb-typography dsg-block-27"> <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__content"> <iframe class="dsg-block-27-tool" src="https://www.lbsmarthome.com/cms-iframehtml/vlib1/budgeting-tool.html"></iframe> </div> </div> </div> </avb-designer-block> </avb-main> <style> /* ==================== Hero (block-1) ==================== */ .dsg-block-1 { margin-top: 0; margin-bottom: -0.5rem; } .dsg-block-1__grid-column { padding-left: 0; padding-right: 0; } .dsg-block-1__background { padding: 3rem; background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(https://cdn.avbportal.com/magento-media/members-prosource/vlib1-liberty-bell/hero-service-contract-1.jpg); } .dsg-block-1__content { max-width: 60rem; padding: 0.5rem; margin-left: auto; margin-right: auto; text-align: center; } .dsg-block-1__heading-line-1 {} .dsg-block-1__heading-line-2 {} .dsg-block-1__button { margin-top: 2rem; } @media screen and (min-width: 600px) { .dsg-block-1__background { padding: 6.5rem; } } @media screen and (min-width: 960px) { .dsg-block-1__background { padding: 9.5rem; } } @media screen and (min-width: 1280px) { .dsg-block-1__content { padding: 1rem; } } @media screen and (min-width: 1600px) {} .dsg-block-27 { margin-top: 0.25rem; margin-bottom: 0.25rem; } .dsg-block-27__content { padding: 0.5rem; text-align: center; } .dsg-block-27__headline { margin-bottom: 0; color: #003e6a; font-family: 'Montserrat', sans-serif; font-weight: 300; } .dsg-block-27-tool { width: 100%; height: 132rem; } @media screen and (min-width: 600px) { .dsg-block-27 { margin-top: 0.5rem; margin-bottom: 0.5rem; } .dsg-block-27-tool { width: 100%; height: 100rem; } } @media screen and (min-width: 960px) { .dsg-block-27 { margin-top: 0.5rem; margin-bottom: 0.5rem; } } @media screen and (min-width: 1280px) { .dsg-block-27 { margin-top: 1rem; margin-bottom: 1rem; } .dsg-block-27-tool { width: 100%; height: 72rem; } } @media screen and (min-width: 1600px) { .dsg-block-27 { margin-top: 1rem; margin-bottom: 1rem; } } </style>

BUDGETING TOOL

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