-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
76 lines (68 loc) · 3.01 KB
/
about.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
<!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">
<link rel="stylesheet" href="./style.css">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;600;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="icon" type="image/png" href="./Asserts/logo.png">
<title>DCU - About</title>
</head>
<body>
<section class="sub-header">
<nav>
<a href='index.html'><img src="./Asserts/logo.png"></a>
<div class="nav-links" id="navLinks">
<i class="fa fa-times-circle-o" 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>About Us</h1>
</section>
<!-- about us content -->
<section class="about-us">
<div class="row">
<div class="about-col">
<h1>We are the world's largest university</h1>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quaerat, illo. Accusantium, placeat possimus. Dolores velit incidunt in natus ducimus dignissimos doloremque sint nihil nisi provident dicta amet sit nemo quod illum est iusto voluptates facere enim veniam, soluta nam aliquid.</p>
<a href="#" class="btn red-btn">Explore now</a>
</div>
<div class="about-col">
<img src="./Asserts/about.jpg" alt="">
</div>
</div>
</section>
<!-- footer -->
<section class="footer">
<h4>About Us</h4>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Provident nihil aut earum temporibus similique illo consectetur placeat at ab molestias.</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>
<p>Made with <i class="fa fa-heart-o"></i> by HTML | CSS | JS</p>
</section>
<script>
// js for toggle menu
var navLinks = document.getElementById ("navLinks");
function showMenu () {
navLinks.style.right = "0";
}
function hideMenu () {
navLinks.style.right = "-200px";
}
</script>
</body>
</html>