Hero
Standard UserAvailable to anyone with page-editing access
Page hero components using Midland brand colors. Copy any snippet below and paste it directly into the Edlio CMS WYSIWYG editor.
Solid Hero
Section titled “Solid Hero”<!-- SOLID HERO (MIDLAND — #104D9C) --><!-- Note: Edlio CMS provides the page <h1>. Do not add <h1>–<h3> inside hero components. --><div style="background-color: #104D9C; padding: 40px 30px; border-radius: 8px; margin-bottom: 24px; text-align: center;"> <p style="margin: 0 0 16px 0; color: #ffffff; font-size: 18px; line-height: 1.6; font-style: italic; font-weight: 600;">Welcome to Midland</p> <p style="margin: 0 0 20px 0; color: #ffffff; font-size: 16px; line-height: 1.6; opacity: 0.9;">We are committed to academic excellence and student success in everything we do.</p> <a href="#" style="display: inline-block; background-color: #0E212F; color: #ffffff; border: 2px solid #0E212F; padding: 12px 24px; text-decoration: none; border-radius: 4px; font-size: 16px; font-weight: 600; cursor: pointer;">Learn More</a></div>Gradient Hero
Section titled “Gradient Hero”<!-- GRADIENT HERO (MIDLAND — #104D9C → #A6A5A5) --><!-- Note: Edlio CMS provides the page <h1>. Do not add <h1>–<h3> inside hero components. --><div style="background: linear-gradient(135deg, #104D9C 0%, #A6A5A5 100%); padding: 40px 30px; border-radius: 8px; margin-bottom: 24px; text-align: center;"> <p style="margin: 0 0 16px 0; color: #ffffff; font-size: 18px; line-height: 1.6; font-style: italic; font-weight: 600;">Welcome to Midland</p> <p style="margin: 0 0 20px 0; color: rgba(255,255,255,0.9); font-size: 16px; line-height: 1.6;">We are committed to academic excellence and student success in everything we do.</p> <a href="#" style="display: inline-block; background-color: #0E212F; color: #ffffff; border: 2px solid #0E212F; padding: 12px 24px; text-decoration: none; border-radius: 4px; font-size: 16px; font-weight: 600; cursor: pointer;">Learn More</a></div>