Default Dev Script Validation

<avb-header-after>  <avb-designer-block data-id="27" class="avb-typography dsg-block-27-header-after"> <div class="avb-grid"> <div class="avb-grid__column avb-grid__column--small-12 dsg-block-27-header-after__no-padding"> <div class="avb-wrapper dsg-block-27-header-after__content dsg-tools-main-paragraph dsg-tools-fw-bold dsg-tools-color-light"> Book Your One-on-One <avb-link class="dsg-block-27-header-after__link" data-href="https://www.athertonappliance.com/schedule-a-showroom-visit">Appointment</avb-link> with a Sales Strategist&nbsp;Today </div> </div> </div> </avb-designer-block> </avb-header-after> <style> /* ==================== header-after (block-27-header-after) ==================== */ .dsg-block-27-header-after { margin: 0; background-color: #000; } .dsg-block-27-header-after__no-padding { padding: 0; } .dsg-block-27-header-after__content { padding: 0.5rem 0.5rem 0.6rem; text-align: center; margin-bottom: 0; font-size: clamp(0.85rem, 2.1vw, 1.1rem); line-height: 1.3; } .dsg-block-link-color { color: inherit; } .dsg-block-27-header-after__link, .dsg-block-27-header-after__link:focus, .dsg-block-27-header-after__link:active, .dsg-block-27-header-after__link:visited { color: #fff; line-height: 1.75; text-decoration: underline; } .dsg-block-27-header-after__icon { color: #fff; margin-left: .25rem; } .dsg-block-27-header-after__link:hover { color: #dedede; } .dsg-block-27-header-after__heading { color: #fff; font-weight: 400; font-size: 1rem; } .dsg-block-27-header-after__location-mobile { display: block; } .dsg-block-27-header-after__hider-mobile { display: none; } @media screen and (min-width: 600px) { .dsg-block-27-header-after__location-mobile { display: inline; } } @media screen and (min-width: 960px) {} @media screen and (min-width: 1280px) {} @media screen and (min-width: 1600px) {} </style>

Default Header After Global Promotions

<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-tools-nomp"> <div class="avb-wrapper avb-wrapper--background dsg-block-1__background"> <div class="avb-wrapper dsg-block-1__content">  <h1 class="avb-typography__heading dsg-tools-nomp"> <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"> Life Cooking Classes </span> </h1> </div> </div> </div> </div> </avb-designer-block>  <avb-designer-block data-id="6" class="avb-typography dsg-block-22 dsg-block-22-nopb"> <div class="avb-grid avb-grid--container"> <div class="avb-grid__column avb-grid__column--medium-12 avb-grid__column--marginBottom dsg-block-22__order-a dsg-tools-nomp"> <div class="avb-wrapper avb-wrapper--flex avb-wrapper--tall avb-wrapper--background dsg-block-22__background-1"> <div class="avb-wrapper avb-wrapper--horizontal avb-wrapper--horizontalCenter dsg-block-22__content dsg-block-22-nopb"> <div class="avb-wrapper"> <h2 class="avb-typography__heading"> <span class="avb-typography__heading-line dsg-tools-main-heading dsg-tools-color-dark dsg-block-22__heading-line-1b">Sign Up</span></h2> </div> </div> </div> </div> </div> </avb-designer-block> <avb-designer-block data-id="6" class="avb-typography dsg-block-22 dsg-block-22-nopt"> <div class="avb-grid avb-grid--container"> <div class="avb-grid__column avb-grid__column--medium-12 avb-grid__column--marginBottom dsg-block-22__order-a dsg-tools-nomp"> <div class="avb-wrapper avb-wrapper--flex avb-wrapper--tall avb-wrapper--background dsg-block-22__background-1"> <div class="avb-wrapper avb-wrapper--horizontal avb-wrapper--horizontalCenter dsg-block-22__content dsg-block-22-nopt"> <div class="avb-wrapper"> <iframe class="dsg-block-30__form" title="Receive our service today by requesting an appointment below." src="https://www.athertonappliance.com/cms-iframehtml/dcge1/formstack-genius-bar-signup.html" frameborder="0"></iframe> </div> </div> </div> </div> </div> </avb-designer-block> </avb-main> <style> .dsg-block-22-nopb { padding-bottom: 0 !important; } .dsg-block-22-nopt { padding-top: 0 !important; } .dsg-block-22-gallery { margin-top: 2rem; margin-bottom: 1rem; } .dsg-block-22-list-item { list-style-type: disc; } .dsg-block-22-sidebar-image { width: 20rem; } .dsg-block-22__image { margin-bottom: 1rem; } /* ==================== Hero block (block-1) ==================== */ .dsg-block-1 { margin: 0 auto; } .dsg-block-1__background { /* Appliance service image*/ background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url(https://cdn.avbportal.com/magento-media/members/dcge1-atherton/services-vcooking-hero2.jpg); /* Furniture service image */ /* background-image: url(https://cdn.avbportal.com/magento-media/website-themes/alta-themes/stock_services_furniture.jpg); */ background-position: top; } .dsg-block-1__content { padding: 2rem; margin: 0 auto; text-align: center; } @media screen and (min-width: 600px) { .dsg-block-1__content { padding: 4rem; } } @media screen and (min-width: 960px) {} @media screen and (min-width: 1280px) { .dsg-block-1__content { padding: 5rem; } } @media screen and (min-width: 1600px) {} /* ==================== Services CTA (block-26) ==================== */ .dsg-block-26 { margin: 1rem auto; } .dsg-block-26__content { padding: 0 1rem; text-align: left; } .dsg-block-26__heading-line-2 { font-size: 1.25rem; } .dsg-block-26__paragraph { margin: 0 auto 1rem; } .dsg-block-26__list-item { width: 100%; margin-right: 0; } .dsg-block-26__button, .dsg-block-26__button:visited, .dsg-block-26__button:active, .dsg-block-26__button:hover, .dsg-block-26__button:focus { margin-top: 1rem; width: 100%; } @media screen and (min-width: 600px) { .dsg-block-26 { margin: 2rem auto; } .dsg-block-26__button, .dsg-block-26__button:visited, .dsg-block-26__button:active, .dsg-block-26__button:hover, .dsg-block-26__button:focus { width: 10rem; } .dsg-block-26__list-item { width: auto; margin-right: 1rem; } } @media screen and (min-width: 960px) { .dsg-block-26__content { padding: 0 1rem; text-align: left; } .dsg-block-26__button, .dsg-block-26__button:visited, .dsg-block-26__button:active, .dsg-block-26__button:hover, .dsg-block-26__button:focus { width: 14rem; } } @media screen and (min-width: 1280px) { .dsg-block-26 { margin: 3rem auto; } .dsg-block-26__content { padding: 0 2rem; } } @media screen and (min-width: 1600px) {} /* ==================== Service left and right (block-22) ==================== */ /* Background color for alternating blocks */ .dsg-block-22-bg { background-color: #EEEEEE; /* Pattern background */ /* background-image: linear-gradient(rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4)), url(https://cdn.avbportal.com/magento-media/members/pbes3-beskoappliance/white-waves-texture.jpg); background-repeat: repeat; */ } /* Image/text order for alternating blocks */ /* .dsg-block-22__order-a { order: 2; } .dsg-block-22__order-b { order: 1; } */ .dsg-block-22 { padding: 2rem 1rem; } .dsg-block-22__content { text-align: center; } .dsg-block-22__heading-line-1 { margin: 2rem 0; } .dsg-block-22__heading-line-1b { margin: 2rem 0; text-align: center; } .dsg-block-22__button { margin-bottom: 1rem; } @media screen and (min-width: 600px) {} @media screen and (min-width: 960px) { .dsg-block-22__order-a { order: 1; } .dsg-block-22__order-b { order: 2; } .dsg-block-22__content { padding: 1rem; } } @media screen and (min-width: 1280px) { .dsg-block-22__content { padding: 2rem; } } @media screen and (min-width: 1600px) {} /* Logos */ .dsg-block-22-list { margin: 0 auto; justify-content: center; } .dsg-block-22-list-item { width: 45%; padding: 1rem; align-self: center; vertical-align: middle; } @media screen and (min-width: 600px) { .dsg-block-22-list-item { width: 23%; } } @media screen and (min-width: 960px) { .dsg-block-22-list-item { width: 17%; } } @media screen and (min-width: 1280px) { .dsg-block-22-list-item { width: 13%; padding: 1rem 2rem; } } @media screen and (min-width: 1600px) { .dsg-block-22-list-item { padding: 1rem 1.5rem; } } /* ==================== Service request form (block-30) ==================== */ .dsg-block-30 { margin: 0 auto; } .dsg-form-background-color { background-color: #EEEEEE; } .dsg-tools-form-grid { margin: 0 auto; max-width: 564px; } .dsg-block-30__heading { text-align: left; margin: 0; padding: 2rem 1rem; } .dsg-block-30__form { width: 100%; height: 95rem; } @media screen and (min-width: 600px) { .dsg-block-30__heading { padding: 2rem 0; } } @media screen and (min-width: 960px) { .dsg-tools-form-grid { max-width: 100%; } .dsg-block-30__heading { text-align: center; } .dsg-block-30__form { height: 55rem; } } @media screen and (min-width: 1280px) { .dsg-block-30__heading { padding: 3rem 1rem; } } @media screen and (min-width: 1600px) {} /* Phone Numbers */ .dsg-block-32 { margin-top: 0.25rem; margin-bottom: 0.25rem; } .dsg-block-32__background { background-color: rgba(241, 241, 241, 0.9); } .dsg-block-32__content { padding: 0.5rem; text-align: center; } .dsg-block-32__heading-line-1 { color: inherit; } .dsg-block-32__heading-line-2 { color: inherit; } .dsg-block-32-list-item { list-style: none; margin-bottom: 1rem; } .dsg-block-32__paragraph { max-width: 35rem; margin-left: auto; margin-right: auto; } .dsg-block-32-link { font-weight: 300 !important; } @media screen and (min-width: 600px) { .dsg-block-32 { margin-top: 0.5rem; margin-bottom: 0.5rem; } .dsg-block-32__content { padding: 0.5rem; } } @media screen and (min-width: 960px) { .dsg-block-32 { margin-top: 0.5rem; margin-bottom: 0.5rem; } .dsg-block-32__content { padding: 0.5rem; } } @media screen and (min-width: 1280px) { .dsg-block-32 { margin-top: 1rem; margin-bottom: 1rem; } .dsg-block-32__content { padding: 1rem; } } @media screen and (min-width: 1600px) { .dsg-block-32 { margin-top: 1rem; margin-bottom: 1rem; } .dsg-block-32__content { padding: 1rem; } } </style>

Life Cooking Classes

Sign Up

Sign Up for Email Updates