-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
202 lines (195 loc) · 8.33 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css"
integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA=="
crossorigin="anonymous"
referrerpolicy="no-referrer"
/>
<link rel="stylesheet" href="style.css" />
<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=Roboto:wght@100;300;400;500;700&display=swap"
rel="stylesheet"
/>
<script src="index.js" defer></script>
<title>University website</title>
</head>
<body>
<section class="hero-bg">
<header>
<nav>
<a href="#"
><img src="/eduford_img/logo.png" alt="university logo"
/></a>
<div class="nav-links">
<i class="fa-solid fa-xmark fa" onclick="hideMenu()"></i>
<ul>
<li><a href="#">HOME</a></li>
<li><a href="#">ABOUT</a></li>
<li><a href="#">COURSE</a></li>
<li><a href="#">BLOG</a></li>
<li><a href="#">CONTACT</a></li>
</ul>
</div>
<i class="fa-solid fa-bars fa" onclick="showMenu()"></i>
</nav>
</header>
<div class="hero">
<h1 class="hero__title">Topmost University</h1>
<p class="hero__text">
Welcome to Eduford University, where intellectual curiosity meets
limitless possibilities. As a beacon of higher learning, our esteemed
institution stands at the forefront of academic excellence,
innovation, and personal growth.
</p>
<a href="#" class="cta">Visit Us For More Details</a>
</div>
</section>
<!-- Courses -->
<section class="container">
<div class="courses-text heading">
<h1>Our Courses</h1>
<p>
Eduford offers a wide array of courses across various disciplines,
ensuring that you can find a program that aligns with your interests
and career goals.
</p>
</div>
<div class="courses-list row">
<div class="course-col col">
<h2>Undergraduate</h2>
<p>
Undergraduate courses at Oxford typically follow a three-year
structure for most subjects. Some courses, such as Medicine, may
have a longer duration.
</p>
</div>
<div class="course-col col">
<h2>Degree</h2>
<p>
Eduford offers graduate courses in a wide range of disciplines,
spanning humanities, social sciences, natural sciences, engineering,
and more.
</p>
</div>
<div class="course-col col">
<h2>Post Graduate</h2>
<p>
Eduford offers a variety of graduate-level courses, including
master's degrees (MSc, MPhil, etc.), doctoral degrees (PhD, DPhil),
and professional degrees (such as MBA, Law, Medicine, etc.).
</p>
</div>
</div>
</section>
<!-- Campus -->
<section class="container">
<div class="campus heading">
<h1>Our International Campus</h1>
<p>
Eduford is made up of over 3 individual colleges, each with its own
unique character, history, and facilities.
</p>
</div>
<div class="row">
<div class="campus-col">
<img src="/eduford_img/wonderlane-6zlgM-GUd6I-unsplash.jpg" alt="" />
<div class="layer">
<h2>LONDON</h2>
</div>
</div>
<div class="campus-col">
<img src="/eduford_img/ryan-jacobson-cXUOQWdRV4I-unsplash.jpg" alt="" />
<div class="layer">
<h2>NEW YORK</h2>
</div>
</div>
<div class="campus-col">
<img src="/eduford_img/adrien-olichon-z8XO8BfqpYc-unsplash.jpg" alt="" />
<div class="layer">
<h2>WASHINGTON</h2>
</div>
</div>
</div>
</section>
<!-- Facilities -->
<section class="container">
<div class="facilities heading">
<h2>Our Culture Rich Facilities</h2>
<p>Eduford is rich in history and boasts iconic landmarks such as the Radcliffe Camera, the Sheldonian Theatre, and the University Church of St Mary the Oceans</p>
</div>
<div class="row">
<div class="facility-col col">
<img src="/eduford_img/library.png" alt="library">
<h3>State of the art library</h3>
<p>The Boldeens Library, one of the oldest and most renowned libraries in the world, serves as the main research library for the university.</p>
</div>
<div class="facility-col col">
<img src="/eduford_img/cafeteria.png" alt="cafeteria">
<h3>Clean and Serene Cafeteria</h3>
<p>Our cafeteria provides a range of options, from quick bites to full meals, and they are often popular spots for students to gather, socialize, and study.</p>
</div>
<div class="facility-col col">
<img src="/eduford_img/basketball.png" alt="sport">
<h3>State of the Sport Facilities</h3>
<p>Eduford offers a variety of sports facilities, including gyms, sports halls, swimming pools, outdoor sports fields, and more.</p>
</div>
</div>
</section>
<!-- Testimonies -->
<section class="container">
<div class="testimonies heading">
<h2>Student Testimonies</h2>
<p>Eduford's international reputation draws students from around the world, creating a diverse and multicultural environment that enriches perspectives and experiences. Beyond academics, Oxford offers a wide range of extracurricular activities, clubs, societies, and events. </p>
</div>
<div class="row">
<div class="testimonies-col col">
<img src="/eduford_img/user1.jpg" alt="student1">
<div class="testify">
<p>As a recent graduate of the University of Oxford, I can confidently say that my time at this esteemed institution has been nothing short of transformative.</p>
<h3>Angela Duke</h3>
<i class="fa-solid fa-star star"></i>
<i class="fa-solid fa-star star"></i>
<i class="fa-solid fa-star star"></i>
<i class="fa-solid fa-star star"></i>
<i class="fa-solid fa-star-half-stroke star"></i>
</div>
</div>
<div class="testimonies-col col">
<img src="/eduford_img/user2.jpg" alt="student2">
<div class="testify">
<p>From the moment I set foot in Oxford, I was captivated by the historic charm of the city and the palpable aura of academic excellence that permeates every corner.</p>
<h3>Henry Sanders</h3>
<i class="fa-solid fa-star star"></i>
<i class="fa-solid fa-star star"></i>
<i class="fa-solid fa-star star"></i>
<i class="fa-solid fa-star star"></i>
<i class="fa-regular fa-star star"></i>
</div>
</div>
</div>
</section>
<section class="register container">
<h1>Enroll to Our Various Graduate Courses</h1>
<a href="#" class="cta">CONTACT US</a>
</section>
<!-- Footer -->
<footer class="container footer">
<h1>About Us</h1>
<p>Studying at Eduford provides you with the opportunity to connect with a global network of alumni, <br> many of whom have gone on to make significant contributions in various fields.</p>
<div class="icons">
<i class="fa-brands fa-facebook"></i>
<i class="fa-brands fa-square-twitter"></i>
<i class="fa-brands fa-square-instagram"></i>
<i class="fa-brands fa-linkedin"></i>
</div>
<h3>Made with <i class="fa-solid fa-heart"></i> by Joyce</h3>
</footer>
</body>
</html>