-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
83 lines (72 loc) · 3.13 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
77
78
79
80
81
82
83
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="styles.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css" rel="stylesheet">
<title>Full responsive multipage website</title>
</head>
<body>
<!-- header -->
<section class="sub-header">
<nav>
<a href="index.html"><img src="./public/images/logo.png"></a>
<div class="nav-links" id="navLinks">
<i class="bi bi-x-lg" 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="bi bi-list" 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. Voluptas, totam porro? Ducimus libero
sapiente, atque reprehenderit modi, officia dolorem qui, voluptas nulla repellendus tenetur
veritatis fuga quaerat aperiam! Inventore accusantium, ipsum, optio illo voluptatibus blanditiis
similique laboriosam quam praesentium nobis minima sit. Dolores sit animi deserunt perspiciatis et
tempore optio. Lorem ipsum,</p>
<a href="blog.html" class="hero-btn red-btn">EXPLORE NOW</a>
</div>
<div class="about-col">
<img src="./public/images/about.jpg">
</div>
</div>
</section>
<!-- ----footer---- -->
<section class="footer">
<h4>About Us</h4>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Dignissimos eos aliquam inventore sint delectus quam
modi fuga <br>culpa dicta earum vitae id iure, ipsam cumque labore. Sit, ratione similique</p>
<div class="icon">
<i class="bi bi-facebook"></i>
<i class="bi bi-twitter"></i>
<i class="bi bi-instagram"></i>
<i class="bi bi-linkedin"></i>
</div>
<p>Made with <i class="bi bi-heart-fill"></i> by SenTa</p>
</section>
<!-- javascript for togglemenu -->
<script>
var navlinks = document.getElementById("navLinks")
function showMenu() {
navLinks.style.right = "0";
}
function hideMenu() {
navLinks.style.right = "-200px";
}
</script>
</body>
</html>