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="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"> <h1 class="avb-typography__heading avb-typography__heading--title"> <span class="avb-typography__heading-line avb-typography__heading-line--marginBottom dsg-block-1__heading-line-1" data-aos="zoom-out">Projects</span>  </h1>    </div> </div> </div> </div> </avb-designer-block> <avb-designer-block data-id="5" class="avb-typography dsg-block-5">  <div class="avb-grid avb-grid--container dsg-block-5-column-reverse"> <div class="avb-grid__column avb-grid__column--medium-5 avb-grid__column--marginBottom"> <div class="avb-wrapper avb-wrapper--flex avb-wrapper--tall avb-wrapper--background dsg-block-5__background-1"> <div class="avb-wrapper avb-wrapper--horizontal avb-wrapper--horizontalCenter avb-wrapper--vertical avb-wrapper--verticalCenter dsg-block-5__content" data-aos="fade-left" data-aos-duration="3000" data-aos-once="true"> <div class="avb-wrapper"> <h2 class="avb-typography__heading avb-typography__heading--title"> <span class="avb-typography__heading-line avb-typography__heading-line--marginBottom dsg-block-5__heading-line-1">Project Videos</span>  </h2> <p class="avb-typography__paragraph dsg-block-5__paragraph">Click through to view our project videos.</p>   </div> </div> </div> </div> <div class="avb-grid__column avb-grid__column--medium-7 avb-grid__column--marginBottom"> <div class="avb-wrapper avb-wrapper--flex avb-wrapper--tall avb-wrapper--background dsg-block-5__background-2"> <div class="avb-wrapper avb-wrapper--horizontal avb-wrapper--horizontalCenter avb-wrapper--vertical avb-wrapper--verticalCenter"> <div class="avb-wrapper">  <ul class="avb-list avb-list--horizontal dsg-block-4-list"> <li class="avb-list__item dsg-block-4-list-item"> <avb-lightbox-item class="dsg-block-4-lightbox-item" data-type="youtube" data-src="https://www.youtube.com/watch?v=EwLYBqgarBg&t=39s" data-autoplay> <img class="dsg-block-4-image" src="https://d12mivgeuoigbq.cloudfront.net/magento-media/members-prosource/vlib1-liberty-bell/project-video-1-1.jpg" alt="Custom Control4 Integration"> </avb-lightbox-item> </li> <li class="avb-list__item dsg-block-4-list-item"> <avb-lightbox-item class="dsg-block-4-lightbox-item" data-type="youtube" data-src="https://www.youtube.com/watch?v=wgok6Ucz13c" data-autoplay> <img class="dsg-block-4-image" src="https://d12mivgeuoigbq.cloudfront.net/magento-media/members-prosource/vlib1-liberty-bell/project-video-2-1.jpg" alt="Elliott Homes Custom Project"> </avb-lightbox-item> </li> <li class="avb-list__item dsg-block-4-list-item"> <avb-lightbox-item class="dsg-block-4-lightbox-item" data-type="youtube" data-src="https://www.youtube.com/watch?v=gJnFbcMtlQk&t=19s" data-autoplay> <img class="dsg-block-4-image" src="https://d12mivgeuoigbq.cloudfront.net/magento-media/members-prosource/vlib1-liberty-bell/project-video-3-1.jpg" alt="Control4 Customer Testimonial"> </avb-lightbox-item> </li> <li class="avb-list__item dsg-block-4-list-item"> <avb-lightbox-item class="dsg-block-4-lightbox-item" data-type="youtube" data-src="https://www.youtube.com/watch?v=pf-g2KJhfoQ" data-autoplay> <img class="dsg-block-4-image" src="https://d12mivgeuoigbq.cloudfront.net/magento-media/members-prosource/vlib1-liberty-bell/project-video-4-1.jpg" alt="Lutron Shades"> </avb-lightbox-item> </li> </ul> </div> </div> </div> </div> </div> </avb-designer-block> </avb-main> <style> @import url('https://fonts.googleapis.com/css?family=Montserrat:300,700&display=swap'); /*block 1 hero */ .dsg-block-1 { margin-top: 0; margin-bottom: 0.25rem; } .dsg-block-1__grid-column { padding-left: 0; padding-right: 0; } .dsg-block-1__background { /* padding: 0.5rem;*/ background-image: linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.3)), url(https://d12mivgeuoigbq.cloudfront.net/magento-media/members-prosource/vlib1-liberty-bell/projects-hero.jpg); background-position: 93%; } .dsg-block-1__content { max-width: 75rem; padding: 1rem; margin-left: auto; margin-right: auto; text-align: center; background-color: transparent; } .dsg-block-1__heading-line-1 { color: #fff; font-family: 'Montserrat', sans-serif; font-weight: 300; font-size: 1em; } .dsg-block-1__heading-line-2 { color: inherit; } .dsg-block-1__paragraph { max-width: 35rem; margin-left: auto; margin-right: auto; } @media screen and (min-width: 600px) { .dsg-block-1__background { padding: 1rem; } .dsg-block-1__content { padding: 1rem; } } @media screen and (min-width: 960px) { .dsg-block-1__background { padding: 2rem; } .dsg-block-1__content { padding: 2rem; } .dsg-block-1__heading-line-1 { font-size: 1.4em; } } @media screen and (min-width: 1280px) { .dsg-block-1 { margin-bottom: 1rem; } .dsg-block-1__background { padding: 3rem; } .dsg-block-1__content { padding: 3rem; } .dsg-block-1__heading-line-1 { font-size: 2em; } } @media screen and (min-width: 1600px) { .dsg-block-1__background { padding: 4rem; } .dsg-block-1__content { padding: 4rem; } } /*block 4 */ .dsg-block-4 { margin-top: 0.25rem; margin-bottom: 0.25rem; } .dsg-block-4__content { text-align: center; padding: 1rem; } .dsg-block-4__heading-line-1 { font-family: 'Montserrat', sans-serif; font-weight: 300; color: #95989a; } .dsg-block-4__heading-line-2 { color: #003e6a; font-size: 1.2rem; font-family: 'Montserrat', sans-serif; font-weight: 300; } .dsg-block-4__paragraph { margin-left: auto; margin-right: auto; font-family: 'Montserrat', sans-serif; font-weight: 300; color: #555; } .dsg-block-4-list { display: grid; grid-template-columns: 1fr 1fr; margin-left: 6px; margin-bottom: 0; } @media screen and (min-width: 600px) { .dsg-block-4 { margin-top: 0.5rem; margin-bottom: 0.5rem; } } @media screen and (min-width: 960px) { .dsg-block-4 { margin-top: 0.5rem; margin-bottom: 0.5rem; } .dsg-block-4__content { text-align: left; } } @media screen and (min-width: 1280px) { .dsg-block-4 { margin-top: 1rem; margin-bottom: 1rem; } } @media screen and (min-width: 1600px) { .dsg-block-4 { margin-top: 1rem; margin-bottom: 1rem; } } /*block 5 */ .dsg-block-5 { margin-top: 0.25rem; margin-bottom: 0.25rem; } .dsg-block-5-column-reverse { flex-direction: column-reverse; } .dsg-block-5__content { text-align: center; padding: 1rem; } .dsg-block-5__heading-line-1 { font-family: 'Montserrat', sans-serif; font-weight: 300; color: #95989a; } .dsg-block-5__heading-line-2 { color: #003e6a; font-size: 1.2rem; font-family: "Helvetica",sans-serif; } .dsg-block-5__paragraph { margin-left: auto; margin-right: auto; font-family: 'Montserrat', sans-serif; font-weight: 300; color:#555; } @media screen and (min-width: 600px) { .dsg-block-5 { margin-top: 0.5rem; margin-bottom: 0.5rem; } } @media screen and (min-width: 960px) { .dsg-block-5 { margin-top: 0.5rem; margin-bottom: 0.5rem; } .dsg-block-5-column-reverse { flex-direction: initial; } .dsg-block-5__content { text-align: left; } } @media screen and (min-width: 1280px) { .dsg-block-5 { margin-top: 1rem; margin-bottom: 1rem; } } @media screen and (min-width: 1600px) { .dsg-block-5 { margin-top: 1rem; margin-bottom: 1rem; } } </style>

We are a family owned and operated company of caring, motivated, and intelligent people working together in pursuit of our goal to be Northern California's finest Smart Home Integrator.

Projects

Project Videos

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