-
Notifications
You must be signed in to change notification settings - Fork 0
/
About.html
49 lines (48 loc) · 2.95 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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>SPARKS DONATION</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-0evHe/X+R7YkIZDRvuzKMRqM+OrBnVFBL6DOitfPri4tjfHxaWutUpFmBp4vmVor" crossorigin="anonymous">
<link rel="stylesheet" href="style.css">
</head>
<body>
<!--Navbar -->
<nav class="navbar navbar-expand-lg shadow-sm navbar-dark bg-dark ">
<div class="container-fluid ">
<a class="navbar-brand" href="#">SPARKS DONATION</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse " id="navbarSupportedContent">
<ul class="navbar-nav ms-auto mb-2 mb-lg-0 py-2 px-5">
<li class="nav-item px-3">
<a class="nav-link active" aria-current="page" href="index.html">Home</a>
</li>
<li class="nav-item px-3">
<a class="nav-link active" aria-current="page" href="About.html">About</a>
</li>
<li class="nav-item px-3">
<a class="nav-link active" aria-current="page" href="contact.html">Contact</a>
</li>
</ul>
</div>
</div>
</nav>
<!--banner-->
<div style="width: 100vw; height: 60vh ; background-image: url('banner1.jpg'); "class="banner mb-4">
<div style="width: 20%; height: 15% ;" class="container box ">
<div class="text-center text">
<button type="button" class="btn btn-warning">About us</button>
</div>
</div>
</div>
<h1 class="text-center">More About Us</h1>
<p class="p-4"> Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quia quis quibusdam iure blanditiis harum soluta consequatur recusandae eius quam sint. Excepturi possimus laborum aspernatur maxime iure. Enim nihil at hic?
Lorem ipsum dolor sit amet consectetur adipisicing elit. Beatae perspiciatis a adipisci veritatis perferendis culpa aspernatur laborum qui maiores nihil cupiditate, eum voluptatibus consequuntur id assumenda sapiente ullam eaque iusto.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Et distinctio repellendus, laboriosam nihil unde odit molestiae suscipit, quas laudantium iste expedita iure doloribus voluptate quod nemo earum culpa explicabo. Ut!
</p>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-pprn3073KE6tl6bjs2QrFaJGz5/SUsLqktiwsUTF55Jfv3qYSDhgCecCxMW52nD2" crossorigin="anonymous"></script>
</body>
</html>