-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex2.html
120 lines (107 loc) · 5.16 KB
/
index2.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
<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="index.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=Poppins:wght@400;600&display=swap" rel="stylesheet">
<!-- <script src="https://kit.fontawesome.com/yourcode.js" crossorigin="anonymous"></script> -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<section class="sub-header">
<nav>
<a href="index.html"><img src="logo.png" alt="logo"></a>
<div class="nav-links">
<ul>
<li><a href="index.html">HOME</a></li>
<li><a href="index1.html">ABOUT</a></li>
<li><a href="index2.html">COURSE</a></li>
<li><a href="">BLOG</a></li>
<li><a href="">CONTACT</a></li>
</ul>
</div>
</nav>
<h1>Our Courses</h1>
</section>
<!-- ------Course------ -->
<section class="course">
<h1>Courses We Offer</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
<div class="row">
<div class="course-col">
<h3>Intermediate</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ratione quibusdam rem repellendus quo
expedita laborum neque, eligendi nobis libero. Obcaecati optio eaque omnis voluptate, eos
necessitatibus explicabo delectus quo saepe temporibus, illo architecto dignissimos.</p>
</div>
<div class="course-col">
<h3>Degree</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ratione quibusdam rem repellendus quo
expedita laborum neque, eligendi nobis libero. Obcaecati optio eaque omnis voluptate, eos
necessitatibus explicabo delectus quo saepe temporibus, illo architecto dignissimos.</p>
</div>
<div class="course-col">
<h3>Post Graduation</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ratione quibusdam rem repellendus quo
expedita laborum neque, eligendi nobis libero. Obcaecati optio eaque omnis voluptate, eos
necessitatibus explicabo delectus quo saepe temporibus, illo architecto dignissimos.</p>
</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="library.png" alt="Library">
<!-- <div class="flayer">
<h3>Do Study</h3>
</div> -->
<h3>World Class Library</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nisi minus veritatis temporibus laboriosam
incidunt alias!</p>
</div>
<div class="facilities-col">
<img src="basketball.png" alt="Basket Ball">
<!-- <div class="flayer">
<h3>Sports</h3>
</div> -->
<h3>Largest Play Ground</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nisi minus veritatis temporibus laboriosam
incidunt alias!</p>
</div>
<div class="facilities-col">
<img src="cafeteria.png" alt="Library">
<!-- <div class="flayer">
<h3>Cantin</h3>
</div> -->
<h3>Tasty & Healthy Food</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nisi minus veritatis temporibus laboriosam
incidunt alias!</p>
</div>
</div>
</section>
<!-- -------Footer------ -->
<section class="footer">
<h4>About Us</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dicta rem, omnis quisquam ipsa quis, voluptatibus,
harum quibusdam nesciunt dignissimos suscipit voluptate? <br> Quibusdam sint molestiae culpa enim doloremque
reiciendis perferendis veniam!</p>
<div class="icon">
<!-- <i class="fas fa-facebook"></i> -->
<i class="fa fa-car"></i>
<!-- <i class="fas fa-cat"></i> -->
<!-- <i class="fas fa-instagram"></i> -->
<i class="fa fa-cloud"></i>
<i class="fa fa-file"></i>
<i class="fa fa-bars"></i>
</div>
<p>Made with <i class="fa fa-car"></i> by Easy Tutorials </p>
</section>
</body>
</html>