Default Dev Script Validation

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

SHOWROOM

Connect with Us