super-embed:
<section class="schedule-wrap">
<div class="schedule-inner">
<!-- Heading & quick facts -->
<header class="schedule-head">
<h1 class="schedule-title">Schedule your screening</h1>
<ul class="schedule-badges" aria-label="screening format">
<li class="sched-pill">🔥 Rapid fire</li>
<li class="sched-pill">🎥 Camera on</li>
<li class="sched-pill">⏱️ 20 mins</li>
<li class="sched-pill">
<span class="live-dot" aria-hidden="true"></span>
Live
</li>
</ul>
</header>
<!-- OPTIONAL center band (cred/achievements) -->
<div class="schedule-cred">
<ul class="cred-pills">
<li class="cred-pill">Reviewed by folks from Amazon · J.P. Morgan · Google</li>
<li class="cred-pill">Not a Discord—this is pressure and correction</li>
</ul>
<div class="cred-row">
<!-- faces / important people (replace src) -->
<div class="cred-avatars">
<img class="avatar" src="/img/faces/1.jpg" alt="Mentor 1">
<img class="avatar" src="/img/faces/2.jpg" alt="Mentor 2">
<img class="avatar" src="/img/faces/3.jpg" alt="Mentor 3">
<img class="avatar" src="/img/faces/4.jpg" alt="Mentor 4">
</div>
<!-- “warm intro” receipts (tiny image proofs) -->
<div class="cred-proofs">
<div class="proof-card">
<div class="proof-chip">warm intro</div>
<div class="proof-line">“Happy to connect—tomorrow 2pm?”</div>
</div>
<div class="proof-card">
<div class="proof-chip">reply secured</div>
<div class="proof-line">“Impressive—let’s chat.”</div>
</div>
<div class="proof-card">
<div class="proof-chip">decision in 4 days</div>
<div class="proof-line">Avg turn-around last cohort</div>
</div>
</div>
</div>
</div>
<!-- Interview card -->
<article class="schedule-card">
<p class="sched-kicker">We decide in <strong>4 days</strong>!</p>
<ul class="sched-steps" aria-label="steps">
<li class="step-pill" data-step="1">Take interview</li>
<li class="step-pill" data-step="2">Culture questions</li>
<li class="step-pill" data-step="3">Team voting</li>
<li class="step-pill" data-step="4">Decision</li>
</ul>
<p class="sched-note">
Bring a GitHub link / live repo and be ready to read 10–15 lines of unfamiliar code.
</p>
<a class="schedule-cta" href="/book?schedule=interview1">Take Interview One</a>
</article>
</div>
</section>
super-embed:
<footer class="footer-wrap">
<div class="footer-inner">
<section class="footer-card">
<!-- TOP BLOCK -->
<div class="footer-top">
<h3 class="footer-headline">No proof. No respect.</h3>
<p class="footer-subline">
Make something people can’t ignore and walk in with credibility, not potential!
</p>
<a class="footer-cta-btn" href="<https://letscolab.online/schedule>">
<span>Get started →</span>
</a>
</div><!-- /footer-top -->
<!-- DIVIDER -->
<div class="footer-divider" aria-hidden="true"></div>
<!-- BOTTOM ROW -->
<div class="footer-bottom">
<!-- BRAND / ORIGIN -->
<div class="footer-brand">
<div class="footer-logo">COLAB</div>
<div class="footer-tag">8-week sprint. Not a course.</div>
<div class="footer-origin">Built in San Francisco · 2026</div>
</div>
<!-- NAV LINKS -->
<nav class="footer-nav">
<a class="footer-link" href="<https://letscolab.online/tracks>">Tracks</a>
<a class="footer-link" href="<https://letscolab.online/tuition>">Tuition</a>
<a class="footer-link" href="<https://letscolab.online/kc>">Knowledge Center</a>
<a class="footer-link" href="<mailto:[email protected]>">Email us</a>
</nav>
<!-- SOCIAL -->
<div class="footer-social">
<div class="footer-social-head">Find us</div>
<div class="footer-social-row">
<a class="footer-social-pill footer-social-pill--linkedin" href="<https://www.linkedin.com/company/colabwithus/>" target="_blank" rel="noopener">
LinkedIn
</a>
<a class="footer-social-pill footer-social-pill--youtube" href="<https://www.youtube.com/channel/UCnIVFVJWAdthdFqhHF5ioew>" target="_blank" rel="noopener">
YouTube
</a>
<a class="footer-social-pill footer-social-pill--instagram" href="<https://instagram.com/colab.withus>" target="_blank" rel="noopener">
Instagram
</a>
</div>
</div>
</div><!-- /footer-bottom -->
</section><!-- /footer-card -->
</div>
</footer>