Formstead/index.html at main · 60012/Formstead · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0, viewport-fit=cover"
    />
    <title>Formstead - Home</title>
    <link rel="stylesheet" href="styles.css" />
  </head>
  <body class="portal-public-page">
    <header class="header">
      <div class="header-container">
        <a href="index.html" class="logo">
          <span class="logo-badge">F</span>
          <span>Formstead</span>
        </a>
        <button
          class="nav-toggle"
          id="navToggle"
          aria-label="Toggle navigation"
          aria-expanded="false"
          aria-controls="mainNav"
        >
          <span class="hamburger-bar"></span>
          <span class="hamburger-bar"></span>
          <span class="hamburger-bar"></span>
        </button>
        <nav class="nav" id="mainNav">
          <a href="index.html" class="active">Home</a>
          <a href="contact.html">Contact</a>
          <a href="activation.html">Activate Account</a>
          <a href="login.html">Student Login</a>
        </nav>
      </div>
    </header>

    <main class="main-content">
      <div class="two-col-layout">
        <div class="col-left">
          <p class="portal-kicker">FORMSTEAD UNIVERSITY</p>
          <h1 class="page-title">Student Portal</h1>
          <p class="page-subtitle">
            Access your academic records, course registration, results,
            timetable, fees and student services in one secure place.
          </p>
          <ul class="info-list">
            <li>
              <span class="bullet">•</span> View results, CGPA, and academic
              history in real time
            </li>
            <li>
              <span class="bullet">•</span> Register for courses and track your
              timetable with ease
            </li>
            <li>
              <span class="bullet">•</span> Manage fees, documents and
              announcements from one dashboard
            </li>
          </ul>
        </div>

        <div class="col-right">
          <div class="form-card">
            <h2>Access Your Student Portal</h2>
            <p class="card-desc">
              Use your student credentials to continue to your academic
              dashboard.
            </p>

            <div class="button-stack">
              <a href="login.html" class="btn btn-primary">Student Login</a>
              <a href="activation.html" class="btn btn-secondary"
                >Activate Student Account</a
              >
            </div>

            <hr class="divider" />

            <div class="form-footer">
              <p>
                Need help or have questions?
                <a href="contact.html">Contact ICT Support</a>
              </p>
            </div>
          </div>
        </div>
      </div>
    </main>

    <footer class="footer">
      <ul class="footer-links">
        <li><a href="index.html">Home</a></li>
        <li><a href="contact.html">Contact</a></li>
        <li><a href="activation.html">Activate Account</a></li>
        <li><a href="login.html">Student Login</a></li>
      </ul>
      <p>&copy; 2026 Formstead. All rights reserved.</p>
    </footer>

    <script src="script.js"></script>
  </body>
</html>