Default Dev Script Validation

Default Header After Global Promotions

<avb-header-after>  <avb-designer-block data-id="27" class="avb-grid avb-typography dsg-block-27-header-before"> <div class="avb-grid__column avb-grid__column--small-12 dsg-tools-nomp dsg-block-27-header-before-grid-column"> <avb-link class="avb-wrapper xdsg-tools-color-light dsg-block-27-header-before__content" data-href="https://www.smartautomationsolutions.com/budgeting-tool">  <span class="dsg-block-27-header-before__headline"> Have a project in mind? Check out our Budget&nbsp;Calculator &nbsp; <img class="dsg-block-28__image" src="https://cdn.avbportal.com/magento-media/members-prosource/vhou5-smart-automation-solutions/logo-hta-w2.png" alt="HTA"> </span> </avb-link> </div> </avb-designer-block> </avb-header-after> <style> /* ==================== Header-after (block-27-header-after) ==================== */ .dsg-block-27-header-before__content, .dsg-block-27-header-before__content:visited, .dsg-block-27-header-before__content:focus, .dsg-block-27-header-before__content:active { display: block; text-align: center; padding: 0.55rem; background: #002952; color:#fff; font-family: "museo-sans", sans-serif; font-weight: 300; } .dsg-block-27-header-before-grid-column{ margin:0; padding:0; } .dsg-block-28__image { height: 15px; vertical-align: middle; } .dsg-block-27-header-before__content:hover { color: #ccc; } .dsg-block-27-header-before__headline { font-size: clamp(0.95rem, 2.1vw, 1.1rem); line-height: 1.3; transition: .3s; } @media screen and (min-width: 600px) {} @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-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-tools-main-heading dsg-tools-color-light dsg-tools-text-shadow dsg-block-1__heading-line-1"> Service Request </span>  </h1> </div> </div> </div> </div> </avb-designer-block>  <avb-designer-block data-id="30" class="avb-typography dsg-block-30"> <div class="avb-grid dsg-form-background-color"> <div class="avb-grid__column avb-grid__column--small-12 avb-grid__column--marginBottom dsg-tools-form-grid dsg-tools-nomp"> <p class="avb-typography__paragraph dsg-tools-sub-heading dsg-tools-color-dark dsg-block-30__paragraph"> Send us your details, and one of our friendly and knowledgeable professionals will reach&nbsp;out. </p>  <iframe class="dsg-block-30__form" title="Receive our service today by requesting an appointment below." src="https://www.smartautomationsolutions.com/cms-iframehtml/vhou5/service-request.html" frameborder="0"></iframe>  </div> </div> </avb-designer-block> </avb-main> <style> /* ======================== Hero (block-1) ======================== */ .dsg-block-1 { margin-top: 0rem; margin-bottom: 0rem; height:40vh; } .dsg-block-1-link, .dsg-block-1-link:focus, .dsg-block-1-link:active { color: #fff; font-weight: bold; } .dsg-block-1-link:hover { color: #efefef; } .dsg-block-1__grid-column { padding-left: 0; padding-right: 0; } .dsg-block-1__background { padding: 0.25rem; background-image: linear-gradient(rgba(60, 60, 60, 0), rgba(60, 60, 60, 0.9)), url(https://cdn.avbportal.com/magento-media/members-prosource/vhou5-smart-automation-solutions/contacts-hero-dc.jpg?w=600); background-position:right; background-size:cover; height:40vh; } .dsg-block-1__content { display:flex; flex-direction:column; text-align: center; height:39vh; justify-content:end; } .dsg-block-1__heading-line-1 { font-size: 1.8rem; } .dsg-block-1__heading-line-2 { text-transform: uppercase; font-size: 1rem; } .dsg-block-1__button, .dsg-block-1__button:visited, .dsg-block-1__button:focus, .dsg-block-1__button:active, .dsg-block-1__button:hover{ width:150px; margin:0 auto; } @media screen and (min-width: 600px) {} @media screen and (min-width: 960px) { .dsg-block-1 { margin-top: 0rem; margin-bottom: 0rem; height:45vh; } .dsg-block-1__heading-line-2 { width: 50rem; margin: 0 auto; } .dsg-block-1__grid-column { padding-left: 0; padding-right: 0; } .dsg-block-1__background { background-image: linear-gradient(to bottom, rgba(23, 23, 23, 0), rgba(23, 23, 23, 0), rgba(60, 60, 60, 0), rgba(60, 60, 60, 1)), url(https://cdn.avbportal.com/magento-media/members-prosource/vhou5-smart-automation-solutions/contacts-hero-dc.jpg?w=900); height:45vh; } .dsg-block-1__content { height:43vh; justify-content:flex-end; } } @media screen and (min-width: 1280px) { .dsg-block-1__background { background-image: linear-gradient(to bottom, rgba(23, 23, 23, 0), rgba(23, 23, 23, 0), rgba(60, 60, 60, 0), rgba(60, 60, 60, 1)), url(https://cdn.avbportal.com/magento-media/members-prosource/vhou5-smart-automation-solutions/contacts-hero-dc.jpg?w=1600); height:45vh; } } @media screen and (min-width: 1600px) { .dsg-block-1__heading-line-1{ font-size:3rem; } .dsg-block-1__heading-line-2{ font-size:1.1rem; } } /* ==================== Service request form (block-30) ==================== */ .dsg-block-30 { margin: 0 auto; padding: 2rem 0; } .dsg-form-background-color { background-color: #FFF; } .dsg-tools-form-grid { margin: 0 auto; max-width: 564px; } .dsg-block-30__form__heading { margin: 0; padding: 2rem 1rem; } .dsg-block-30__heading, .dsg-block-30__paragraph { text-align: center; } .dsg-block-30__form { width: 100%; height: 59rem; } @media screen and (min-width: 600px) { .dsg-block-30__heading { padding: 2rem 0; } } @media screen and (min-width: 960px) { .dsg-tools-form-grid { max-width: 100%; } .dsg-block-30__form { height: 48rem; } } @media screen and (min-width: 1280px) { .dsg-block-30__heading { padding: 3rem 1rem; } } @media screen and (min-width: 1600px) {} </style>

Service Request

SOLUTIONS

INFO

Contact Us

Connect with Us

Store Hours