Default Dev Script Validation

<avb-designer-block data-id="43" class="avb-typography dsg-block-43-header-after"> <div class="avb-grid dsg-block-43-header-after-center"> <div class="avb-grid__column avb-grid__column--small-12 avb-grid__column--small-12 avb-grid__column--marginBottom dsg-block-43-header-after__grid-column"> <ul class="avb-list avb-list--horizontal dsg-block-43-header-after-list"> <li class="avb-list__item dsg-block-43-header-after-list-item-1"> <avb-link class="dsg-block-43-header-after-link" data-href="https://www.eesecurity.net/outdoor-living"> <avb-picture class="avb-picture dsg-block-43-header-after-picture-2" data-alt="Executive Outdoors"> <avb-picture-source class="dsg-block-43-header-after-image-2" data-size="xsmall" data-src="https://cdn.avbportal.com/magento-media/members-prosource/vexe1-executive-electronics/exec-outdoors-logo.png"></avb-picture-source> </avb-picture> </avb-link> </li> <li class="avb-list__item dsg-block-43-header-after-list-item-2"> <avb-link class="dsg-block-43-header-after-link" data-href="https://www.eesecurity.net/outdoor-living"> <span class="dsg-block-43-header-after-sub-heading dsg-tools-block">Elevate Your Outdoor Living&nbsp;Space</span> </avb-link> </li> </ul> </div> </div> </avb-designer-block> <style> /* =================== Promo Mini Banner (block-43) =================== */ .dsg-block-43-header-after { text-align: center; background-color: #CEA35E; } .dsg-block-43-header-after__grid-column { padding-left: 0; padding-right: 0; margin-bottom: 0; } .dsg-block-43-header-after-list { text-align: center; justify-content: center; padding: .25rem; background-image: linear-gradient(90deg, rgba(255, 255, 255, .4) 0%, rgba(255, 255, 255, .8) 44.72%, rgba(255, 255, 255, .8) 56.88%, rgba(255, 255, 255, .4) 100%), url(https://cdn.avbportal.com/assets/vendor-assets/electronics/residential-solutions/outdoor-living/outdoor-living-hero.jpeg?w=1000); background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; margin: .25rem; } .dsg-block-43-header-after-list-item-1, .dsg-block-43-header-after-list-item-2 { display: flex; flex: 0 1 100%; align-items: center; justify-content: center; } .dsg-block-43-header-after-sub-heading { font-weight: 600; transition: 0.3s; margin-bottom: 0; font-family: 'Montserrat', sans-serif; color: #630d15; font-size: 0.8rem; text-shadow: .5px .5px .5px #fff; text-transform: uppercase; } .dsg-block-43-header-after-image-2 { display: block; width: 9rem; margin-left: auto; margin-right: auto; -webkit-filter: drop-shadow(1px 1px 1px #fff); filter: drop-shadow(1px 1px 1px #fff); } .dsg-block-43-header-after-link:hover { color: #cea25d; } @media screen and (min-width: 600px) { .dsg-block-43-header-after-list { text-align: center; padding: 0.25rem; background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .8) 44.72%, rgba(255, 255, 255, .8) 56.88%, rgba(255, 255, 255, 0) 100%), url(https://cdn.avbportal.com/assets/vendor-assets/electronics/residential-solutions/outdoor-living/outdoor-living-hero.jpeg?w=1600); background-position: 50% 69%; } .dsg-block-43-header-after-sub-heading { font-size: 0.9rem; } .dsg-block-43-header-after-image-2 { width: 8rem; margin-left: auto; margin-right: auto; padding-top: .2rem; } .dsg-block-43-header-after-list-item-1 { display: flex; flex: 0 1 100%; align-items: center; justify-content: center; } .dsg-block-43-header-after-list-item-2 { display: flex; flex: 0 1 100%; align-items: center; justify-content: center; } } @media screen and (min-width: 960px) { .dsg-block-43-header-after-list { text-align: center; padding: 0; background-position: 50% 57%; background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.0) 0%, rgba(255, 255, 255, .8) 30.72%, rgba(255, 255, 255, .8) 65%, rgba(255, 255, 255, 0) 100%), url(https://cdn.avbportal.com/assets/vendor-assets/electronics/residential-solutions/outdoor-living/outdoor-living-hero.jpeg?w=1600); } .dsg-block-43-header-after-center { justify-content: center; } .dsg-block-43-header-after-sub-heading { font-size: 1rem; margin-top: 0.5rem; text-shadow: 1px 1px 1px #fff; } .dsg-block-43-header-after-list-item-1 { display: flex; flex: 0 1 30%; align-items: center; justify-content: right; } .dsg-block-43-header-after-list-item-2 { display: flex; flex: 0 1 45%; align-items: center; justify-content: left; } .dsg-block-43-header-after-image-2 { width: 12rem; margin-left: auto; margin-right: auto; padding-top: .2rem; } } @media screen and (min-width: 1280px) { .dsg-block-43-header-after { } .dsg-block-43-header-after-list { text-align: left; background-position: 50% 55%; } .dsg-block-43-header-after-main-heading { font-size: 2rem; } .dsg-block-43-header-after-sub-heading { font-size: 1.2rem; margin-top: 0; } } @media screen and (min-width: 1600px) { .dsg-block-43-header-after-sub-heading { font-size: 1.4rem; } } </style>

Default Header After Global Promotions

<avb-header-before>  <avb-designer-block data-id="28" class="avb-typography dsg-block-28-header-before"> <div class="avb-grid"> <div class="avb-grid__column avb-grid__column--small-12 dsg-block-28-header-before__no-padding"> <div class="avb-wrapper dsg-block-28-header-before__content"> <avb-link is="a" class="dsg-block-28-header-before-link" data-href="https://www.eesecurity.net/about-us"> <span class="fal fa-award"></span> CELEBRATING MORE THAN 40 YEARS OF TREATING CUSTOMERS LIKE&nbsp;FAMILY </avb-link> </div> </div> </div> </avb-designer-block> </avb-header-before> <style> @import url('https://fonts.googleapis.com/css?family=Montserrat:400,700'); /* ==================== Header-before (block-28-header-before) ==================== */ .dsg-block-28-header-before { margin-top: 0; margin-bottom: 0; background-color: #7d363d; } .dsg-block-28-header-before__no-padding { padding: 0; } .dsg-block-28-header-before__content { padding: 1rem; text-align: center; background-color: rgba(241, 241, 241, 0.0); } .dsg-block-link-color { color: inherit; } .dsg-block-28-header-before-link, .dsg-block-28-header-before-link:focus, .dsg-block-28-header-before-link:visited { font-weight: 600; transition: 0.3s; margin-bottom: 0; font-family: 'Montserrat', sans-serif; color: #fff; font-size: 0.9em; padding-top: 0.5rem; } .dsg-block-28-header-before__icon { padding: 0 0.5rem; } .dsg-block-28-header-before-link:hover { color: #efefef; text-decoration: underline; } .dsg-block-28-header-before__location-mobile { display: block; } .dsg-block-28-header-before__hider-mobile { display: none; } @media screen and (min-width: 600px) { .dsg-block-28-header-before__location-mobile { display: inline; } .dsg-block-28-header-before__hider-mobile { display: inline; } } @media screen and (min-width: 960px) {} @media screen and (min-width: 1280px) {} @media screen and (min-width: 1600px) {} </style>

NEWSLETTER

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.

SHOP

SOLUTIONS

About

NAPLES EXPERIENCE CENTER

BONITA SPRINGS

TAMPA

Connect with Us