Default Dev Script Validation

<avb-header-after>  <avb-designer-block data-id="28" class="avb-typography dsg-block-28-header-after"> <div class="avb-grid"> <div class="avb-grid__column avb-grid__column--small-12 dsg-block-28-header-after__no-padding"> <div class="avb-wrapper dsg-tools-ff-secondary dsg-tools-fs-sml dsg-tools-fw-bold dsg-tools-color-light dsg-block-28-header-after__content"> Welcome to Automated Lifestyles, Serving Northeastern Pennsylvania &amp; Surrounding Areas Since&nbsp;2000. </div> </div> </div> </avb-designer-block> </avb-header-after> <style> /* ==================== header-after (block-28-header-after) ==================== */ .dsg-block-28-header-after { background-color: #000; } .dsg-block-28-header-after__no-padding { padding: 0; } .dsg-block-28-header-after__content { text-align: center; padding: 0.55rem; } .dsg-block-28-header-after__icon { padding: 0 0.5rem; color: #351d04; } .dsg-block-28-header-after__heading { color: #351d04; font-weight: 400; font-size: 1.1rem; } .dsg-block-28-header-after__link, .dsg-block-28-header-after__link:focus, .dsg-block-28-header-after__link:visited { color: #351d04; font-weight: 400; font-size: 1.1rem; transition: 0.3s; } .dsg-block-28-header-after__link:hover { color: #777; } .dsg-block-28-header-after__location-mobile { display: block; } .dsg-block-28-header-after__hider-mobile { display: none; } @media screen and (min-width: 600px) { .dsg-block-28-header-after__location-mobile { display: inline; } .dsg-block-28-header-after__hider-mobile { 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-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-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 dsg-tools-ff-primary dsg-tools-fs-lrg dsg-tools-fw-bold dsg-tools-color-light dsg-tools-uppercase dsg-tools-text-shadow dsg-block-1__heading-line-1"> Our&nbsp;Work </span> </h1>  <avb-link class="avb-button dsg-tools-main-button dsg-block-1__button" data-href="https://www.automated-lifestyles.com/our-work/commercial-projects"> Commercial&nbsp;Projects </avb-link>  <avb-link class="avb-button dsg-tools-main-button dsg-block-1__button" data-href="https://www.automated-lifestyles.com/our-work/residential-projects"> Residential&nbsp;Projects </avb-link> </div> </div> </div> </div> </avb-designer-block>   <avb-designer-block data-id="28" class="avb-typography dsg-block-28-pynp"> <div class="avb-grid dsg-grid-container"> <div class="avb-grid__column avb-grid__column--small-12 avb-grid__column--marginBottom"> <div class="avb-wrapper dsg-block-28-pynp__content">  <avb-link data-href="#form"> <img class="dsg-block-28-pynp__image" src="https://cdn.avbportal.com/magento-media/members-prosource/vaut7-automated-lifestyles/pynp_button3.png?w=300" alt="Plan Your Next Project"> </avb-link> </div> </div> </div> </avb-designer-block> <style> /* ==================== Floating Ad (block-28-pynp) ==================== */ .dsg-block-28-pynp { margin: 0; } .dsg-block-28-pynp__content { padding: 0; text-align: center; } .dsg-block-28-pynp__heading { margin-bottom: 0; } .dsg-block-28-pynp__image { width:77px; position:absolute; right:0.5rem; bottom:1rem; display: none; } @media screen and (min-width: 600px) { /*.dsg-block-28-pynp__image { display: block; position: absolute; width: 155px; right: .5rem; bottom: 1rem; }*/ } @media screen and (min-width: 960px) { .dsg-block-28-pynp__image { display: block; position: absolute; width: 155px; right: .5rem; bottom: 1rem; } } @media screen and (min-width: 1280px) { .dsg-block-28-pynp__image { width: 210px; } } @media screen and (min-width: 1600px) { .dsg-block-28-pynp__image { width: 250px; } } </style>   <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 dsg-block-45-form__flex-column-1">  <div class="avb-wrapper avb-wrapper--flex avb-wrapper--tall avb-wrapper--background dsg-block-45-form__background"> <div class="avb-wrapper avb-wrapper--horizontal avb-wrapper--horizontalCenter avb-wrapper--vertical avb-wrapper--verticalCenter dsg-block-45-form__content dsg-block-45-form__background-1" id="form"> <div class="avb-wrapper dsg-block-45-form__wrapper">  <avb-picture class="avb-picture dsg-block-45-form-picture" data-alt="Plan Your Next Project" data-aos="fade-down" data-aos-duration="1500" data-aos-once="true"> <avb-picture-source class="dsg-block-45-form__image" data-size="xsmall" data-src="https://cdn.avbportal.com/magento-media/website-themes/prosource/rapha/lightbulb.png?w=300"></avb-picture-source> </avb-picture>  <h2 class="avb-typography__heading"> <span class="avb-typography__heading-line avb-typography__heading-line--marginBottom dsg-tools-ff-primary dsg-tools-fw-light dsg-tools-fs-med dsg-tools-color-dark dsg-block-45-form__heading-line-1"> Plan Your Next&nbsp;Project. </span> </h2>  <p class="avb-typography__paragraph dsg-tools-ff-secondary dsg-tools-fs-sml dsg-tools-fw-light dsg-tools-color-dark dsg-block-45-form__paragraph"> Send us your details, and one of our friendly and knowledgeable professionals will reach&nbsp;out. </p> </div> </div> </div> </div>  <div class="avb-grid__column avb-grid__column--medium-6 avb-grid__column--noPadding dsg-tools-column-spacing dsg-block-45-form__flex-column-2">  <div class="avb-wrapper avb-wrapper--flex avb-wrapper--tall avb-wrapper--background dsg-block-45-form__background"> <div class="avb-wrapper avb-wrapper--horizontal avb-wrapper--horizontalCenter avb-wrapper--vertical avb-wrapper--verticalCenter dsg-tools-fill-dark dsg-block-45-form__content"> <div class="avb-wrapper">  <iframe class="dsg-block-45-form__form" title="Plan Your Next Project." src="https://www.automated-lifestyles.com/cms-iframehtml/vaut7/formstack-vaut7-plan-your-next-project-form.html" frameborder="0"></iframe> </div> </div> </div> </div> </div> </avb-designer-block> <style> /* ==================== Form (block-45) ==================== */ .dsg-block-45-form { margin: 0 auto; background-image: url(https://cdn.avbportal.com/magento-media/custom_integrators/brands/brand-sony-bravia-tv.jpg?w=600); background-size: cover; padding-bottom: .5rem; } .dsg-block-45-form__flex-column-1 { flex: 0 0 100%; max-width: 100%; order: 1; } .dsg-block-45-form__flex-column-2 { flex: 0 0 100%; max-width: 100%; order: 2; } .dsg-block-45-form__background { margin: 0; padding: .5rem .5rem 0 .5rem; background-size: cover; } .dsg-block-45-form__background-1 { background-image: url(https://cdn.avbportal.com/magento-media/members-prosource/vaut7-automated-lifestyles/white-blur-background-1.jpg); margin: 0; padding: .5rem .5rem 0 .5rem; background-size: cover; } .dsg-block-45-form__content { padding: 1rem; text-align: center; } .dsg-block-45-form__wrapper { min-height: 17rem; background-image: url(https://cdn.avbportal.com/magento-media/website-themes/prosource/rapha/border-blk.png); background-size: contain; background-repeat: no-repeat; background-position: center; display: flex; flex-direction: column; justify-content: center; align-items: center; } .dsg-block-45-form-picture { margin-bottom: -1rem; } .dsg-block-45-form__image { width: 9rem; position: relative; top: -1rem; } .dsg-block-45-form__heading-line-1 { max-width: 14rem; margin: auto; } .dsg-block-45-form__paragraph { max-width: 14rem; margin: 0 auto 1rem; font-size: .9rem; } .dsg-block-45-form__form { width: 100%; height: 55rem; } @media screen and (min-width: 600px) { .dsg-block-45-form { background-image: url(https://cdn.avbportal.com/magento-media/custom_integrators/brands/brand-sony-bravia-tv.jpg?w=900); } .dsg-block-45-form__content { padding: 1.5rem; } .dsg-block-45-form__wrapper { height: 26rem; background-position: center; } .dsg-block-45-form-picture { margin-bottom: -3rem; } .dsg-block-45-form__image { width: 20rem; top: -3.25rem; } .dsg-block-45-form__form { width: 90%; height: 54rem; } .dsg-block-45-form__paragraph { max-width: 20rem; margin: 0 auto; } } @media screen and (min-width: 960px) { .dsg-block-45-form { background-attachment: fixed; padding: 2rem; } .dsg-block-45-form__flex-column-1 { flex: 1 0; flex-basis: calc(6 / 12 * 100%); order: 1; } .dsg-block-45-form__flex-column-2 { flex: 1 0; flex-basis: calc(6 / 12 * 100%); order: 2; } .dsg-block-45-form__image { width: 260px; top:-2rem; } .dsg-block-45-form__form { width: 100%; height: 53rem; } } @media screen and (min-width: 1280px) { .dsg-block-45-form { background-image: url(https://cdn.avbportal.com/magento-media/custom_integrators/brands/brand-sony-bravia-tv.jpg?w=1200); } .dsg-block-45-form { margin-top: 1rem; margin-bottom: 1rem; padding: 3rem; } .dsg-block-45-form__content { padding: 2rem; } } @media screen and (min-width: 1600px) { .dsg-block-45-form { padding: 4rem; } .dsg-block-45-form__content { padding:2rem 3rem; } .dsg-block-45-form__image { width: 242px; } .dsg-block-45-form__form { width: 100%; height: 55rem; } } @media screen and (min-width: 1633px) { .dsg-block-45-form__form { width: 100%; height: 38rem; } } </style> </avb-main> <style> /* ==================== Hero (block-1) ==================== */ .dsg-block-1 { margin: 0 auto; } .dsg-block-1__grid-column { padding-left: 0; padding-right: 0; } .dsg-block-1__background { padding: 3rem; background-image: linear-gradient( rgba(30, 30, 30, 0.3), rgba(30, 30, 30, 0.3) ), url(https://cdn.avbportal.com/magento-media/members-prosource/vaut7-automated-lifestyles/rs-project-3f.jpg); } .dsg-block-1__content { max-width: 40rem; padding: 1rem; margin-left: auto; margin-right: auto; text-align: center; } .dsg-block-1__button { margin-bottom: 1rem; font-size: .75rem; } @media screen and (min-width: 600px) { .dsg-block-1__background { padding: 6.5rem; } .dsg-block-1__button { font-size: 1rem; } } @media screen and (min-width: 960px) { .dsg-block-1__background { padding: 9.5rem; } } @media screen and (min-width: 1280px) { .dsg-block-1__background { background-attachment: fixed; } } @media screen and (min-width: 1600px) { .dsg-block-1__background { padding: 14.5rem; } } /* =================== CAROUSEL OUR PROCESS (block-37) =================== */ .dsg-block-37 { margin: 0rem auto; padding: 2rem 1rem 0rem; } .dsg-block-37__heading-line-2 { padding: .5rem 2rem 0rem; } .dsg-block-37__grid-column { padding-left: 0; padding-right: 0; } .dsg-block-37__content-section { position: relative; height: 100%; padding-left: 1rem; padding-right: 1rem; text-align: center; border-radius: 15px; height: 19rem; margin: 0 auto; max-width: 250px; } .dsg-block-37__content { text-align: center; } .dsg-block-37__icon { margin-bottom: 1rem; font-size: 2.4rem; } .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; height: 15rem; max-width: 400px; } } @media screen and (min-width: 960px) { .dsg-block-37__content-section { align-items: baseline; text-align: justify; height: 20rem; width: 90%; } .dsg-block-37 { padding-bottom: 2rem; } } @media screen and (min-width: 1280px) { .dsg-block-37 { padding-top: 2rem; } .dsg-block-37__content-section { height: 22rem; } } @media screen and (min-width: 1600px) { .dsg-block-37__content-section { height: 23rem; } } /* ==================== About Us (block-26) ==================== */ .dsg-block-26 { margin-top: 0.25rem; margin-bottom: 0.25rem; } .dsg-block-26__content { padding: 1rem; } .dsg-block-26__heading-line-1 { margin-top: 0.5rem; } @media screen and (min-width: 600px) { .dsg-block-26 { margin-top: 0.5rem; margin-bottom: 0.5rem; } } @media screen and (min-width: 960px) {} @media screen and (min-width: 1280px) { .dsg-block-26 { margin-top: 1rem; margin-bottom: 1rem; } } @media screen and (min-width: 1600px) {} /* ==================== 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: 4rem; background-image: url(https://cdn.avbportal.com/magento-media/members-prosource/vref1-refined-systems/gallery-hero.jpg); background-position-y: 96%; } @media screen and (min-width: 600px) { .dsg-block-1b__background { padding: 6.5rem; } } @media screen and (min-width: 960px) { .dsg-block-1b__background { padding: 10.5rem; } } @media screen and (min-width: 1280px) {} @media screen and (min-width: 1600px) { .dsg-block-1b__background { padding: 17.5rem; } } /* ==================== OUR GALLERY (block-7) ==================== */ .dsg-block-7 { margin: 2rem auto; margin-bottom: 0rem; } .dsg-block-7__heading-line-1 { padding: 1rem 0rem; } .dsg-block-7__background { height: 25vh; object-fit: cover !important; } .dsg-block-7__button { display: block; margin: 0 auto; color: #b69b66!important; font-size: 1.3rem!important; } .dsg-block-7__content { text-align: center; } .dsg-block-7__button:hover { background-color: #e8e8e8!important; } .dsg-block-7__background-1, .dsg-block-7__background-4, .dsg-block-7__background-7 { height: 50vh; } .dsg-block-7__background-1 { background-image: url(https://cdn.avbportal.com/magento-media/members-prosource/vref1-refined-systems/galley_page_1.jpg); } .dsg-block-7__background-2 { background-image: url(https://cdn.avbportal.com/magento-media/members-prosource/vref1-refined-systems/galley_page_2.jpg); } .dsg-block-7__background-3 { background-image: url(https://cdn.avbportal.com/magento-media/members-prosource/vref1-refined-systems/galley_page_3.jpg); } .dsg-block-7__background-4 { background-image: url(https://cdn.avbportal.com/magento-media/members-prosource/vref1-refined-systems/galley_page_4.jpg); } .dsg-block-7__background-5 { background-image: url(https://cdn.avbportal.com/magento-media/members-prosource/vref1-refined-systems/galley_page_5.jpg); } .dsg-block-7__background-6 { background-image: url(https://cdn.avbportal.com/magento-media/members-prosource/vref1-refined-systems/galley_page_6.jpg); } .dsg-block-7__background-7 { background-image: url(https://cdn.avbportal.com/magento-media/members-prosource/vref1-refined-systems/galley_page_7.jpg); } .dsg-block-7__background-8 { background-image: url(https://cdn.avbportal.com/magento-media/members-prosource/vref1-refined-systems/galley_page_8.jpg); } .dsg-block-7__background-9 { background-image: url(https://cdn.avbportal.com/magento-media/members-prosource/vref1-refined-systems/galley_page_9.jpg); } .dsg-block-7__background-10 { background-image: url(https://cdn.avbportal.com/magento-media/members-prosource/vref1-refined-systems/project-tours_1.jpg); background-position-x: 90%; } .dsg-block-7__background-11 { background-image: url(https://cdn.avbportal.com/magento-media/members-prosource/vref1-refined-systems/project-tours_2.jpg); } .dsg-block-7__background-12 { background-image: url(https://cdn.avbportal.com/magento-media/members-prosource/vref1-refined-systems/project-tours_3.jpg); } .dsg-block-7__background-13 { background-image: url(https://cdn.avbportal.com/magento-media/members-prosource/vref1-refined-systems/project-tours_4.jpg); } .dsg-block-7__background-14 { background-image: url(https://cdn.avbportal.com/magento-media/members-prosource/vref1-refined-systems/project-tours_5.jpg); } .dsg-block-7__background-15 { background-image: url(https://cdn.avbportal.com/magento-media/members-prosource/vref1-refined-systems/project-tours_6.jpg); } .dsg-block-7__background-16 { background-image: url(https://cdn.avbportal.com/magento-media/members-prosource/vref1-refined-systems/project-tours_7.jpg); } .dsg-block-7__background-17 { background-image: url(https://cdn.avbportal.com/magento-media/members-prosource/vref1-refined-systems/project-tours_8.jpg); } .dsg-block-7__background-18 { background-image: url(https://cdn.avbportal.com/magento-media/members-prosource/vref1-refined-systems/gallery-pool_1.jpg); } .dsg-block-7__background-19 { background-image: url(https://cdn.avbportal.com/magento-media/members-prosource/vref1-refined-systems/gallery-pool_2.jpg); } .dsg-block-7__background-20 { background-image: url(https://cdn.avbportal.com/magento-media/members-prosource/vref1-refined-systems/gallery-pool_3.jpg); } .dsg-block-7__background-21 { background-image: url(https://cdn.avbportal.com/magento-media/members-prosource/vref1-refined-systems/design-document.jpg); background-position: top; } @media screen and (min-width: 600px) {} @media screen and (min-width: 960px) { .dsg-block-7__background { height: 40vh; } .dsg-block-7 { padding-bottom: 2rem; } } @media screen and (min-width: 1280px) {} @media screen and (min-width: 1600px) {} </style>

View our work gallery and learn why we are Jefferson Townships' top choice for smart home services. Browse our past projects from our many happy customers.

Our Work

Plan Your Next Project.

Info

Contact Us

Connect with Us

Accreditations & Affiliations