-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathaboutus.html
150 lines (129 loc) · 7.93 KB
/
aboutus.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
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
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
<title>ABOUT US</title>
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
<link rel='stylesheet' type='text/css' media='screen' href='aboutus.css'>
<link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css" integrity="sha384-AYmEC3Yw5cVb3ZcuHtOA93w35dYTsvhLPVnYs9eStHfGJvOvKxVfELGroGkvsg+p" crossorigin="anonymous"/>
<script src='main.js'></script>
</head>
<body>
<!-- Navigation bar -->
<header>
<div class="menu-bar">
<img src="./Images/Lost_and_found_4-removebg-preview.png" alt="Lost and Found logo" style="background:none;width:150px; height: 105px;"/>
<ul>
<li class="tab"><a href="index.html"><i class="fa fa-home"></i>HOME</a></li>
<!-- <li class="tab"><a href="home.html"><i class="fa fa-home"></i>LOST</a></li>
<li class="tab"><a href="home.html"><i class="fa fa-home"></i>FOUND</a></li> -->
<li class="tab"><a href="http://127.0.0.1:5500/aboutus.html"><i class="fa fa-question-circle"></i>ABOUT US</a></li>
<li class="tab"><a href="http://127.0.0.1:5500/contactus.html"><i class="fa fa-phone-square"></i>CONTACT US</a></li>
<li class="tab" style="border:1px solid darkgrey;border-radius:2px;"><a href=""></a><i class="fa fa-user"></i>MY ACCOUNT<i class="fa fa-angle-down" style="margin-left:-5px;padding-left:6px"></i></a>
<div class="submenu1">
<ul style="display: none;">
<li style="background:rgb(85, 81, 81);border-radius:2px;color:white" id="log"><a href="Login.html">Login</a></li>
<hr style="margin-left:50px;"/>
<li style="color:white;"><p>Or</p></li>
<hr style="margin-left:50px;"/>
<li style="background:rgb(85, 81, 81);border-radius:2px;color:white;" id="create"><a href="CreateAccount.html">Create Account</a></li>
</ul>
</div>
</li>
<li>
<input type="text" placeholder="Search items.." name="search" style="margin-left:-30px;margin-top:-10px;opacity:0.7;border-radius:3px;height:4vh;">
<!-- <a href="" style="display:flex"> <button type="button" style="border-radius:3px;margin-left:160px;margin-top:-29px; background:lightslategray;width:45px;height:4.5vh;"><i class="fa fa-search" style="margin-left:10px;"></i></button></a> -->
</li>
</ul>
</div>
</header>
<!-- end of navigation code -->
<!-- theme images after navigation bar -->
<div class="minions">
<img id="leftminion" src="./Images/Sad minion 2.png" alt="Sad minion">
<img id="lostandfound" src="./Images/Lost and found 5.jpg" alt="lost and found">
<img id="happyminions" src="./Images/Happy minnions.jpg" alt="happy minnions">
</div>
<!-- about us content -->
<div class="content">
<h2>LOST AND FOUND</h2>
<p> Lost and found targets the people living within Nairobi. It is however not limited to any person who may have found or lost valuable items across Kenya.
It's main objective is to reduce stress that people get in the event of loss. Further, it promotes goodwill among citizens and automates the recovery process.
Some things are simply irreplaceable. So when an honest individual finds and reports a lost item, it can really make your day.</p>
<br>
<h2>OUR MANIFESTO</h2>
<p>We live in a digital world where everything is connected. Everything except thousands of cardboard boxes around the world stuffed full with lost property.
The Lost and Found team is dedicated to revolutionising the entire lost & found process. Digitising and connecting people with their lost properties on behalf
of those who collected the items quickly and easily.</p>
<br>
<h2>OUR PARTNERS</h2>
<p>We have partnered with a number of parties with the same interest as Lost and Found. Among them are goverment <br> bodies that provides laws and order.
We are willing to partner with any organization or body that have the same goal as ours. Our current partners are; <br><br>
</p>
</div>
<!-- our parners content -->
<div class="partners">
<div class="partner1">
<p><strong>Kenya Police</strong></p>
<img id="police" src="./Images/Kenya police.png" alt="Kenya Police">
</div>
<div class="partner2">
<p><strong>National Transport and Safety Authority</strong></p>
<img src="./Images/NTSA.png" alt="NTSA">
</div>
<div class="partner3">
<p><strong>Safaricom</strong></p>
<img id="safaricom" src="./Images/Safaricom.svg" alt="Safaricom">
</div>
<div class="partner4">
<p><strong>Nyumba Kumi Innitiative</strong></p>
<img id="nyumba" src="./Images/nyumba-kumi.jpg" alt="nyumba Kumi">
</div>
</div>
<!-- footer code -->
<footer>
<div class="top">
<div class="help" style="color:white;width:30%;margin-left:30px;">
<h4>HELP CENTER</h4>
<ul>
<li><a href="">How to use LOST AND FOUND?</a></li>
<li><a href="">How to register</a></li>
<li><a href="">Report a User</a></li>
</ul>
</div>
<div class="stayconnected" style="color:white;text-align: center;width:30%;margin-right:500px;margin-left:-80px;">
<h4>JOIN US ON</h4>
<ul style="display:inline-flex;width:50%;">
<li><a href=""><img src="Images/facebook.png" style="width:45px;height: 6vh;margin-right:0px;margin-left:0px;"/></a></li>
<li><a href=""><img src="Images/Instagram.png" style="width:45px;height:6vh;margin-right:0px;"/></a></li>
<li><a href=""><img src="Images/twitter.png" style="width:50px;height:6vh;"/></a></li>
<li><a href=""><img src="Images/Youtube.png" style="width:45px;height:6vh;border-radius:7px;"/></a></li>
</ul>
</div>
<div style="display: inline-flex; width:0px; height: 300px;" class="divline">
<hr style="margin: 2px 2px 20px -250px;">
</div>
<div class="contactusf" style="color:white;margin-left:-201px;width:30%;">
<h4>CONTACT US</h4>
<p style="margin-left:20px;margin-bottom:10px;color:black;"><strong>Email Address:</strong></p>
<p style="margin-left:20px;margin-bottom:10px;">lostandfound@gmail.com</p>
<p style="margin-left:20px;margin-bottom:10px;;color:black;"><strong>Telephone Address:</strong></p>
<p style="margin-left:20px;margin-bottom:10px;">0714234985</p>
</div>
</div>
<div class="bottom">
<h4 style="color:white;">PARTNERS WITH:</h4>
<div class="partnersf">
<img src="Images/Kenya police.png" alt="Kenya Police logo" style="width:150px;height:20vh;"/>
<img src="Images/safaricom-logo-vector.png" alt="Safaricom logo" style="width:350px;height:20vh;"/>
<img src="Images/nyumba-kumi.jpg" alt="Nyumba Kumi Initiative" style="width:200px;height:20vh;" />
<img src="Images/NTSA.png" alt="NTSA logo" style="width:350px;height:20vh;"/>
</div>
</div>
<br>
<hr style="margin-top:-40px;margin-bottom:20px;"/>
<p style="text-align:center;">Copyright © 2021 LOST AND FOUND, All right reserved.</p>
</footer>
</body>
</html>