-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcourse.php
152 lines (145 loc) · 6.36 KB
/
course.php
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
<!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>Courses</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="phone.css">
<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="/OCAMS/man_home.php"><img src="image/Logo.png" alt="image"></a>
<div class="nav-links" id="navLinks">
<i class="fa fa-chevron-circle-left" onclick="hideMenu()"></i>
<ul>
<li><a href="/OCAMS/index.php">HOME</a></li>
<li><a href="/OCAMS/about.php">ABOUT</a></li>
<li><a href="/OCAMS/course.php">COURSE</a></li>
<li><a href="/OCAMS/admissions.php">ADMISSIONS</a></li>
<li><a href="/OCAMS/contact.php">CONTACT US</a></li>
</ul>
</div>
</nav>
<h1>Courses</h1>
</section>
<section class="course">
<h1>COURSES WE OFFER</h1>
<p>We offer Multiple courses for Students to Grow and fulfill their Dreams. All the courses are taught by the best Professors and Teachers. </p>
<div class="row">
<div class="course-col">
<h3>Bachelor of Engineering (B.E.)</h3>
<div class="stu-blog-right">
<div>
<span>Computer Engineering</span>
<span>120</span>
</div>
<div>
<span>Computer Science And Engineering (Data Science)</span>
<span>60</span>
</div>
<div>
<span>Computer Science And Engineering (AIML)</span>
<span>60</span>
</div>
<div>
<span>Computer Science And Engineering (IOT)</span>
<span>60</span>
</div>
<div>
<span>Electrical Engineering</span>
<span>60</span>
</div>
<div>
<span>Electronics and Telecommunication <br> Engineering</span>
<span>60</span>
</div>
<div>
<span>Mechinacal Engineering</span>
<span>120</span>
</div>
</div>
</div>
<div class="course-col">
<h3>Master of Engineering (M.E.)</h3>
<div class="stu-blog-right">
<div>
<span>Computer Engineering</span>
<span>09</span>
</div>
<div>
<span>Mechanical Engineering</span>
<span>18</span>
</div>
</div>
</div>
<div class="course-col">
<h3>Ph.D. Program</h3>
<div class="stu-blog-right">
<div>
<span>Ph.D. (Mechanical Engineering)</span>
<span>25</span>
</div>
<div>
<span>Ph.D. (Computer Engineering)</span>
<span>10</span>
</div>
</div>
</div>
</div>
</section>
<section class="facilities">
<h1>OUR FACILITIES</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Non provident architecto cumque corporis perferendis, ex id ab voluptate suscipit voluptatibus quod praesentium reprehenderit.</p>
<div class="row">
<div class="facilities-col">
<img src="image/canteen.jpg" alt="image">
<h3>World Best Canteen</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ea reiciendis molestiae, ipsam, debitis suscipit et earum fuga itaque possimus officia similique laboriosam veniam harum modi alias doloribus eligendi, quae temporibus.</p>
</div>
<div class="facilities-col">
<img src="image/ground2.jpg" alt="image">
<h3>World Best Sports Ground</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ea reiciendis molestiae, ipsam, debitis suscipit et earum fuga itaque possimus officia similique laboriosam veniam harum modi alias doloribus eligendi, quae temporibus.</p>
</div>
<div class="facilities-col">
<img src="image/shunya-koide-1emWndlDHs0-unsplash.jpg" alt="image">
<h3>World Best Library</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ea reiciendis molestiae, ipsam, debitis suscipit et earum fuga itaque possimus officia similique laboriosam veniam harum modi alias doloribus eligendi, quae temporibus.</p>
</div>
</div>
</section>
<footer>
<h4>About Us</h4>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. At blanditiis dolore veniam. Facilis fuga porro enim ipsa laudantium hic temporibus rerum saepe iste <br> animi repudiandae amet delectus, harum reprehenderit velit, perferendis architecto
sunt. Obcaecati.</p>
<div class="icons">
<i class="fa fa-facebook"></i>
<i class="fa fa-twitter"></i>
<i class="fa fa-instagram"></i>
<i class="fa fa-linkedin"></i>
</div>
</footer>
<script>
var navLinks = document.getElementById("navLinks");
function showMenu() {
navLinks.style.right = "0px";
}
function hideMenu() {
navLinks.style.right = "-200px";
}
var icon = document.getElementById("icon");
icon.onclick = function() {
document.body.classList.toggle("dark-theme");
if (document.body.classList.contains("dark-theme")) {
icon.src = "image/sun.png";
} else {
icon.src = "image/moon.png";
}
}
</script>
</body>
</html>