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>

<avb-main>  <avb-designer-contact data-id="1" class="avb-typography dsg-contact-1"> <div class="avb-grid avb-grid--container"> <div class="avb-grid__column avb-grid__column--small-12 avb-grid__column--marginBottom">  <iframe class="dsg-contact-1__map" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3404.759157445962!2d-89.52645492369835!3d31.420761074259737!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x889cd92712055dd1%3A0x5859e8df2388ca8b!2sMCS%20Building%20Supply!5e0!3m2!1sen!2sca!4v1718645867561!5m2!1sen!2s"></iframe> </div> <div class="avb-grid__column avb-grid__column--medium-6 avb-grid__column--marginBottom"> <div class="avb-grid"> <div class="avb-grid__column avb-grid__column--small-12 avb-grid__column--marginBottom"> <div class="dsg-contact-1__content">  <h1 class="avb-typography__heading dsg-tools-main-heading dsg-tools-color-primary dsg-tools-fw-bold dsg-contact-1__heading"> MCS Building Supply </h1>  <div class="avb-typography__paragraph dsg-tools-main-paragraph dsg-tools-color-dark dsg-contact-1__address"> <span class="dsg-contact-1__address-line"> 1438 MS‑42 </span> <span class="dsg-contact-1__address-line"> Sumrall, MS 39482 </span>  <avb-link class="dsg-tools-main-paragraph dsg-tools-fw-bold dsg-contact-1__link" data-href="https://www.google.com/maps/dir//MCS+Building+Supply+1438+MS-42+Sumrall,+MS+39482+United+States/@31.4207611,-89.52388,16z/data=!4m5!4m4!1m0!1m2!1m1!1s0x889cd92712055dd1:0x5859e8df2388ca8b" target="_blank"> Get Directions <span class="fa fa-long-arrow-alt-right dsg-contact-1__link-icon"></span> </avb-link> </div>  <ul class="avb-list dsg-tools-main-paragraph dsg-tools-color-dark avb-list--noBullet">  <li class="avb-list__item dsg-tools-main-paragraph dsg-tools-color-dark"> Phone: <avb-link class="dsg-tools-fw-bold dsg-contact-1__link" data-href="tel:601-758-0800"> 601-758-0800 </avb-link> </li> </ul> </div> </div> <div class="avb-grid__column avb-grid__column--small-12 avb-grid__column--marginBottom"> <div class="dsg-contact-1__content">  <h2 class="avb-typography__heading dsg-tools-main-heading dsg-tools-color-primary dsg-tools-fw-bold dsg-contact-1__heading">Hours</h2>  <ul class="avb-list dsg-tools-main-paragraph dsg-tools-color-dark avb-list--noBullet"> <li class="avb-list__item"> Monday - Friday 7:00&nbsp;AM - 5:00&nbsp;PM </li> <li class="avb-list__item"> Saturday &amp; Sunday&nbsp;Closed </li> </ul> </div> </div> <div class="avb-grid__column avb-grid__column--small-12 avb-grid__column--marginBottom"> <div class="dsg-contact-1__content">  <h2 class="avb-typography__heading dsg-tools-main-heading dsg-tools-color-primary dsg-tools-fw-bold dsg-contact-1__heading">Departments</h2>  <ul class="avb-list dsg-tools-main-paragraph dsg-tools-color-dark avb-list--noBullet"> <li class="avb-list__item"> Doors &amp; Windows </li> <li class="avb-list__item"> Lumber </li> <li class="avb-list__item"> Roofing </li> <li class="avb-list__item"> Foundation Materials </li> <li class="avb-list__item"> Plywood </li> <li class="avb-list__item"> Siding </li> <li class="avb-list__item"> Molding &amp; Millwork </li> <li class="avb-list__item"> Drywall Sheets </li> <li class="avb-list__item"> Fasteners </li> </ul> </div> </div> </div> </div> <div class="avb-grid__column avb-grid__column--medium-6 avb-grid__column--marginBottom"> <div class="dsg-contact-1__content">  <h2 class="avb-typography__heading dsg-tools-main-heading dsg-tools-color-primary dsg-tools-fw-bold dsg-contact-1__heading"> Send Us A Message </h2>  <avb-magento-form> <form class="avb-form" method="post" action="https://www.1mcs.net/api/rest/forms/"> <label class="avb-textbox"> <span class="avb-textbox__label avb-textbox__label--sr">Name</span> <input type="text" name="name" placeholder="Name" required class="avb-textbox__input"> </label> <label class="avb-textbox"> <span class="avb-textbox__label avb-textbox__label--sr">Email</span> <input type="email" name="email" placeholder="Email (e.g. example@domain.com)" required class="avb-textbox__input"> </label> <label class="avb-textbox"> <span class="avb-textbox__label avb-textbox__label--sr">Phone Number</span> <input type="tel" name="phone" placeholder="Phone number (numbers only)" title="Phone number may only contain 9-10 numbers" pattern="\d{9,10}" required class="avb-textbox__input"> </label> <label class="avb-textarea"> <span class="avb-textarea__label avb-textarea__label--sr">Message</span> <textarea name="message" placeholder="Message" required class="avb-textarea__input"></textarea> </label>  <div class="captcha" data-captcha data-sitekey="6LdfpJMfAAAAABTE0m1cEeHHgtulmLfR7jH4Xjy7"></div> <div class="dsg-contact-1__form-buttons"> <button class="avb-button dsg-tools-main-button dsg-contact-1__submit" type="submit">Submit</button> </div> <div class="dsg-contact-1__form-responses"> <p data-response-type="success" class="avb-typography__paragraph dsg-contact-1__form-success">Your message was submitted successfully. Thank you!</p> <p data-response-type="failure" class="avb-typography__paragraph dsg-contact-1__form-failure"></p> </div>  <input type="hidden" name="sender" value="custom1"> <input type="hidden" name="type" value="contacts"> <input type="hidden" name="subject" value="Your Contact Message"> <input type="hidden" name="template" value="customforms_default_email_template"> </form> </avb-magento-form> </div> </div> </div> </avb-designer-contact> </avb-main> <style> /* ==================== Contact Block (block-1) ==================== */ .dsg-contact-1 { margin-top: 0; margin-bottom: 2rem; } .dsg-contact-1__content { padding: 0 1rem; } .dsg-contact-1__map { display: block; width: 100%; height: 15rem; margin-bottom: 1rem; } .dsg-contact-1__address-line { display: block; } .dsg-contact-1__form-responses { margin-top: 1rem; } .dsg-contact-1__form-success { color: #008F00; } .dsg-contact-1__form-failure { color: #F00; } @media screen and (min-width: 600px) { .dsg-contact-1__map { height: 15rem; } .dsg-contact-1__content { padding: 0; } } @media screen and (min-width: 960px) { .dsg-contact-1__map { height: 20rem; } } @media screen and (min-width: 1280px) { .dsg-contact-1__map { height: 25rem; } } @media screen and (min-width: 1600px) { .dsg-contact-1__map { height: 30rem; } } </style>

MCS Building Supply

Hours

Departments

Send Us A Message

Sign Up for Savings