Default Dev Script Validation

<div class="widget widget-banner"> <ul> <li><avb-header-after>  <avb-designer-block data-id="27" class="avb-grid avb-typography dsg-tools-main-paragraph dsg-block-27-header-after"> <div class="avb-grid__column avb-grid__column--small-12 dsg-tools-nop dsg-block-27-header-after__wrapper"> <span class="dsg-block-27-header-after__col dsg-block-27-header-after__col1"> <span class="fa-solid fa-calculator-simple dsg-block-27-header-after__icon"></span> <avb-link class="avb-wrapper dsg-block-27-header-after__content" data-href="https://www.1mcs.net/contacts"> <span class="dsg-block-27-header-after__headline"> Free Estimates </span> </avb-link> </span> <span class="dsg-block-27-header-after__col dsg-block-27-header-after__col2"> <span class="fa-solid fa-credit-card-front dsg-block-27-header-after__icon"></span> <avb-link class="avb-wrapper dsg-block-27-header-after__content" data-href="https://www.1mcs.net/financing"> <span class="dsg-block-27-header-after__headline"> <span class="dsg-block-27-header-after__hide-320 dsg-block-27-header-after__show-600">Quick &amp; </span>Easy&nbsp;Financing </span> </avb-link> </span> <span class="dsg-block-27-header-after__col dsg-block-27-header-after__col3"> <span class="fa-solid fa-truck-fast dsg-block-27-header-after__icon"></span> <avb-link class="avb-wrapper dsg-block-27-header-after__content" data-href="https://www.1mcs.net/services#coordination"> <span class="dsg-block-27-header-after__headline"> Free Local&nbsp;Delivery </span> </avb-link> </span> </div> </avb-designer-block> </avb-header-after> <style> /* ==================== Header-after (block-27-header-after) ==================== */ .dsg-block-27-header-after { background-color: var(--avb-primary); text-align: center; padding: 0.55rem; } .dsg-block-27-header-after__icon { padding: 0 0.5rem; } .dsg-block-27-header-after, .dsg-block-27-header-after__content, .dsg-block-27-header-after__content:visited, .dsg-block-27-header-after__content:focus { color: #fff; transition: all 0.2s ease-in-out; } .dsg-block-27-header-after__content, .dsg-block-27-header-after__content:visited, .dsg-block-27-header-after__content:focus { display: inline; transition: all .3s ease-in-out; } .dsg-block-27-header-after__content:hover { color: #fff; text-decoration: underline; transition: all .3s ease-in-out; } .dsg-block-27-header-after:has(.dsg-block-27-header-after__content:hover) { background: var(--avb-secondary); } .dsg-block-27-header-after__col3 { display: block; } .dsg-block-27-header-after__hide-320 { display: none; } @media screen and (min-width: 600px) { .dsg-block-27-header-after__col3 { display: inline; } .dsg-block-27-header-after__show-600 { display: inline !important; } } @media screen and (min-width: 960px) {} @media screen and (min-width: 1280px) {} @media screen and (min-width: 1600px) {} </style></li> </ul> </div>

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-tools-nop"> <div class="avb-wrapper dsg-tools-main-paragraph dsg-block-28-header-before__content"> <span class="fa-solid fa-shop dsg-block-28-header-before__icon"></span> Visit Our Three Locations&nbsp;In: <span class="dsg-block-28-header-before__link-wrapper"> <avb-link class="dsg-block-28-header-before__link dsg-tools-main-paragraph" data-href="https://www.1mcs.net/locations/mcs-home-center"> Columbia </avb-link> | <avb-link class="dsg-block-28-header-before__link dsg-tools-main-paragraph" data-href="https://www.1mcs.net/locations/mcs-interiors"> Hattiesburg </avb-link> | <avb-link class="dsg-block-28-header-before__link dsg-tools-main-paragraph" data-href="https://www.1mcs.net/locations/mcs-building-supply"> Sumrall </avb-link> </span> </div> </div> </div> </avb-designer-block> </avb-header-before> <style> /* ==================== Header-before (block-28-header-before) ==================== */ .dsg-block-28-header-before, .dsg-block-28-header-before__link, .dsg-block-28-header-before__link:focus, .dsg-block-28-header-before__link:visited { color: #FFF; transition: all 0.2s ease-in-out; } .dsg-block-28-header-before { text-align: center; padding: 0.55rem; background: var(--avb-secondary); } .dsg-block-28-header-before__content { line-height: 1.5; } .dsg-block-28-header-before__link-wrapper { display: block; } .dsg-block-28-header-before__icon { padding: 0 0.5rem; } .dsg-block-28-header-before__link:hover { color: #FFF; text-decoration: underline; } .dsg-block-28-header-before:has(.dsg-block-28-header-before__link:hover) { background: var(--avb-primary); } /*.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__content { line-height: 1.25; } .dsg-block-28-header-before__link-wrapper { display: inline; } /*.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>

Gas Flex Hose for Gas Cooking Appliances

At a Glance

Get to know this product.

Product Overview

Product Overview

More From the Manufacturer

Sign Up for Savings