Default Dev Script Validation

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 class="dsg-block-28-header-before__link" data-href="https://www.arracal.com/contacts"> <span class="fas fa-house-lock dsg-tools-color-gradient dsg-block-28-header-before__icon"></span> Welcome to the new home of Armor Systems &amp;&nbsp;Security </avb-link> </div> </div> </div> </avb-designer-block> </avb-header-before> <style> /* ==================== Header-before (block-28-header-before) ==================== */ .dsg-block-28-header-before__no-padding { padding: 0; } .dsg-block-28-header-before__content { text-align: center; padding: 0.55rem; background-color: #1a1a1a; font-family: proxima-nova, sans-serif; } .dsg-block-28-header-before__icon { padding: 0 0.5rem; } .dsg-block-28-header-before__heading { color: #fff; font-weight: 400; font-size: clamp(0.85rem, 3vw, 1.1rem); } .dsg-block-28-header-before__link, .dsg-block-28-header-before__link:focus, .dsg-block-28-header-before__link:visited, .dsg-block-28-header-before__link:active{ color: #fff; font-weight: 400; font-size: clamp(0.85rem, 3vw, 1.1rem); transition: 0.3s ease-in-out; } .dsg-block-28-header-before__link:hover { color: #8cc63f; } .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>

<avb-main>  <avb-designer-contact data-id="3" class="avb-typography dsg-contact-3"> <div class="avb-grid avb-grid--container"> <div class="avb-grid__column avb-grid__column--small-12 avb-grid__column--marginBottom">  <h1 class="avb-typography__headline dsg-tools-main-heading dsg-tools-color-primary dsg-tools-fw-bold dsg-contact-3__heading"> Florida Locations </h1>  <iframe class="dsg-contact-3__map" src="https://www.google.com/maps/d/embed?mid=1QN_4U-i2ZndKVHJJgWRBQnQ0B6HluMA&ehbc=2E312F&noprof=1"></iframe>  <div class="avb-grid dsg-contact-3-grid">  <div class="avb-grid__column avb-grid__column--autogrow avb-grid__column--marginBottom dsg-tools-gradient-black dsg-contact-3__grid-column"> <div class="avb-wrapper dsg-contact-3__location">  <h2 class="avb-typography__heading dsg-tools-main-heading dsg-tools-color-light dsg-tools-fw-reg dsg-contact-3__location-name"> Lakeland </h2>  <div class="avb-typography__paragraph dsg-tools-main-paragraph dsg-tools-color-light dsg-contact-3__address"> <span class="dsg-contact-3__address-line"> 4204 Florida Ave. S. </span> <span class="dsg-contact-3__address-line"> Ste. A </span> <span class="dsg-contact-3__address-line"> Lakeland, FL 33813 </span> </div>  <avb-link class="dsg-tools-fw-bold dsg-contact-3__link dsg-tools-main-paragraph dsg-contact-3__directions" data-href="https://www.google.com/maps/dir//Arracal,+Inc,+4204+Florida+Ave+S+suite+a,+Lakeland,+FL+33813/@27.9893336,-81.9590441,17z/data=!4m8!4m7!1m0!1m5!1m1!1s0x88dd375fb0e026b3:0x1b6e5a2a0fe0b519!2m2!1d-81.9564692!2d27.9893336?entry=ttu" target="_blank"> Get Directions <span class="fa fa-long-arrow-alt-right dsg-contact-3__directions-icon"></span> </avb-link>    <ul class="avb-list avb-list--noBullet">  <li class="avb-list__item dsg-tools-main-paragraph dsg-tools-color-light"> Phone: <avb-link class="dsg-tools-fw-bold dsg-contact-3__link" data-href="tel:866-292-6338"> 866-292-6338 </avb-link> </li>  <li class="avb-list__item dsg-tools-main-paragraph dsg-tools-color-light"> Email: <avb-link class="dsg-tools-fw-bold dsg-contact-3__link" data-href="mailto:info@arracal.com"> info@arracal.com </avb-link> </li> </ul>  <avb-link class="avb-button dsg-tools-main-button dsg-contact-3__button" data-href="https://www.arracal.com/locations/lakeland"> Contact This Location </avb-link> </div> </div>  <div class="avb-grid__column avb-grid__column--autogrow avb-grid__column--marginBottom dsg-tools-gradient-black dsg-contact-3__grid-column"> <div class="avb-wrapper dsg-contact-3__location">  <h2 class="avb-typography__heading dsg-tools-main-heading dsg-tools-color-light dsg-tools-fw-reg dsg-contact-3__location-name"> Sarasota </h2>  <div class="avb-typography__paragraph dsg-tools-main-paragraph dsg-tools-color-light dsg-contact-3__address"> <span class="dsg-contact-3__address-line"> 7050 Fruitville Road </span> <span class="dsg-contact-3__address-line"> Sarasota, FL 34240 </span> </div>  <avb-link class="dsg-tools-fw-bold dsg-contact-3__link dsg-tools-main-paragraph dsg-contact-3__directions" data-href="https://www.google.com/maps/dir//Arracal,+Inc,+7050+Fruitville+Rd,+Sarasota,+FL+34240/@27.337963,-82.429584,17z/data=!4m8!4m7!1m0!1m5!1m1!1s0x88c3507b89b755bb:0x482d1cd5bf7a0765!2m2!1d-82.429584!2d27.337963!5m1!1e1?entry=ttu&g_ep=EgoyMDI2MDYxMy4wIKXMDSoASAFQAw%3D%3D" target="_blank"> Get Directions <span class="fa fa-long-arrow-alt-right dsg-contact-3__directions-icon"></span> </avb-link>    <ul class="avb-list avb-list--noBullet">  <li class="avb-list__item dsg-tools-main-paragraph dsg-tools-color-light"> Phone: <avb-link class="dsg-tools-fw-bold dsg-contact-3__link" data-href="tel:941-485-4600"> 941-485-4600 </avb-link> </li>  <li class="avb-list__item dsg-tools-main-paragraph dsg-tools-color-light"> Email: <avb-link class="dsg-tools-fw-bold dsg-contact-3__link" data-href="mailto:info@arracal.com"> info@arracal.com </avb-link> </li> </ul>  <avb-link class="avb-button dsg-tools-main-button dsg-contact-3__button" data-href="https://www.arracal.com/locations/sarasota"> Contact This Location </avb-link> </div> </div> </div> </div> </div> </avb-designer-contact> </avb-main> <style> /* ==================== Multiple contacts (contact-3) ==================== */ .dsg-contact-3 { margin-top: 1rem; margin-bottom: 1rem; text-align: center; } .dsg-contact-3__heading { padding: 1rem; font-size: 2.25rem; } .dsg-contact-3__map { display: block; width: 100%; height: 15rem; margin-bottom: 1rem; } .dsg-contact-3-grid{ grid-gap:0.5rem; padding:0 0.25rem; } .dsg-contact-3__grid-column { margin: 0; } .dsg-contact-3__location { padding: 1rem 1rem 1.5rem; } .dsg-contact-3__location-name { padding: 0.5rem; font-size: 1.75rem; } .dsg-contact-3__address-line { display: block; line-height:1.6; } .dsg-contact-3__reviews { display: block; padding-bottom: 1rem; } .dsg-contact-3__reviews-line { display: block; padding-top: 0.25rem; } .dsg-contact-3__directions { display: block; padding-bottom: 1rem; } @media screen and (min-width: 600px) { .dsg-contact-3__map { height: 15rem; } } @media screen and (min-width: 960px) { .dsg-contact-3 { margin-top: 2rem; margin-bottom: 2rem; } .dsg-contact-3__heading { font-size: 2.5rem; } .dsg-contact-3__location-name { font-size: 2rem; } /** * Change the width value according * to the number of locations per row on * medium screens (max. 3): * - 1 location per row : Set `width: 100%;` * - 2 locations per row: Set `width: 50%;` * - 3 locations per row: Set `width: 33.3%;` */ .dsg-contact-3__grid-column { flex:1 0 45%; } .dsg-contact-3__map { height: 20rem; } } @media screen and (min-width: 1280px) { /** * Change the width value according * to the number of locations per row on * large and extra large screens (max. 4): * - 2 locations per row: Set `width: 50%;` * - 3 locations per row: Set `width: 33.3%;` * - 4 locations per row: Set `width: 25%;` */ .dsg-contact-3__grid-column { flex:1 0 45%; } .dsg-contact-3__map { height: 25rem; } } @media screen and (min-width: 1600px) { .dsg-contact-3__map { height: 30rem; } } </style>