-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcourse.html
143 lines (129 loc) · 4.46 KB
/
course.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>College Website</title>
<link href="style.css" rel="stylesheet" />
<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@400;500;700&display=swap"
rel="stylesheet"
/>
<link
rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"
/>
</head>
<body>
<section class="sub-header">
<nav>
<a href="index.html"><img src="Images/logo.png" alt="" /></a>
<div class="nav-links" id="navLinks">
<i class="fa fa-times" onclick="hideMenu()"></i>
<ul>
<li><a href="index.html">HOME</a></li>
<li><a href="about.html">ABOUT</a></li>
<li><a href="course.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 fa-bars" onclick="showMenu()"></i>
</nav>
<h1>Our Courses</h1>
</section>
<!--OUR Courses-->
<section class="course">
<h1>Courses We Offer</h1>
<p>Learn At Leading University Of Country.</p>
<div class="row">
<div class="course-col">
<h3>Intermediate</h3>
<p>
Gain essential skills and hands-on experience through our focused
diploma program, paving the way for a successful career in your
chosen field.
</p>
</div>
<div class="course-col">
<h3>Degree</h3>
<p>
Discover endless opportunities with our degree program, designed to
equip you with the skills and knowledge to excel in your field of
choice.
</p>
</div>
<div class="course-col">
<h3>Post Graduation</h3>
<p>
Accelerate your career with our focused postgraduate program,
designed to deepen expertise and open doors to new opportunities in
your field.
</p>
</div>
</div>
</section>
<!--facilities-->
<section class="facilities">
<h1>Our Facilities</h1>
<p>Our University offers a variety of facilities mentioned below.</p>
<div class="row">
<div class="facilities-col">
<img src="Images/library.jpg" alt="" />
<h3>World Class Library</h3>
<p>
At our university, the library serves as a hub of knowledge and
innovation, offering extensive resources and a supportive
environment for academic exploration and research.
</p>
</div>
<div class="facilities-col">
<img src="Images/basketball.jpg" alt="" />
<h3>Largest Playground</h3>
<p>
Experience our expansive playing grounds, where students unwind and
engage in sports, fostering a vibrant community of health.
</p>
</div>
<div class="facilities-col">
<img src="Images/cafeteria.jpg" alt="" />
<h3>Tasty And Healthy Food</h3>
<p>
Indulge in a variety of delicious meals at our university canteen,
offering a cozy and welcoming atmosphere perfect for students to
relax and recharge.
</p>
</div>
</div>
</section>
<!--Footer-->
<section class="footer">
<h4>About Us</h4>
<p>
Stanford University is a leading research institution known for its
innovation and academic excellence. <br />Located in the heart of
Silicon Valley, Stanford fosters a dynamic learning environment where
students, faculty, and researchers collaborate to tackle global
challenges and drive positive change.
</p>
<div class="icons">
<i class="fa fa-facebook"></i>
<i class="fa fa-instagram"></i>
<i class="fa fa-linkedin"></i>
<i class="fa fa-twitter"></i>
</div>
</section>
<!--javascript for toggle menu-->
<script>
var navLinks = document.getElementById("navLinks");
function showMenu() {
navLinks.style.right = "0";
}
function hideMenu() {
navLinks.style.right = "-200px";
}
</script>
</body>
</html>