forked from juhinagpure/Eduford-university
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
207 lines (184 loc) · 9.18 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
<!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">
<link rel="stylesheet" href="style.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<script src="https://kit.fontawesome.com/628003722a.js" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/gh/studio-freight/[email protected]/bundled/lenis.min.js"></script>
<link
href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;0,300;0,400;0,500;0,700;0,800;0,900;1,700&display=swap"
rel="stylesheet">
<link rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/@fortawesome/[email protected]/css/fontawesome.min.css">
<link rel="stylesheet" href="index.css">
<title>EDUFORD UNIVERSITY WEBSITE</title>
</head>
<body>
<section class="header">
<nav><a href="index.html"><img src="./eduford_img/logo.png" alt=""></a>
<div class="nav-links" id=" navLinks">
<i class="fa-sharp fa-solid fa-xmark" onclick="hideMenu()"></i>
<ul>
<li class="active-nav"><a href="index.html">HOME</a></li>
<li><a href="about.html">ABOUT</a></li>
<li><a href="contact.html">COURSE</a></li>
<li><a href="blog.html">BLOG</a></li>
<li><a href="contact.html">CONTACT</a></li>
</ul>
</div><i class="fa-solid fa-bars" onclick="showMenu()"></i>
</nav>
<div class="text-box">
<h1>World's Biggest University</h1>
<p>Education is essential in today's world. Explore the latest advancements and upcoming languages at our university. Dive into programming and much more.
</p><a href="contact.html"
class="hero-btn">Visit Us To Know More</a>
</div>
</section>
<!-- Course -->
<section class="course">
<h1>Courses We Offer</h1>
<p>This is the main classes we provide at our university </p>
<div class="row">
<div class="course-col car">
<h3>Computer science</h3>
<p>This class typically covers fundamental concepts in computer science such as algorithms, data structures, programming languages, and software engineering principles. Students may learn programming and gain skills in problem-solving and logical thinking.</p>
</div>
<div class="course-col car">
<h3>Principles of Economics:</h3>
<p>This class introduces students to basic economic principles such as supply and market structures, and theories of consumer behavior. It provides a foundation for understanding economic systems and decision-making at both individual and societal levels.</p>
</div>
<div class="course-col car">
<h3>Introduction to Psychology</h3>
<p>This class explores the fundamentals of psychology including topics such as human development and mental health. Students may learn about different theoretical perspectives in psychology and how research methods are used to study behavior and mental processes.</p>
</div>
</div>
</section>
<!-- campus -->
<section class="campus">
<h1>Our Global Campus</h1>
<p>Empowering communities locally and globally through our diverse range of campaigns. </p>
<div class="row">
<div class="campus-col"><img src="./eduford_img/london.png">
<div class="layer">
<h3>LONDON</h3>
</div>
</div>
<div class="campus-col"><img src="./eduford_img/newyork.png">
<div class="layer">
<h3>NEW YORK</h3>
</div>
</div>
<div class="campus-col"><img src="./eduford_img/washington.png">
<div class="layer">
<h3>WASHINGTON</h3>
</div>
</div>
</div>
</section>
<!-- facilities -->
<section class="facilities">
<h1>Our facilities</h1>
<p>Our university boasts state-of-the-art facilities equipped with cutting-edge technology
</p>
<div class="row">
<div class="facilities-col car">
<img src="./eduford_img/library.png" alt="">
<h3>World Class Library</h3>
<p>Our world-class library offers a vast collection of books, journals, and digital resources from around the globe, providing a sanctuary for learning.</p>
</div>
<div class="facilities-col car">
<img src="./eduford_img/basketball.png" alt="">
<h3>Athletic Excellence</h3>
<p>Our premier basketball playground, featuring state-of-art facilities, fosters athletic prowess and sportsmanship and fostering a love for the game..</p>
</div>
<div class="facilities-col car">
<img src="./eduford_img/cafeteria.png" alt="">
<h3>Culinary Oasis of Diversity</h3>
<p>Our cafeteria offers a diverse range of global cuisines, fostering a welcoming atmosphere that nourishes both body and spirit.</p>
</div>
</div>
</section>
<!-- testmonials -->
<section class="testimonials">
<h1>What Our Students Says</h1>
<p>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="row">
<div class="testimonials-col car">
<img src="./eduford_img/user1.jpg" alt="">
<div>
<p>“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>Christine Berkley</h3>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</div>
</div>
<div class="testimonials-col car">
<img src="./eduford_img/user2.jpg" alt="">
<div>
<p>
“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>David Byer</h3>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-half-o"></i>
</div>
</div>
</div>
</section>
<!-- call the action -->
<section class="cta">
<h1>Enroll for Our Various Online Courses <br>Anywhere From The World</h1>
<a href="contact.html" class="hero-btn">CONTACT US</a>
</section>
<!-- Footer -->
<section class="footer">
<h4>About Us</h4>
<p>Welcome to our university, where academic excellence meets vibrant campus life. Join our <br>
diverse community of learners and discover endless opportunities for growth, innovation, and success.</p>
<div class="icons">
<a style="margin: 2px; color: blue;" href="https://www.facebook.com/"><i class="fa-brands fa-facebook"></i></a>
<a style="margin: 2px; color: #1DA1F2;" href="https://twitter.com/"><i class="fa-brands fa-twitter"></i></a>
<a style="margin: 2px; color: #C13584;" href="https://www.instagram.com/"><i class="fa-brands fa-instagram"></i></a>
<a style="margin: 2px; color: #0077B5;" href="https://www.linkedin.com/"><i class="fa-brands fa-linkedin"></i></a>
</div>
<p>made with <i class="fa-regular fa-heart"></i> By Juhi
</p>
</section>
<!-- javascript for toggle menu -->
<script>
var navLinks = document.getElementById("navLinks");
function showMenu() {
navLinks.style.right = "0";
}
function hideMenu() {
navLinks.style.right = "-200px";
}
</script>
<!-- Lenis smooth and premium scroll behavior -->
<script>
const lenis = new Lenis({
duration: 1.2,
easing: (t) => (t === 1 ? 1 : 1 - Math.pow(2, -10 * t)),
direction: "vertical",
gestureDirection: "vertical",
smooth: true,
smoothTouch: false,
touchMultiplier: 2,
});
function raf(time) {
lenis.raf(time);
requestAnimationFrame(raf);
}
requestAnimationFrame(raf);
</script>
</body>
</html>