-
Notifications
You must be signed in to change notification settings - Fork 0
/
course.html.html
149 lines (127 loc) · 6.33 KB
/
course.html.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
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="with=device-width, initial-scale=1.0">
<title>University Website Design - Easy Tutorials</title>
<link rel="stylesheet" href="style.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=Ubuntu:wght@300;400;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css">
</head>
<body>
<section class="sub-header">
<nav>
<a href="index.html"><img src="image/logo.png"></a>
<div class="nav-links" id="navLinks">
<i class="fa -solid fa-circle-xmark" onclick="hideMenu()"></i>
<ul>
<li><a href="index.html">HOME</a></li>
<li><a href="about.html.html">ABOUT</a></li>
<li><a href="course.html.html">COURSE</a></li>
<li><a href="blog.html.html">BLOG</a></li>
<li><a href="contact.html.html">CONTACT</a></li>
</ul>
</div>
<i class="fa -solid fa-bars" onclick="showMenu()"></i>
</nav>
<h1>About Course</h1>
</section>
<!----------About Course------>
<section class="course">
<h1>Courses We Offer</h1>
<p>Video provides a powerful way to help you prove your point</p>
<div class="row">
<div class="course-col">
<h3>Senior High School Tracks</h3>
<p>Video provides a powerful way to help you prove your
point. When you click Online Video, you can paste
in the embed code for the video you want to add.
You can also type a keyword to search online for
the video that best fits your document.
</p>
</div>
<div class="course-col">
<h3>College Course</h3>
<p>Video provides a powerful way to help you prove your
point. When you click Online Video, you can paste
in the embed code for the video you want to add.
You can also type a keyword to search online for
the video that best fits your document.
</p>
</div>
<div class="course-col">
<h3>Post Graduation</h3>
<p>Video provides a powerful way to help you prove your
point. When you click Online Video, you can paste
in the embed code for the video you want to add.
You can also type a keyword to search online for
the video that best fits your document.
</p>
</div>
</div>
</section>
</section>
<!-----Facilities Section-->
<section class="facilities">
<h1>Our Facilities</h1>
<p>Video provides a powerful way to help you prove your point
Video provides a powerful way to help you prove your point
Video provides a powerful way to help you prove your point
</p>
<div class="row">
<div class="facilities-col">
<img src="image/library.png">
<h3>World Class Library</h3>
<p>Video provides a powerful way to help you prove your point
Video provides a powerful way to help you prove your point
Video provides a powerful way to help you prove your point
</p>
</div>
<div class="facilities-col">
<img src="image/basketball.png">
<h3>Largest Play Ground</h3>
<p>Video provides a powerful way to help you prove your point
Video provides a powerful way to help you prove your point
</p>
</div>
<div class="facilities-col">
<img src="image/cafeteria.png">
<h3>Tasty and Wealthy Food</h3>
<p>Video provides a powerful way to help you prove your point
Video provides a powerful way to help you prove your point
Video provides a powerful way to help you prove your point
</p>
</div>
</div>
</section>
<!-----Footer Section------>
<section class="footer">
<h4>About us</h4>
<p>Video provides a powerful way to help you prove your
point. When you click Online Video, you can paste
in the<br> embed codefor the video you want to add.
You can also type a keyword to search online for <br>
the video that best fits your document</p>
<div class="icons">
<i class="fa-brands fa-facebook"></i>
<i class="fa-solid fa-envelope"></i>
<i class="fa-brands fa-square-instagram"></i>
<i class="fa-regular fa-sausage"></i>
</div>
<nav class="sau">
<p>Developed by <a href="https://github.com/snowhyt">Snowhyt(oliverDev)</a> <br><img id="" src="icon/NEG-LOGO-dark.png"></p>
</nav>
</section>
<!-------JavaScript to Toggle------->
<script>
var navLinks = document.getElementById("navLinks");
function showMenu(){
navLinks.style.right = "0";
}
function hideMenu(){
navLinks.style.right = "-200px";
}
</script>
</body>
</html>