Repository navigation
Expand file tree
/
Copy pathindex.html
More file actions
145 lines (133 loc) · 6.65 KB
/
Copy pathindex.html
File metadata and controls
145 lines (133 loc) · 6.65 KB
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
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
<!doctype html>
<html lang="en" data-bs-theme="dark">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>UITS Cyber Security Wing</title>
<meta name="description" content="UITS Cyber Security Wing — a community under the UITS Computer Club.">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;600&family=Inter:wght@400;600;800&display=swap" rel="stylesheet">
<link rel="stylesheet" href="assets/css/style.css">
<link rel="icon" href="assets/images/logo.svg">
</head>
<body>
<nav id="mainNav" class="navbar navbar-expand-lg navbar-dark sticky-top border-bottom border-secondary-subtle bg-body">
<div class="container">
<a class="navbar-brand fw-bold d-flex align-items-center gap-2" href="index.html">
<img src="assets/images/logo.svg" width="28" height="28" alt="logo">
<span>UITS Cyber Security Wing</span>
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navContent" aria-controls="navContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navContent">
<ul class="navbar-nav ms-auto mb-2 mb-lg-0 align-items-lg-center">
<li class="nav-item"><a class="nav-link" href="index.html">Home</a></li>
<li class="nav-item"><a class="nav-link" href="about.html">About</a></li>
<li class="nav-item"><a class="nav-link" href="verify.html">Certification Verification</a></li>
<li class="nav-item"><a class="nav-link" href="halloffame.html">Hall of Fame</a></li>
<li class="nav-item"><a class="nav-link" href="blog.html">Blog</a></li>
<li class="nav-item"><a class="nav-link" href="bootcamp.html">Boot Camp</a></li>
<li class="nav-item"><a class="nav-link" href="merchandise.html">Merchandise</a></li>
<li class="nav-item ms-lg-3">
<button id="themeToggle" class="btn btn-outline-light btn-sm" type="button" aria-label="Toggle theme">
<span class="theme-text">Light</span>/<span class="theme-text">Dark</span>
</button>
</li>
</ul>
</div>
</div>
</nav>
<header class="hero d-flex align-items-center">
<div class="container text-center">
<h1 class="display-5 fw-extrabold neon">Empowering the next generation of cybersecurity learners and cyber defenders at UITS.</h1>
<p class="lead mt-3 text-secondary">Hands-on learning, real CTFs, and a supportive community under the UITS Computer Club.</p>
<a href="#join" class="btn btn-neon btn-lg mt-3">Join Us</a>
</div>
</header>
<section class="py-5">
<div class="container">
<div class="row g-4">
<!-- Blog -->
<div class="col-md-4">
<div class="card card-glow h-100">
<div class="card-body">
<h5 class="card-title">Blog</h5>
<p class="card-text">Stay updated with the latest cybersecurity news, tutorials, and insights.</p>
<a href="blog.html" class="btn btn-outline-neon btn-sm">Visit Blog</a>
</div>
</div>
</div>
<!-- Hall of Fame -->
<div class="col-md-4">
<div class="card card-glow h-100">
<div class="card-body">
<h5 class="card-title">Hall of Fame</h5>
<p class="card-text">Celebrate our top CTF winners and achievers making a mark in cybersecurity.</p>
<a href="halloffame.html" class="btn btn-outline-neon btn-sm">View Hall of Fame</a>
</div>
</div>
</div>
<!-- Certification Verification -->
<div class="col-md-4">
<div class="card card-glow h-100">
<div class="card-body">
<h5 class="card-title">Certification Verification</h5>
<p class="card-text">Verify the authenticity of certificates issued by our community.</p>
<a href="verify.html" class="btn btn-outline-neon btn-sm">Verify Certificate</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="join" class="py-5 bg-body-tertiary border-top border-bottom border-secondary-subtle">
<div class="container">
<div class="row align-items-center g-4">
<div class="col-md-7">
<h2 class="fw-bold">Join the Wing</h2>
<p class="text-secondary">We welcome curious learners. No experience required—just enthusiasm and integrity.</p>
<ul>
<li>Weekly study circles and workshops</li>
<li>Monthly CTF practice & writeups</li>
<li>Mentorship and peer support</li>
</ul>
</div>
<div class="col-md-5">
<div class="card card-glow text-center">
<div class="card-body">
<h5 class="card-title">Scan to Sign Up</h5>
<p class="text-muted mb-3">Scan this QR code to request an invite.</p>
<!-- QR Code Image -->
<img src="assets\images\qrcode.jpg" alt="QR Code" class="img-fluid rounded shadow" style="max-width: 250px;">
<p class="mt-3 small text-body-secondary">Point your camera at the QR code.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<footer class="mt-5 pt-5 border-top border-secondary-subtle bg-body">
<div class="container pb-4">
<div class="row gy-4">
<div class="col-md-6">
<h5 class="fw-bold">UITS Cyber Security Wing</h5>
<p class="text-secondary">A community under the UITS Computer Club, empowering cybersecurity learners and digital defenders.</p>
<a href="https://www.facebook.com/uitssec" class="me-3 link-neon" target="_blank" rel="noopener">Facebook</a>
<a href="https://github.com/uitssec" class="me-3 link-neon" target="_blank" rel="noopener">GitHub</a>
</div>
<div class="col-md-6 text-md-end">
<a href="#" class="btn btn-outline-neon btn-sm me-2" onclick="window.scrollTo({top:0,behavior:'smooth'});return false;">Back to top</a>
<a href="https://www.facebook.com/UITSCC" class="btn btn-outline-neon btn-sm" target="_blank" rel="noopener">UITS Computer Club</a>
</div>
</div>
<div class="text-center text-secondary mt-4 small">© 2022-2025 UITS Cyber Security Wing</div>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>