Source HTML
<!doctype html><html><head><meta charset="utf-8"><link href="https://fonts.googleapis.com/css2?family=Anton&family=Manrope:wght@400;500;700&display=swap" rel="stylesheet">
<style>*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}body{font-family:'Manrope',sans-serif;background:#fbf24a;color:#0d0d0d;line-height:1.4}
.foot{padding:32px 36px;display:flex;flex-direction:column;gap:24px;position:relative;overflow:hidden}
.foot::before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='400' height='400'><filter id='n'><feTurbulence baseFrequency='0.85' numOctaves='1' seed='5'/></filter><rect width='400' height='400' filter='url(%23n)' opacity='0.18'/></svg>");mix-blend-mode:multiply;pointer-events:none}
.kicker{font-family:'Anton',sans-serif;font-size:14px;letter-spacing:.25em;text-transform:uppercase;display:flex;align-items:center;gap:14px;position:relative;z-index:2}
.kicker::after{content:"";flex:1;height:2px;background:#0d0d0d;max-width:240px}
.huge{font-family:'Anton',sans-serif;font-weight:400;font-size:clamp(64px,11vw,160px);line-height:.86;letter-spacing:-.005em;text-transform:uppercase;position:relative;z-index:2}
.listing{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:32px;padding-top:24px;border-top:3px solid #0d0d0d;position:relative;z-index:2}
.list-col h4{font-family:'Anton',sans-serif;font-size:14px;letter-spacing:.2em;text-transform:uppercase;margin-bottom:8px}
.list-col p{font-size:14px;font-weight:500;line-height:1.5}
.list-col p b{display:block;font-family:'Anton',sans-serif;font-size:24px;font-weight:400;letter-spacing:-.01em;text-transform:uppercase;margin-top:2px}
.list-col a{color:#0d0d0d;text-decoration:none;border-bottom:2px solid #0d0d0d}
.list-col a:hover{background:#0d0d0d;color:#fbf24a}
.dates{display:flex;flex-wrap:wrap;gap:0;font-family:'Anton',sans-serif;font-size:13px;letter-spacing:.1em;text-transform:uppercase;border-top:1px solid #0d0d0d;border-bottom:1px solid #0d0d0d;position:relative;z-index:2;background:#0d0d0d;color:#fbf24a}
.dates span{padding:10px 16px;border-right:1px solid rgba(251,242,74,.3)}
.dates span:last-child{border-right:none}
.bottom{display:flex;justify-content:space-between;align-items:center;font-family:'Anton',sans-serif;font-size:12px;letter-spacing:.2em;text-transform:uppercase;position:relative;z-index:2}
@media (max-width:780px){.listing{grid-template-columns:1fr;gap:18px}.bottom{flex-direction:column;gap:6px;text-align:center}.dates{flex-direction:column}.dates span{border-right:none;border-bottom:1px solid rgba(251,242,74,.3)}.dates span:last-child{border-bottom:none}}
</style></head><body><footer class="foot">
<div class="kicker">Now booking · Spring–Summer 2026</div>
<h1 class="huge">Volt/22<br>on tour.</h1>
<div class="dates"><span>05/14 Boulder, CO</span><span>05/22 Bozeman, MT</span><span>06/04 Bend, OR</span><span>06/18 Squamish, BC</span><span>07/02 Park City, UT</span></div>
<div class="listing">
<div class="list-col"><h4>Demo days</h4><p>Show up. Ride one. <b>Free, no signup.</b><br>Full schedule and routes at <a href="#">volt22.bike/tour</a></p></div>
<div class="list-col"><h4>Find a dealer</h4><p>72 dealers in 14 states.<b>Visit one →</b><a href="#">volt22.bike/dealers</a></p></div>
<div class="list-col"><h4>Stay in touch</h4><p>Build releases & demo dates, six times a year.<b>The newsletter →</b><a href="#">volt22.bike/news</a></p></div>
</div>
<div class="bottom"><div>© 2026 Volt/22 Bicycles, Boulder Co.</div><div>Built different · Made in USA</div></div>
</footer></body></html>