-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
267 lines (267 loc) · 11.2 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
<!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>Eduford</title>
<link
rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"
/>
<link rel="stylesheet" href="css/style.css" />
</head>
<body class="home">
<!-- Header start -->
<header class="header">
<nav class="navbar">
<a href="index.html" class="navbar__logo">
<img src="/images/logo.png" alt="logo" />
</a>
<ul class="navbar__list" id="navbar__list">
<li class="navbar__item">
<i class="fa fa-times" onclick="hideMenu()"></i>
</li>
<li class="navbar__item navbar__item--active">
<a href="index.html" class="navbar__link">home</a>
</li>
<li class="navbar__item">
<a href="about.html" class="navbar__link">about</a>
</li>
<li class="navbar__item">
<a href="course.html" class="navbar__link">course</a>
</li>
<li class="navbar__item">
<a href="blog.html" class="navbar__link">blog</a>
</li>
<li class="navbar__item">
<a href="contact.html" class="navbar__link">contact</a>
</li>
</ul>
<i class="fa fa-bars" onclick="showMenu()"></i>
</nav>
<div class="hero-text">
<h1 class="heading-1 heading-1--white mb-md">
World's Biggest University
</h1>
<p class="paragraph paragraph--white mb-lg">
We’re a leading research university with a heart. Founded in the
decade that the U.S. Constitution was signed, we’re the nation’s
oldest Catholic and Jesuit university. Today we’re a forward-looking,
diverse community devoted to social justice, restless inquiry and
respect for each person’s individual needs and talents..
</p>
<button class="btn">Visit Us To Know More</button>
</div>
</header>
<!-- Header end -->
<!-- Courses start -->
<section class="courses">
<h2 class="heading-2 mb-sm">Courses we offer</h2>
<p class="paragraph mb-lg">
Explore the intersection of technology and society. Learn about
environmental justice. Take the famous Problem of God course. Our
innovative courses inspire and invite you to help solve some of today’s
most pressing local, national and global issues.
</p>
<div class="courses__list">
<div class="courses__item">
<h3 class="heading-3 mb-sm">Undergraduate Programs</h3>
<p class="paragraph">
For decades, Eduford 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>
</div>
<div class="courses__item">
<h3 class="heading-3 mb-sm">Graduate Programs</h3>
<p class="paragraph">
Building on our strong roots in leadership, health care and
education, Eduford 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 Eduford College Community Psychology
Master's program will help you to meet your goals of becoming a
Licensed Professional Counselor
</p>
</div>
<div class="courses__item">
<h3 class="heading-3 mb-sm">Post Graduation</h3>
<p class="paragraph">
The Eduford, 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 Eduford College Community Psychology Master's program
will help you to meet your goals of becoming a Licensed Professional
Counselor.
</p>
</div>
</div>
</section>
<!-- Courses end -->
<!-- Compus start -->
<section class="compus">
<h2 class="heading-2 mb-sm">Our Global Campus</h2>
<p class="paragraph mb-md">
The University of Hartford's main campus is located on Bloomfield
Avenue. Surrounded by green space, the main campus is divided into
residential and academic buildings connected by a bridge that overlooks
the north branch of the Park River, known to us as Hog River.
</p>
<div class="compus__images">
<div class="compus__image">
<img src="/images/london.png" alt="compus image" />
<div class="compus__image-overlay">
<h4 class="heading-4 heading-4--white">LONDON</h4>
</div>
</div>
<div class="compus__image">
<img src="/images/newyork.png" alt="compus image" />
<div class="compus__image-overlay">
<h4 class="heading-4 heading-4--white">NEWYORK</h4>
</div>
</div>
<div class="compus__image">
<img src="/images/washington.png" alt="compus image" />
<div class="compus__image-overlay">
<h4 class="heading-4 heading-4--white">WASHINGTON</h4>
</div>
</div>
</div>
</section>
<!-- Compus end -->
<!-- Facilities start -->
<section class="facilities">
<h2 class="heading-2 mb-sm ta-c">Our Facilities</h2>
<p class="paragraph mb-lg ta-c">
We commit to meet the financial need of every admitted undergraduate
student. We don’t consider your ability to pay when we review your
application, and we don’t base our decision on whether you can cover the
cost. If you’re accepted here, you belong here.
</p>
<div class="facilities__list">
<div class="facilities__item">
<div class="facilities__image mb-sm">
<img src="/images/library.png" alt="library" />
</div>
<h3 class="heading-3 mb-sm">Undergraduate Programs</h3>
<p class="paragraph">
For decades, Eduford 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>
</div>
<div class="facilities__item">
<div class="facilities__image mb-sm">
<img src="/images/basketball.png" alt="basketball" />
</div>
<h3 class="heading-3 mb-sm">Graduate Programs</h3>
<p class="paragraph">
Building on our strong roots in leadership, health care and
education, Eduford 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 Eduford College Community Psychology
Master's program will help you to meet your goals of becoming a
Licensed Professional Counselor
</p>
</div>
<div class="facilities__item">
<div class="facilities__image mb-sm">
<img src="/images/cafeteria.png" alt="cafeteria" />
</div>
<h3 class="heading-3 mb-sm">Post Graduation</h3>
<p class="paragraph">
The Eduford, 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 Eduford College Community Psychology Master's program
will help you to meet your goals of becoming a Licensed Professional
Counselor.
</p>
</div>
</div>
</section>
<!-- Facilities end -->
<!-- Testimonials start -->
<section class="testimonials">
<h2 class="heading-2 mb-sm ta-c">What Our Student Says</h2>
<p class="paragraph mb-lg ta-c">
We commit to meet the financial need of every admitted undergraduate
student. We don’t consider your ability to pay when we review your
application, and we don’t base our decision on whether you can cover the
cost. If you’re accepted here, you belong here.
</p>
<div class="testimonials__list">
<div class="testimonials__item">
<div class="testimonials__image">
<img src="/images/user1.jpg" alt="Anamika Saha" />
</div>
<div>
<p class="paragraph mb-sm">
“Eduford 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>
<h3 class="heading-3">Anamika Saha</h3>
</div>
</div>
<div class="testimonials__item">
<div class="testimonials__image">
<img src="/images/user2.jpg" alt="Abhishek Roy" />
</div>
<div>
<p class="paragraph mb-sm">
“It’s likely that you will come to love some of the most amazing
souls this campus has to offer. That love may come in the form of
friendships that you know will last forever.”
</p>
<h3 class="heading-3">Abhishek Roy</h3>
</div>
</div>
</div>
</section>
<!-- Testimonials end -->
<!-- Contact start -->
<section class="contact-info">
<h1 class="heading-2 heading-2--white mb-lg">
Enroll For Our Various Online Courses
</h1>
<h1 class="heading-2 heading-2--white mb-lg">Anywhere from the World</h1>
<button class="btn">Contact Us</button>
</section>
<!-- Contact end -->
<!-- Footer start -->
<section class="footer">
<h3 class="heading-3 mb-lg">About Us</h3>
<p class="paragraph mb-lg">
We’re a leading research university with a heart. Founded in the decade
that the U.S. Constitution was signed, we’re the nation’s oldest
Catholic and Jesuit university. We’re a community of people who bridge
our disparate experiences and identities. Meet the people and places
that make Eduford home.
</p>
<p class="paragraph mb-sm">
Made by
<a href="https://www.linkedin.com/in/yousef-elshabrawy-965a69197/"
>Yousef Elshabrawy</a
>
</p>
</section>
<!-- Footer end -->
<script>
const nav = document.getElementById('navbar__list');
function showMenu() {
nav.style.right = '0px';
}
function hideMenu() {
nav.style.right = '-60rem';
}
</script>
</body>
</html>