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"> <avb-link class="avb-wrapper dsg-block-27-header-after__content" data-href="https://www.residentialsystems.com/technology/automation/case-study-taking-control-to-new-heights" target="_blank">  <avb-picture class="avb-picture avb-picture--full dsg-block-27-header-after-picture" data-alt="See what Residential Systems Magazine has to say about our current project!"> <avb-picture-source class="dsg-block-27-header-after-image" data-size="xsmall" data-src="https://d12mivgeuoigbq.cloudfront.net/magento-media/members-prosource/vabs2-absolute-av/pr_vabs2_article1-sml.png"></avb-picture-source> <avb-picture-source class="dsg-block-27-header-after-image" data-size="small" data-src="https://d12mivgeuoigbq.cloudfront.net/magento-media/members-prosource/vabs2-absolute-av/pr_vabs2_article1-med.png"></avb-picture-source> <avb-picture-source class="dsg-block-27-header-after-image" data-size="medium" data-src="https://d12mivgeuoigbq.cloudfront.net/magento-media/members-prosource/vabs2-absolute-av/pr_vabs2_article1-lrg.png"></avb-picture-source> <avb-picture-source class="dsg-block-27-header-after-image" data-size="large" data-src="https://d12mivgeuoigbq.cloudfront.net/magento-media/members-prosource/vabs2-absolute-av/pr_vabs2_article1-lrg.png"></avb-picture-source> <avb-picture-source class="dsg-block-27-header-after-image" data-size="xlarge" data-src="https://d12mivgeuoigbq.cloudfront.net/magento-media/members-prosource/vabs2-absolute-av/pr_vabs2_article1-lrg.png"></avb-picture-source> </avb-picture> </avb-link> </div> </avb-designer-block> </avb-header-after> <style> /* ==================== Header-after (block-27-header-after) ==================== */ .dsg-block-27__no-padding { padding: 0; } .dsg-block-27-header-after__content, .dsg-block-27-header-after__content:visited, .dsg-block-27-header-after__content:focus { display: block; color: #fff; text-align: center; padding: 0rem; } .dsg-block-27-header-after__content:hover { color: #ff0000; } .dsg-block-27-header-after__headline { font-family: "Open Sans", sans-serif; font-weight: 400; font-size: 1.15rem; line-height: 1.3; transition: .3s; } .dsg-block-27-header-after--bold { font-weight: 700; } @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>

Default Header After Global Promotions

