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">    <span class="dsg-tools-main-paragraph dsg-tools-color-primary dsg-block-28-header-before__heading">  <span class="dsg-block-28-header-before__location-mobile"> <avb-link class="dsg-block-28-header-before__link" data-href="https://mybobmills.com/"> <i class="fa-solid fa-truck dsg-fa-white"></i>&nbsp;Order Tracking </avb-link> </span> <span class="dsg-block-28-header-before__location-mobile"> <avb-link class="dsg-block-28-header-before__link" data-href="https://enterprise-bobmills-staging.avbportal.com/payment-portal"> <i class="fa-solid fa-file-invoice-dollar dsg-fa-white"></i>&nbsp;Pay My Bill </avb-link> </span>  </span> </div> </div> </div> </avb-designer-block> </avb-header-before> <style> .dsg-fa-white { color: #FFF !important; } /* ==================== 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: #6e0e10; } .dsg-block-28-header-before__icon { padding: 0 0.25rem; } .dsg-block-28-header-before__heading { font-weight: 400; font-size: .9rem; } .dsg-block-28-header-before__link, .dsg-block-28-header-before__link:focus, .dsg-block-28-header-before__link:visited { color: #ffffff; font-size: .9rem; transition: 0.3s; margin: 0 1rem; } .dsg-block-28-header-before__link:hover { color: #bbbbbb; } .dsg-block-28-header-before__location-mobile { display: inline-flex; } .dsg-block-28-header-before__hider-mobile { display: none; } @media screen and (min-width: 600px) { .dsg-block-28-header-before__location-mobile { display: inline-flex; } .dsg-block-28-header-before__hider-mobile { display: inline; } } @media screen and (min-width: 960px) { .dsg-block-28-header-before__content { text-align: right; } .dsg-block-28-header-before__heading { margin-right: 2rem; font-size: 1.1rem; } .dsg-block-28-header-before__link, .dsg-block-28-header-before__link:focus, .dsg-block-28-header-before__link:visited { font-size: 1.1rem; } } @media screen and (min-width: 1280px) {} @media screen and (min-width: 1600px) {} </style>

<avb-main>  <div class="dsg-module-container" data-bs0024-payment-portal></div> <avb-designer-block data-id="27" class="avb-typography dsg-block-27"> <div class="avb-grid"> <div class="avb-grid__column avb-grid__column--small-12 avb-grid__column--marginBottom"> <div class="avb-wrapper dsg-block-27__content"> <h2 class="avb-typography__headline dsg-tools-main-heading dsg-block-27__headline"> Still owe on your card? Make a payment&nbsp;below. </h2> <ul class="avb-list avb-list--horizontal dsg-block-27-list">  <li class="avb-list__item dsg-block-27-list-item"> <span class="dsg-tools-sub-heading dsg-tools-color-primary dsg-block-27-title"> Credit card issued by Wells Fargo Bank, N.A. </span> <img class="dsg-block-27-image" src="https://cdn.avbportal.com/magento-media/members-furniture/bs0024-bob-mills/payment-logo-ginw.png" alt="Wells Fargo Bank"> <avb-link class="avb-button dsg-tools-main-button dsg-block-27__button" data-href="https://retailservices.wellsfargo.com/customer/index.html" target="_blank"> Make a Payment </avb-link> </li> <li class="avb-list__item dsg-block-27-list-item"> <span class="dsg-tools-sub-heading dsg-tools-color-primary dsg-block-27-title"> Financing by Fortiva </span> <img class="dsg-block-27-image" src="https://cdn.avbportal.com/magento-media/members-furniture/bs0024-bob-mills/payment-logo-ginl.png" alt="Fortiva"> <avb-link class="avb-button dsg-tools-main-button dsg-block-27__button" data-href="https://www.myfortiva.com/" target="_blank"> Make a Payment </avb-link> </li> </ul> </div> </div> </div> </avb-designer-block> </avb-main> <style> .dsg-module-container { min-height: 18.8rem; background: #e5e5e5; background-image: url(https://cdn.avbportal.com/magento-media/members-furniture/bs0024-bob-mills/bs0024-payments-loading-spinner.gif); background-repeat: no-repeat; background-position: center; } .dsg-block-27 { margin-top: 1rem; margin-bottom: 0.25rem; padding:0 2rem; } .dsg-block-27__content { padding: 0.5rem; text-align: left; } .dsg-block-27__headline { margin-bottom: 2rem; font-size:1.8rem; font-weight: 400; color: #f00; } .dsg-block-27-list { justify-content: left; grid-gap:1rem; } .dsg-block-27-list-item { display: flex; flex-direction: column; padding: 0; flex: 0 1 392px; align-items: flex-start; justify-content: flex-start; } .dsg-block-27-title { margin-bottom: 1rem; font-size: 1rem; } .dsg-block-27-image { margin-bottom: 1rem; max-width: 300px; display: block; } .v-application__wrap { min-height: initial !important; } .bob-mills-warn-message { display: none; } @media screen and (min-width: 600px) { .dsg-block-27 { margin-bottom: 0.5rem; } .dsg-module-container { background-position: left; } } @media screen and (min-width: 960px) { .dsg-block-27 { margin-top: 2rem; margin-bottom: 0.5rem; } .dsg-block-27__content{ text-align:left; } .dsg-block-27-list { justify-content: flex-start; } .dsg-block-27-list-item{ align-items:center; } .v-application__wrap { margin: 1rem; } } @media screen and (min-width: 1280px) { .dsg-block-27 { margin-bottom: 1rem; } } @media screen and (min-width: 1600px) { .dsg-block-27 { margin-bottom: 1rem; } } </style>

Still owe on your card? Make a payment below.