-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
164 lines (145 loc) · 6.32 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
<!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>University Website</title>
<link rel="stylesheet" href="style.css" />
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/css/all.min.css" rel="stylesheet"> <!--load all styles -->
</head>
<body>
<section class="header">
<nav>
<a href="index.html"><img src="logo.jpg"></a>
<div class="nav-links">
<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>
</nav>
<div class="text-box">
<h1>World's Biggest University</h1>
<p>
an institution of higher learning providing facilities for teaching and research and authorized to grant academic degrees specifically : one made up of an undergraduate division which confers bachelor's degrees and a graduate division which comprises a graduate school and professional schools each of which may
</p>
<a href="" class="hero-btn">Visit Us To Know More</a>
</div>
</section>
<!-- course -->
<section class="course">
<h1>Courses We Offer</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad praesentium fuga eius dolorem quibusdam ipsa sunt ipsam, tempora numquam modi molestiae impedit nostrum nam soluta sapiente quae a pariatur rem.
</p>
<div class="row">
<div class="course-col">
<h3>Intermediate</h3>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo iure ipsam eius quo quos? Nobis sint accusamus obcaecati rerum, et velit sapiente odit harum, ipsum adipisci nostrum iure tenetur tempore.</p>
</div>
<div class="course-col">
<h3>Degree</h3>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo iure ipsam eius quo quos? Nobis sint accusamus obcaecati rerum, et velit sapiente odit harum, ipsum adipisci nostrum iure tenetur tempore.</p>
</div>
<div class="course-col">
<h3>Post Graduation</h3>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo iure ipsam eius quo quos? Nobis sint accusamus obcaecati rerum, et velit sapiente odit harum, ipsum adipisci nostrum iure tenetur tempore.</p>
</div>
</div>
</section>
<!-- campus -->
<section class="campus">
<h1>Our Global Campus</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
<div class="row">
<div class="campus-col">
<img src="campus.jpeg">
<div class="layer">
<h3>LONDON</h3>
</div>
</div>
<div class="campus-col">
<img src="newyork.jpeg">
<div class="layer">
<h3>NEW YORK</h3>
</div>
</div>
<div class="campus-col">
<img src="syd.jpeg">
<div class="layer">
<h3>SYDNEY</h3>
</div>
</div>
</div>
</section>
<!-- facilities -->
<section class="facilities">
<h1>Our Facilities</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
<div class="row">
<div class="facilities-col">
<img src="lib.jpeg">
<h3>World Class Library</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatem optio aut magni quas reiciendis aliquam quibusdam quisquam harum eaque saepe voluptatum similique tenetur quod ea, illo maxime adipisci temporibus omnis!</p>
</div>
<div class="facilities-col">
<img src="basketball.webp">
<h3>Largest Playground</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatem optio aut magni quas reiciendis aliquam quibusdam quisquam harum eaque saepe voluptatum similique tenetur quod ea, illo maxime adipisci temporibus omnis!</p>
</div>
<div class="facilities-col">
<img src="cc.jpeg">
<h3>Tasty and Healthy Food</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatem optio aut magni quas reiciendis aliquam quibusdam quisquam harum eaque saepe voluptatum similique tenetur quod ea, illo maxime adipisci temporibus omnis!</p>
</div>
</div>
</section>
<!-- Testimonials -->
<section class="Testimonials">
<h1>Testimonials</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
<div class="row">
<div class="testimonial-col">
<img src="stud1.jpeg">
<div>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Excepturi possimus quam assumenda quos. Magni provident dolor nobis eveniet nulla, ipsa enim aliquid quibusdam! Soluta, ipsa! Ipsum reiciendis ab tempora repudiandae!</p>
<h3>Chloe Watson</h3>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
</div>
</div>
<div class="testimonial-col">
<img src="stud2.png">
<div>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Excepturi possimus quam assumenda quos. Magni provident dolor nobis eveniet nulla, ipsa enim aliquid quibusdam! Soluta, ipsa! Ipsum reiciendis ab tempora repudiandae!</p>
<h3>Finn Paul</h3>
</div>
</div>
</div>
</section>
<!-- Call To Action -->
<section class="cta">
<h1>Enroll For Our Various Online Courses <br>Anywhere From The World </h1>
<a href="" class="hero-btn">CONTACT US</a>
</section>
<!-- Footer -->
<section class="footer">
<h4>About Us</h4>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Ipsa asperiores minus, tempore vitae accusantium facilis, voluptatem rerum voluptatum ducimus officiis odio!<br> Maxime debitis vel reprehenderit cupiditate fugiat nobis officiis pariatur.</p>
<div class="icons">
<i class="fa-solid fa-facebook"></i>
<i class="fa-solid fa-twitter"></i>
<i class="fa-solid fa-instagram"></i>
<i class="fa-solid fa-linkedin"></i>
</div>
<p>Made with <i class="fa-solid fa-heart-o">by Shlok Gupta</i></p>
</section>
</body>
</html>