-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
360 lines (302 loc) · 14 KB
/
index.html
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
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>NerdFord</title>
<link rel="stylesheet" href="css/index.css">
<link rel="stylesheet" href="css/index-responsive.css">
<!-- <link rel="stylesheet" href="../fontawesome-free-6.4.2-web/css/all.css"> -->
</head>
<body>
<div class="coverDiv">
<header class="mainHeader">
<sention class="logoSec">
<i class="fa fa-graduation-cap"></i>
<span>NerdFord</span>
</sention>
<section class="navItems" id="navItems">
<span><a href="#">Home</a></span>
<span><a href="#">Registration</a></span>
<span><a href="#">Academics</a></span>
<span><a href="#">Contact Us</a></span>
<span><a href="#">About Us</a></span>
</section>
<section class="hamburgerIcon" id="hamburgerIcon" onclick="showMenu()">
<i class="fa-solid fa-bars"></i>
</section>
</header>
<div class="mainDiv">
<section class="mainSec">
<h1>World's Biggest University</h1>
<p>
Igniting minds, fostering excellence — a vibrant community where every student thrives
academically and personally.
</p>
<a href="#">REGISTER</a>
</section>
</div>
</div>
<div class="divTwo">
<section class="headingSec">
<h1><span class="highlight">Courses</span> We Offer</h1>
<p>
Discover excellence in education at NerdFord. Our curated courses blend
theory and application, ensuring a transformative learning experience. Explore diverse
fields and pave the way for a successful future. Ignite your academic journey with us.
</p>
</section>
<section class="firstSec">
<section class="courseSec">
<h3>Undergraduate Programs</h3>
<p>
For decades, NerdFord College has improved the health of our communities, one graduate
at a time. The JoAnn McGrath School of Nursing and Health Professions, as one of the
largest nursing schools in Wisconsin, offers a wide array of fully accredited nursing
programs, guaranteed clinical placements and a technology-rich Center for Clinical Education.
</p>
</section>
<section class="courseSec">
<h3>Graduate Programs</h3>
<p>
Building on our strong roots in leadership, health care and education, NerdFord is proud
to offer an array of coed graduate programs for women and men who are ready to advance
their careers and grow as leaders. The NerdFord College Community Psychology Master's
program will help you to meet your goals of becoming a Licensed Professional Counselor.
</p>
</section>
<section class="courseSec">
<h3>Post Graduation</h3>
<p>
The NerdFord, as one of the largest nursing schools in Wisconsin, offers a wide array of
fully accredited nursing programs, guaranteed clinical placements and a technology-rich
Center for Clinical Education. The NerdFord College Community Psychology Master's program
will help you to meet your goals of becoming a Licensed Professional Counselor.
</p>
</section>
</section>
</div>
<div class="divThree">
<section class="headingSec">
<h1><span class="highlight">Our</span> Global Campus</h1>
<p>
Discover a world of opportunities at NerdFord's global campus. Immerse
in diverse perspectives, collaborate globally, and broaden your horizons. Join us
in transcending boundaries and exploring the world.
</p>
</section>
<section class="firstSec">
<section class="imgSec" style="--university: 'LONDON' ">
<img src="img/building-1.jpg" alt="University building">
</section>
<section class="imgSec" style="--university: 'NEW YORK' ">
<img src="img/building-2.jpg" alt="University building">
</section>
<section class="imgSec" style="--university: 'WASHINGTON' ">
<img src="img/building-3.jpg" alt="University building">
</section>
</section>
</div>
<div class="divFour">
<section class="headingSec">
<h1> <span class="highlight">Our</span> Facilities</h1>
<p>
Embark on an educational journey surrounded by innovation at NerdFord. Our facilities, from cutting-edge laboratories to modern study spaces, are
meticulously designed to foster success and excellence. Explore, engage, and excel
in our world-class facilities.
</p>
</section>
<section class="firstSec">
<section class="subSec">
<section class="imgSec">
<img src="img/students in library.jpg" alt="Picture of our Library">
</section>
<h3>World Class Library</h3>
<p>
Enter NerdFord's world-class library—an oasis of knowledge. Immerse in a
collection that fuels academic pursuits and fosters collaboration. Explore and
discover with us.
</p>
</section>
<section class="subSec">
<section class="imgSec">
<img src="img/students playing.jpg" alt="Picture of our Playground">
</section>
<h3>Largest Play Ground</h3>
<p>
Discover joy at NerdFord's expansive playground. Ideal for sports and
leisure, fostering well-being and camaraderie. Explore and thrive in the largest
playground.
</p>
</section>
<section class="subSec">
<section class="imgSec">
<img src="img/students eating.jpg" alt="Picture of our Cafeteria">
</section>
<h3>Cafeteria Oasis</h3>
<p>
Indulge at NerdFord's vibrant cafeteria—an inviting space for tasty meals
and social connections. Explore, savor, and socialize in the heart of our culinary
hub.
</p>
</section>
</section>
</div>
<div class="divFive">
<section class="headingSec">
<h1><span class="highlight">What</span> Our Students Say</h1>
<p>
Explore student testimonials at NerdFord. Dive into testimonials that capture the
essence of life within our academic community. Connect with the voices that make
our community thrive.
</p>
</section>
<section class="firstSec">
<section class="subSec"></section>
<section class="subSec" id="firstComment">
<section class="imgSec">
<img src="img/profile-1.jpg" alt="Student's Picture">
</section>
<section class="quoteSec">
<p>
“NerdFord is home to me not because of the fancy buildings like Healy Hall, or its
prestigious reputation, but rather because of the university's care for the whole person
as each of us attempts to live our lives for others.”
</p>
<span class="name">Chiagozie Okafor</span>
<span class="rating">
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star-half-stroke"></i>
</span>
</section>
</section>
<section class="subSec">
<section class="imgSec">
<img src="img/profile-2.jpg" alt="Student's Picture">
</section>
<section class="quoteSec">
<p>
“NerdFord is home to me not because of the fancy buildings like Healy Hall, or its
prestigious reputation, but rather because of the university's care for the whole person
as each of us attempts to live our lives for others.”
</p>
<span class="name">Chiagozie Okafor</span>
<span class="rating">
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-regular fa-star"></i>
</span>
</section>
</section>
<section class="subSec">
<section class="imgSec">
<img src="img/profile-3.jpg" alt="Student's Picture">
</section>
<section class="quoteSec">
<p>
“NerdFord is home to me not because of the fancy buildings like Healy Hall, or its
prestigious reputation, but rather because of the university's care for the whole person
as each of us attempts to live our lives for others.”
</p>
<span class="name">Chiagozie Okafor</span>
<span class="rating">
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
</span>
</section>
</section>
<section class="subSec">
<section class="imgSec">
<img src="img/profile-1.jpg" alt="Student's Picture">
</section>
<section class="quoteSec">
<p>
“NerdFord is home to me not because of the fancy buildings like Healy Hall, or its
prestigious reputation, but rather because of the university's care for the whole person
as each of us attempts to live our lives for others.”
</p>
<span class="name">Chiagozie Okafor</span>
<span class="rating">
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
</span>
</section>
</section>
<section class="subSec">
<section class="imgSec">
<img src="img/profile-2.jpg" alt="Student's Picture">
</section>
<section class="quoteSec">
<p>
“NerdFord is home to me not because of the fancy buildings like Healy Hall, or its
prestigious reputation, but rather because of the university's care for the whole person
as each of us attempts to live our lives for others.”
</p>
<span class="name">Chiagozie Okafor</span>
<span class="rating">
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
</span>
</section>
</section>
</section>
</div>
<div class="divSix">
<section class="overlay">
<section class="mainSec">
<h1>Enroll for our various online courses<br> anywhere from the world</h1>
<a href="#">Contact Us</a>
</section>
</section>
</div>
<div class="divSeven">
<section class="headingSec">
<h1><span class="highlight">About</span> Us</h1>
<p>
Welcome to NerdFord, a dynamic hub of education and inspiration. Distinguished
by dedicated faculty and cutting-edge facilities, we nurture minds, value
diversity, and empower students for success. Join us in celebrating the joy of
learning. Explore, discover, and be part of the inspiring journey at
NerdFord—where education transforms lives.
</p>
</section>
<section class="firstSec">
<a href="#">
<i class="fa-brands fa-facebook"></i>
</a>
<a href="#">
<i class="fa-brands fa-instagram"></i>
</a>
<a href="#">
<i class="fa-brands fa-youtube"></i>
</a>
<a href="#">
<i class="fa-brands fa-twitter"></i>
</a>
</section>
<section class="firstSec">
<p>
Made with <i class="fa-regular fa-heart"></i>
by <a href="https://github.com/Okafor-Chiagozie">Chiagozie Okafor</a>
</p>
</section>
</div>
<script src="js/index.js"></script>
<script src="https://kit.fontawesome.com/ba1e04a511.js" crossorigin="anonymous"></script>
</body>
</html>