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"> <avb-link class="avb-wrapper dsg-tools-color-light dsg-block-27-header-before__content" data-href="https://www.smartautomationsolutions.com/budgeting-tool">  <span class="dsg-tools-ff-primary dsg-tools-fw-regular 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://d12mivgeuoigbq.cloudfront.net/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 { display: block; text-align: center; padding: 0.55rem; background: #000; } .dsg-block-28__image { height: 15px; vertical-align: middle; } .dsg-block-27-header-before__content:hover { color: #4586ad; } .dsg-block-27-header-before__headline { font-size: 1.15rem; 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-custom-form data-type="mailchimp"> <div id="mc_embed_signup" class="background"> <form action="https://smartautomationsolutions.us3.list-manage.com/subscribe/post?u=bbcbb528f6000a9bde1974072&amp;id=76fa5a3efc" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate> <div id="mc_embed_signup_scroll"> <h2 class="header">Sign up to receive our monthly newsletter and learn more about how electronics can enhance your&nbsp;lifestyle.</h2>  <div class="mc-field-group"> <label for="mce-EMAIL" class="text">Email Address <span class="asterisk">*</span> </label> <input type="email" value="" name="EMAIL" class="input" id="mce-EMAIL"> </div> <div class="mc-field-group"> <label for="mce-FNAME" class="text">First Name <span class="asterisk">*</span> </label> <input type="text" value="" name="FNAME" class="input" id="mce-FNAME"> </div> <div class="mc-field-group"> <label for="mce-LNAME" class="text">Last Name <span class="asterisk">*</span> </label> <input type="text" value="" name="LNAME" class="input" id="mce-LNAME"> </div> <div id="mce-responses" class="clear"> <div class="response" id="mce-error-response" style="display:none"></div> <div class="response" id="mce-success-response" style="display:none"></div> </div>  <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_bbcbb528f6000a9bde1974072_76fa5a3efc" tabindex="-1" value=""></div> <div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div> </div> </form> </div> </avb-custom-form>  <style> .background { background-color: #efeeee; padding: 3rem 0; height: 44rem; } .validate { display: block; margin: 0 auto; width: 18rem; padding: 1rem; background-color: #fff; border-radius: 6px; } .header { color: #333333; /* font-family: 'Open Sans', sans-serif;*/ text-align: center; font-size: 20px; margin-bottom: 0.5rem; } ..mc-field-group { position: relative; margin: 3px 0 12px 0; padding: 1rem; overflow: hidden; background: transparent!important; } .text { line-height: 150%; /* font-family: 'Open Sans', sans-serif;*/ font-size: 16px; color: #5d5d5d; font-weight: bold; display: block; padding: 0.5rem 0; } .input { display: block; background: transparent!important; width: 100%; border-radius: 3px; height: 2.2rem; border: 2px solid #d0d0d0 !important; } .button { background-color: #5d5d5d !important; color: #fff; display: inline-block; font-weight: 500; line-height: 42px; /* font-family: 'Open Sans', sans-serif;*/ width: 7rem; white-space: nowrap; margin: 2rem auto 1rem; text-decoration: none; text-align: center; cursor: pointer; border-radius: 3px; vertical-align: top; } .button:hover { background-color: #444444 !important; } @media screen and (min-width: 600px) { .validate { width: 32rem; } } @media screen and (min-width: 960px) { .validate { width: 37rem; } } @media screen and (min-width: 1280px) { .background { height: 46rem; } } @media screen and (min-width: 1600px) { .background { height: 55rem; } } </style>

Home Technology 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. Send us your details below, and one of our friendly and knowledgeable professionals will reach out.

SOLUTIONS

INFO

Contact Us

Connect with Us

Store Hours

Sign up to receive our monthly newsletter and learn more about how electronics can enhance your lifestyle.

INFO

Contact Us

Connect with Us