BLACK + 3/4 GOLD LINE
<div
style="
background-color:#0A0F14; /* your obsidian black */
padding:18px 0; /* same height as the cream bar */
text-align:center;
"
>
<div
style="
width:75%;
margin:0 auto;
border-top:1px solid #E6C373;
"
></div>
</div>
NAVY + GOLD DIVIDER (thin)
<!-- NAVY + GOLD DIVIDER -->
<div style="
width:100%;
background-color:#061826; /* deep navy bar */
padding:6px 0;
">
<div style="
max-width:1200px;
margin:0 auto;
border-top:2px solid #E6C373; /* champagne gold line */
"></div>
</div>
SAND + GOLD 3/4 LINE
<div
style="
background-color:#FFF5EB;
padding:18px 0;
text-align:center;
border-top:1px solid transparent;
border-bottom:1px solid transparent;
"
>
<div
style="
width:75%;
margin:0 auto;
border-top:1px solid #E6C373;
"
></div>
</div>
GOLD + GOLD
<div
style="
background-color:#D1BC7A;
padding:18px 0;
text-align:center;
border-top:1px solid transparent;
border-bottom:1px solid transparent;
"
>
<div
style="
width:75%;
margin:0 auto;
border-top:1px solid #E6C373;
"
></div>
</div>
DEEP NAVY + CHAMPAGNE GOLD
<style>
/* OUR MISSION divider */
.mission-divider {
width: 100%;
background-color: #06121E; /* deep navy strip */
padding: 6px 0; /* strip height; reduce to 4px if you want tighter */
}
.mission-divider-inner {
max-width: 80%; /* how wide the gold line is relative to page */
margin: 0 auto;
height: 3px; /* thickness of the gold line (2–3px is ideal) */
background-color: #D1BC7A; /* champagne gold */
}
/* Optional: small top margin so it doesn’t “kiss” the headline */
.mission-divider + * {
margin-top: 24px;
}
</style>
<div class="mission-divider">
<div class="mission-divider-inner"></div>
</div>
BLACK & GREY
<div style="margin:12px 0; text-align:center;">
<div
style="
width:68%;
margin:0 auto;
border-top:1px solid rgba(230,195,115,0.28);
"
></div>
</div>
STRAIGHT GOLD LINE ONLY
<div style="width:100%; height:2px; background:#E6DCC4; margin:0;"></div>
GOLD + SAND (thicker)
<div
style="
background-color:#D1BC7A;
padding:18px 0;
text-align:center;
border-top:1px solid transparent;
border-bottom:1px solid transparent;
"
>
<div
style="
width:75%;
margin:0 auto;
border-top:1px solid #E6C373;
"
></div>
</div>
WHITE & GREY LINE: THINNEST
<hr style="
height: 0;
border: none;
border-top: 0.5px solid rgba(26,31,58,0.25);
margin: 16px 0;
background: transparent;
WHITE + NAVY
<div style="background:#1a1f3a; padding:0; margin:0;">
<hr style="
height:0;
border:none;
border-top:0.5px solid rgba(255,179,0,0.35);
margin:16px 0;
">
</div>
WHITE + GOLD LINE
<hr style="
height: 0;
border: none;
border-top: 0.5px solid rgba(255,179,0,0.35);
margin: 16px 0;
background: transparent;
">