Default Dev Script Validation

<div class="dsg-block-1-neag-mini-banner-hide"> <avb-promotions data-type="custom" data-banner-id="13528"></avb-promotions>  <avb-promotions data-type="custom" data-banner-id="8578"></avb-promotions>  </div>  <avb-promotions data-type="custom" data-banner-id="10306"></avb-promotions>

Default Header After Global Promotions

<avb-designer-block data-id="30" class="avb-typography dsg-block-30"> <div class="avb-grid"> <div class="dsg-tools-main-paragraph dsg-block-30__desktop-content"> <avb-link is="a" class="dsg-block-30-link dsg-block-30__color-white" data-href="tel:800-335-0235"> <span class="fa-solid fa-phone dsg-block-30__color-white"></span>&nbsp;Call or Text Us: 800-335-0235 </avb-link> <span class="dsg-block-30__divider dsg-block-30__color-white"> | </span> <avb-link is="a" class="dsg-block-30-link dsg-block-30__color-white" data-href="https://www.agrenappliance.com/td-financing"> <span class="fa-solid fa-credit-card dsg-block-30__color-white"></span>&nbsp;Up to 12 Months Special Financing* </avb-link> </div> </div> </avb-designer-block> <style> /* ==================== Header-before Promo Bar (block-30-PR) ==================== */ .dsg-block-30 { padding: .75rem .5rem .75rem .5rem; line-height: 1.25; background-color: rgb(0, 85, 184); } .dsg-block-30__mobile-content { display: flex; font-size: .8rem; letter-spacing: .03em; text-align: center; margin: auto; } .dsg-block-30__desktop-content { display: none; margin: auto; } .dsg-block-30-link { padding: 0 1rem; } .dsg-block-30-link:hover { color: #232527; } .dsg-block-30__divider { padding: 0 1rem; } .dsg-block-30__color-white{ color: #ffffff; } .dsg-block-30__grid-column { } @media screen and (min-width: 600px) { } @media screen and (min-width: 960px) { .dsg-block-30__mobile-content { display: none; } .dsg-block-30__desktop-content { display: flex; } } @media screen and (min-width: 1280px) { } @media screen and (min-width: 1600px) { } </style>

<avb-main>  <avb-designer-block data-id="1" class="avb-typography dsg-block-1"> <div class="avb-grid"> <div class="avb-grid__column avb-grid__column--small-12 avb-grid__column--marginBottom dsg-block-1__grid-column"> <div class="avb-wrapper avb-wrapper--background dsg-block-1__background"> <div class="avb-wrapper dsg-block-1__content"> <h1 class="avb-typography__heading avb-typography__heading--title"> <span class="avb-typography__heading-line avb-typography__heading-line--marginBottom dsg-tools-main-heading dsg-tools-color-light dsg-block-1__heading-line-1"> Track Your Delivery </span> <span class="avb-typography__heading-line dsg-tools-sub-heading dsg-tools-color-light dsg-block-1__heading-line-2"> with Agren </span> </h1> <p class="avb-typography__paragraph dsg-tools-main-paragraph dsg-tools-color-light dsg-block-1__paragraph"> If you have a current order out for delivery, you can check the status here. Call or text us at (800)-335-0235 if you have any&nbsp;questions. </p> </div> </div> </div> </div> </avb-designer-block>  <avb-designer-block data-id="26" class="avb-typography dsg-block-26"> <div class="avb-grid avb-grid--container"> <div class="avb-grid__column avb-grid__column--small-12 avb-grid__column--marginBottom"> <div class="avb-wrapper dsg-block-26__content"> <iframe class="dsg-block-26-iframe" title="Track Delivery" src="https://app.package.ai/pai/tracking/widget.html?e={envId}&c=pai-blue"></iframe> </div> </div> </div> </avb-designer-block> </avb-main> <style> /* ==================== Hero (block-1) ====================*/ .dsg-block-1 { margin: 0 auto 1rem; } .dsg-block-1__grid-column { padding-left: 0; padding-right: 0; } .dsg-block-1__background { background-image: url(https://d12mivgeuoigbq.cloudfront.net/magento-media/members/tneagr1-agren/stars-bg.jpg); } .dsg-block-1__content { max-width: 40rem; padding: 1rem; margin: 0 auto; text-align: center; } .dsg-block-1__paragraph { max-width: 35rem; margin: 0 auto 1rem; } @media screen and (min-width: 600px) { .dsg-block-1__background { padding: 2rem 0; } } @media screen and (min-width: 960px) { } @media screen and (min-width: 1280px) { .dsg-block-1__background { padding: 5rem 0; } } @media screen and (min-width: 1600px) { } /* ==================== Body (block-26) ==================== */ .dsg-block-26 { margin: 1rem auto; } .dsg-block-26__content { padding: 1rem; text-align: center; } .dsg-block-26-iframe { width: 100%; } @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>

Track Your Delivery with Agren

Subscribe to our mailing list