<style> /*** Reset styles ***/ * { -webkit-box-sizing: border-box; box-sizing: border-box; } a, a:hover { text-decoration: none; } img { max-width: 100%; } h1, h2, h3, h4, h5, h6{ display: block; margin-left: 0; margin-right: 0; font-weight: bold; word-break: break-word; } h1 { font-size: 2rem; margin-top: 0.67em; margin-bottom: 0.67em; } h2 { font-size: 1.5rem; margin-top: 0.83em; margin-bottom: 0.83em; } h3 { font-size: 1.17rem; margin-top: 1em; margin-bottom: 1em; } h4 { font-size: 1rem; margin-top: 1.33em; margin-bottom: 1.33em; } h5 { font-size: .83rem; margin-top: 1.67em; margin-bottom: 1.67em; } h6 { font-size: .67rem; margin-top: 2.33em; margin-bottom: 2.33em; } ul { list-style: disc; } ul ul, ol ul { list-style: circle; } ul ul ul, ol ul ul { list-style: square; } ol { list-style: decimal; } strong { font-weight: bold; } em { font-style: italic; } sup { vertical-align: super; font-size: smaller; } sub { vertical-align: sub; font-size: smaller; } hr { border-style: inset; border-width: 1px; } .p-base__desc { font-family: inherit; font-size: 1rem; font-weight: 300; margin-bottom: 1rem; text-rendering: optimizeLegibility; line-height: 1.8em; word-break: break-word; } /***Shop By Brands***/ .sb-brandLogo__image { margin-left: auto; margin-right: auto; display: block; } /***Featured Products***/ .sb-featuredProduct__image { margin-left: auto; margin-right: auto; display: block; } .sb-featuredProduct__title { text-align: center; } .sb-featuredProduct__brand-icon { margin-left: auto; margin-right: auto; } /*** Main container ***/ .p-container, .p-brands, .p-base__fullWidth-container { max-width: 1400px; padding: 0 1em; margin-left: auto; margin-right: auto; } /*** Page Content Styles ***/ /*Row Spacing*/ .p-base__section { margin: 4rem 0; } @media (max-width: 600px) { .p-base__section { margin: 1em 0; } } .p-base__section--no-margin { margin: 0; } .p-base__inner { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 600px) { .p-base__inner { display: block; } } @media (max-width: 980px) { .p-base__inner--mobileBlock { display: block; } } @media (min-width: 601px) and (max-width: 980px) { .p-base__inner--mobileBlock .p-base__column{ margin: 3em 0; } } .p-base__inner--align-items-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .p-base__inner--align-items-start { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .p-base__inner--align-items-end { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .p-base__column { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } @media (max-width: 600px) { .p-base__column { margin: 2em 0; } } @media (min-width: 601px) { .p-base__column:not(:last-child) { margin-right: 30px; } } .p-base__column--padding { padding: 1.3em; } .p-base__column--padding-double { padding: 4em 2em; } .p-base__column--round { border-radius: 1.4em; } .p-base__column--white { color: #fff; } .p-base__column--double-wide { -webkit-box-flex: 2; -ms-flex: 2; flex: 2; } .p-base__column--triple-wide { -webkit-box-flex: 3; -ms-flex: 3; flex: 3; } /*Column Text Styles*/ .p-base__inner--left, .p-base__column--left, .p-base__main-title--left, .p-base__headline--left, .p-base__subHeadline--left, .p-base__desc--left, .p-base__link--left{ text-align: left; } .p-base__inner--center, .p-base__column--center, .p-base__main-title--center, .p-base__headline--center, .p-base__subHeadline--center, .p-base__desc--center, .p-base__link--center { text-align: center; } .p-base__inner--right, .p-base__column--right, .p-base__main-title--right, .p-base__headline--right, .p-base__subHeadline--right, .p-base__desc--right, .p-base__link--right { text-align: right; } /*Image Styles*/ .p-base__img { display: block; } .p-base__img--center { margin-left: auto; margin-right: auto; } .p-base__img--circle { border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; } /*List Styles*/ .p-base__list { padding-left: 16px; } .p-base__list--noBullet { list-style: none; padding: 0; } .p-base__list-item { font-family: inherit; font-size: 1rem; font-weight: 300; line-height: 1.6rem; margin-bottom: 0.3em; text-rendering: optimizeLegibility; word-break: break-word; } .p-base__list-item-link { color: #d32f2f; } .p-base__list-item-address--normal{ font-style: normal; } .p-base__list-item--no-decoration { list-style: none; } .p-base__list-item--inline { display: inline-block; vertical-align: top; } /***Headline and Description Styles***/ .p-base__main-title{ font-size: 40px; line-height: 1.5em; display: block; margin-top: 0.67em; margin-bottom: 0.67em; margin-left: 0; margin-right: 0; font-weight: bold; } /* Landscape phone to portrait tablet */ @media (max-width: 767px) { .p-base__main-title { font-size: 29px; margin: 10px 0; line-height: initial; } } .p-base__main-title, .p-base__headline { color: #282828; } .p-base__main-title--white, .p-base__headline--white, .p-base__subHeadline--white, .p-base__desc--white, .p-base__link--white, .p-base__column--white { color:#ffffff; } .p-base__main-title--black, .p-base__headline--black, .p-base__subHeadline--black, .p-base__desc--black, .p-base__link--black, .p-base__column--black { color:#000000; } .p-base__main-title--bold, .p-base__desc--bold, .p-base__link--bold, .p-base__headline--bold, .p-base__subHeadline--bold, .p-base__list-item--bold { font-weight: bold; } .p-base__main-title--italic, .p-base__desc--italic, .p-base__link--italic, .p-base__headline--italic, .p-base__subHeadline--italic, .p-base__list-item--italic { font-style: italic; } .p-base__main-title--txtUpper, .p-base__btn--txtUpper, .p-base__link--txtUpper, .p-base__desc--txtUpper, .p-base__headline--txtUpper, .p-base__subHeadline--txtUpper, .p-base__list-item--txtUpper { text-transform: uppercase; } .p-base__main-title--txtCap, .p-base__btn--txtCap, .p-base__link--txtCap, .p-base__desc--txtCap, .p-base__headline--txtCap, .p-base__subHeadline--txtCap, .p-base__list-item--txtCap { text-transform: capitalize; } .p-base__main-title--light, .p-base__btn--light, .p-base__link--light, .p-base__desc--light, .p-base__headline--light, .p-base__subHeadline--light, .p-base__list-item--light { font-weight:100; } /*Contact Information styles*/ .p-base__contact-list, .p-base__contact-list-email, .p-base__contact-list-hours { list-style-type: none; padding: 0; line-height: 1.8rem; } .p-base__contact-list-item-address { font-style: normal; } .p-base__contact-list-item-link, .p-base__contact-list-email-item-link { font-weight: bold; color: #d32f2f; } /*Style for link and button */ /*Link Styles*/ .p-base__link { color: #d32f2f; } .p-base__link:hover{ color:#ff1111; cursor: pointer; outline-width: 0; } .p-base__link:active{ outline-width: 0; } .p-base__list-item-link{ color:#1c68af; } .p-base__list-item-link:hover{ color:#ff1111; cursor: pointer; outline-width: 0; } .p-base__list-item-link:active{ outline-width: 0; } .p-base__link--block { display:block; } /*Button Styles*/ .p-base__btn { padding: 1em; text-align: center; display: inline-block; background-color: #d32f2f; color: #fff; font-size:1rem; transition: background-color 300ms ease-out; } .p-base__btn:hover{ background-color:#999; cursor: pointer; } .p-base__btn:focus{ box-shadow: 0 5px 5px -3px rgba(0,0,0,.2), 0 8px 10px 1px rgba(0,0,0,.14), 0 3px 14px 2px rgba(0,0,0,.12); } .p-base__btn:active{ outline: none; } .p-base__btn--block{ display: block; } .p-base__btn--full { width: 100%; } .p-base__btn--round { border-radius: 2em; -moz-border-radius: 2em; -webkit-border-radius: 2em; } .p-base__btn--clear { background-color: transparent; border: .2em solid; color: #c7c7c7; transition: background-color 300ms ease-out; } .p-base__btn--clear:hover { background-color: rgba(255,255,255,0.5); color: #656565; } /*Btn Alignment*/ .p-base__btn--right { float: right; clear: both; } @media (max-width: 600px) { .p-base__btn--right{ float:none; } } .p-base__btn--center { margin-left: auto; margin-right: auto; display: table; } /*Full Width Column Styles*/ .p-base__fullWidth { padding: 4em 0; } @media (max-width: 600px) { .p-base__fullWidth { padding: 1em 0; } } .p-base__fullWidth--lessPadding { padding: 2em 0; } .p-base__fullWidth--padding-none{ padding:0px; } .p-base__fullWidth--bgImage { background: url("/media/test/6a009257f2f7b6a6fd62b9f63a849168.jpg"); background-size: cover; color: #fff; } .p-base__fullWidth--bgColor, .p-base__column--bgColor { background: #cccccc; color: #fff; } .p-base__fullWidth--bgColor .p-base__column--bgColor{ background: #999999; } .p-base__column--white .p-base__headline, .p-base__column--white .p-base__subHeadline, .p-base__column--white .p-base__link, .p-base__column--white .p-base__list-item-link{ color:#fff; } .p-base__fullWidth--bgColor-1{ background-color:#00CCFF; } .p-base__fullWidth--bgColor-2{ background-color:#000; } .p-base__fullWidth--bgColor-3{ background-color:#0000CC; } .p-base__fullWidth--bgColor-4{ background-color:#CCCCCC; } /*Full width banner*/ .p-base__fullWidth-banner-img { width: 100%; } /*** Lighter font weights ***/ .p-base__headline--lighter-font, .p-base__subHeadline--lighter-font, .p-base__main-title--lighter-font{ font-weight:normal; } .p-base__sup--font-size{ font-size: .7rem; vertical-align: top; } /*** Print Styles ***/ @media print { h1, h2, h3, h4, h5, h6, p, a, li, .p-base__link, .sb-footer__section-title{ color:#000; } h1, h2, h3, h4, h5, h6, p, a { line-height:initial; } a::after { content: " <" attr(href) ">"; color:#666; text-transform: lowercase; } .p-base__inner--left, .p-base__column--left, .p-base__headline--left, .p-base__subHeadline--left, .p-base__desc--left, .p-base__link--left, .p-base__inner--center, .p-base__column--center, .p-base__headline--center, .p-base__subHeadline--center, .p-base__desc--center, .p-base__link--center, .p-base__inner--right, .p-base__column--right, .p-base__headline--right, .p-base__subHeadline--right, .p-base__desc--right, .p-base__link--right { text-align:left; } .sb-footer__contact-phone, .sb-footer__social-item img, .sb-footer__payment, .sb-footer__affiliates, .sb-footer__subscribe, .sb-footer__about, .sb-footer__disclaimer, .sb-browse, .sb-campaign, .sb-campaign__product, .avb-carousel, .header__after, .p-base__fullWidth-banner, .sb-footer__subscribe { display:none; } .sb-footer__social-item { display:block; line-height:1.8rem; } .p-base__btn{ padding: 0; color:#000; text-transform: capitalize; } .p-base__btn--full { width:initial; } .p-base__btn--center { margin-left: initial; margin-right: initial; display: initial; } .p-base__btn--right { float: initial; clear: initial; } .p-base__fullWidth, .p-base__column--padding, .p-brands, .p-container, .p-base__fullWidth-container, .sb-footer__container, .sb-footer__row { padding: 0.5em 0; } .p-base__btn--txtUpper, .p-base__link--txtUpper, .p-base__desc--txtUpper, .p-base__headline--txtUpper, .p-base__subHeadline--txtUpper, .p-base__list-item--txtUpper { text-transform:capitalize; } } /*Static Banner (B3) Styling*/ .p-base__section-static-banner, .p-base__fullWidth-static-banner{ margin: 0; } </style>  <main>  <div class="p-base__fullWidth p-base__fullWidth--bgImage p-base__fullWidth--bgDarkGray"> <div class="p-container">  <div class="p-base__section"> <div class="p-base__inner">  <div class="p-base__column"> <img src="https://d12mivgeuoigbq.cloudfront.net/magento-media/custom_integrators_demo/cms/brand_2gig/2gig-logo-w.png" class="p-base__img" alt="2gig logo" /> <h1 class="p-base__headline--large p-base__headline--black">ALWAYS INNOVATING</h1> </div> </div> </div> </div> </div>  <div class="p-container p-base__fullWidth--bgBlue"> <div class="p-base__inner p-base__fullWidth p-base__fullWidth-noPadding">  <div class="p-base__column p-base__column--center p-base__column--Padding"> <h3 class="p-base__headline p-base__color--white">Make Any Home A Smart Home &amp; Protect What Matters</h3> <p class="p-base__desc p-base__desc--white">The latest and most advanced security and home management solution in the industry at your fingertips.</p> </div> </div> </div> <div class="p-container">  <div class="p-base__section"> <div class="p-base__inner"> <div class="p-base__column p-base__column--border p-base__columnMargin-bottom p-base__column-half"> <img src="https://d12mivgeuoigbq.cloudfront.net/magento-media/custom_integrators_demo/cms/brand_2gig/products-2gig-control-panel.jpg" alt="Control Panel" class="p-base__img p-base__imgPadding"/> <h5 class="p-base__color--titleBlue p-base__headline--textCenter p-base__color--blue">CONTROL PANEL</h5> </div> <div class="p-base__column p-base__column--border p-base__columnMargin-bottom p-base__column-half"> <img src="https://d12mivgeuoigbq.cloudfront.net/magento-media/custom_integrators_demo/cms/brand_2gig/products-2gig-security.jpg" alt="Security Cameras" class="p-base__img p-base__imgPadding"/> <h5 class="p-base__color--titleBlue p-base__headline--textCenter p-base__color--blue">SECURITY CAMERAS</h5> </div> <div class="p-base__column p-base__column--border p-base__columnMargin-bottom p-base__column-half"> <img src="https://d12mivgeuoigbq.cloudfront.net/magento-media/custom_integrators_demo/cms/brand_2gig/products-2gig-automation.jpg" alt="Home Automation" class="p-base__img p-base__imgPadding"/> <h5 class="p-base__color--titleBlue p-base__headline--textCenter p-base__color--blue">HOME AUTOMATION</h5> </div> </div> </div> </div> </main> <style> .p-base__column--noMargin {margin: 0;} .p-base__fullWidth--2column {margin: 0;padding: 0;} .p-base__fullWidth-noPadding {padding: 0;} .p-base__column--largePadding {padding-top: 8em;padding-bottom: 8em;} .p-base__column--Padding {padding-top: 2em;padding-bottom: 2em;} .p-base__columnMargin-bottom {margin-bottom:1em;} .p-base__column--border {border: 1px solid #cccccc;} .p-base__imgPadding {padding: 2em 1em;} .p-base__headline {font-size:1.5em;font-weight:normal;} .p-base__headline--large { font-size: 2.5em; margin: 0em 1.5em 0.2em 1.5em; line-height: 1em; font-weight: normal; } .p-base__headline--textCenter, .p-base__textCenter {text-align:center} .p-base__column--prodContent.p-base__column--prodContent-noPadbottom {padding-bottom: 0;} @media (min-width: 601px) { .p-base__column.p-base__column--noMargin:not(:last-child) {margin-right: 0px;} } @media (max-width: 600px) { .p-base__headline--large {font-size: 1.5em;} } .p-base__fullWidth--bgDarkGray {background:#303133;} .p-base__fullWidth--bgBlue {background:#0085ca;} .p-base__color--blue {color:#0085ca} .p-base__color--white, .p-base__desc--white {color:#ffffff} .p-base__color--titleBlue { background: #0085ca; margin-bottom: 0; color: #ffffff; padding: 0.5em; } .p-base__fullWidth--bgImage { background: url(https://d12mivgeuoigbq.cloudfront.net/magento-media/custom_integrators_demo/cms/brand_2gig/hero-01.jpg) no-repeat; background-size: cover; } .p-base__column--prodContent { padding: 45px; } @media screen and (max-width: 600px) { } @media screen and (max-width: 800px) { } </style>

ALWAYS INNOVATING

Make Any Home A Smart Home & Protect What Matters

CONTROL PANEL

SECURITY CAMERAS

HOME AUTOMATION

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

CONTACT US

Connect with Us