<a class="skip-link" href="#main">Skip to content</a>
  <header class="site-header">
    <a class="brand" href="/" aria-label="Twin One Academy home">
      <img class="brand-logo" src="/assets/twin-one-academy-logo.png" alt="">
      <span class="brand-name">Twin One Academy</span>
    </a>
    <button class="nav-toggle" type="button" aria-controls="primary-navigation" aria-expanded="false" aria-label="Open navigation">
      <span></span>
      <span></span>
      <span></span>
    </button>
    <nav class="primary-nav" id="primary-navigation" aria-label="Primary navigation">
      <a href="/">Home</a>
      <a href="/about">About</a>
      <a href="/why-choose">Why Choose</a>
      <a href="/academics">Academics</a>
      <a href="/admissions">Admissions</a>
      <a href="/boarding">Boarding</a>
      <a href="/student-life">Life</a>
      <a href="/news-events">News</a>
      <a href="/gallery">Gallery</a>
      <a href="/staff">Staff</a>
      <a href="/downloads">Downloads</a>
      <a href="/contact">Contact</a>
      <a class="nav-cta" href="/apply">Apply</a>
    </nav>
  </header>

  <main id="main">
    <section class="page-hero admin-hero">
      <div class="page-hero-media" aria-hidden="true"></div>
      <div class="hero-overlay"></div>
      <div class="container page-hero-content">
        <p class="eyebrow">Admissions office</p>
        <h1>Application review</h1>
        <p>Review submitted applications, download documents, approve enrollment, and keep admissions decisions organized.</p>
      </div>
    </section>

    <section class="section admin-section">
      <div class="container">
        <form class="admin-login" id="adminLogin">
          <div>
            <p class="eyebrow">Secure review</p>
            <h2>Admissions login</h2>
            <p>Use the admissions login to load applications from the school server.</p>
          </div>
          <label>
            Username
            <input type="text" id="adminUsername" autocomplete="username" required>
          </label>
          <label>
            Password
            <input type="password" id="adminPassword" autocomplete="current-password" required>
          </label>
          <button class="button button-primary" type="submit">Load Applications</button>
        </form>

        <div class="admin-message" id="adminMessage" role="status" aria-live="polite"></div>
      </div>
    </section>
  </main>

  <footer class="site-footer">
    <div class="container footer-grid">
      <div>
        <a class="footer-brand" href="/">
          <img class="footer-logo" src="/assets/twin-one-academy-logo.png" alt="">
          Twin One Academy
        </a>
        <p><strong>Commitment Breeds Excellence.</strong> Building confident learners through discipline, care, and opportunity.</p>
      </div>
      <div>
        <h2>Explore</h2>
        <a href="/about">About</a>
        <a href="/academics">Academics</a>
        <a href="/admissions">Admissions</a>
        <a href="/apply">Apply Online</a>
      </div>
      <div>
        <h2>Admissions</h2>
        <p>Applications can be reviewed by the admissions office.</p>
        <a href="/admin">Review applications</a>
      </div>
    </div>
    <div class="footer-bottom">
      <p>Copyright @ 2026 Designed by Assurance Mubvumba</p>
    </div>
  </footer>

Twin One Academy admissions application review dashboard.