-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.php
85 lines (74 loc) · 3.5 KB
/
about.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
<!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>About Us</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>About us</h1>
</section>
<section class="about-us">
<div class="row">
<div class="about-col">
<h1>We are Navi Mumbai's Best College of Engineering</h1>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Animi consequuntur, libero nam natus modi ab, ullam quae non unde voluptates velit facilis saepe voluptatum iure cupiditate quo repellendus deserunt necessitatibus sint dolore accusantium
repudiandae, veritatis rerum! Accusantium modi, explicabo accusamus dolore sapiente provident eius quibusdam voluptatibus quas possimus aliquid sint porro quia esse nihil natus similique ad? Tempora, unde. Veniam, earum accusantium
soluta magni ad repellat dolorem, natus nemo, autem sed nihil rem. Odit autem consequatur deleniti dolore labore, eius architecto beatae nisi laudantium commodi, animi in suscipit ab recusandae eveniet incidunt, ad ducimus cumque aliquam
vel minima? Natus, debitis?</p>
<a href="/OCAMS/contact.php" class="hero-btns ">Contact Us</a>
</div>
<div class="about-col">
<img src="image/meating.jpg" alt="image">
</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>