-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathlost.html
165 lines (160 loc) · 7.89 KB
/
lost.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
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
<title>LOST ITEMS</title>
<meta name='viewport' content='width=device-width, initial-scale=1'>
<link rel='stylesheet' type='text/css' media='screen' href='lost.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>
<header>
<div class="menu-bar" style="margin-left: -2px;">
<img src="Images/Lost_and_found_4-removebg-preview.png" alt="Lost and Found logo" style="background:none;width:150px; height: 105px;"/>
<ul style="margin-left:120px;">
<li class="tab" style="margin-left:30px;"><a href="index.html"><i class="fa fa-home"></i>HOME</a></li>
<li class="tab"><a href="aboutus.html"><i class="fa fa-question-circle"></i>ABOUT US</a></li>
<li class="tab"><a href="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;width:230px;opacity:0.7;border-radius:3px;height:4vh;">
<a href="" style="display:flex"> <button type="button" style="border-radius:3px;margin-left:270px;margin-top:-35px; background:lightslategray;width:95px;height:4.5vh;"><i class="fa fa-search" style="margin-left:0px;margin-right:20px;"></i></button></a>
</li>
</ul>
</div>
</header>
<main style="margin-top:85px;">
<div class="backgrounding">
<p style="margin-top:145px;">-You have indicated that you lost an item, dont worry,we have got your back</p>
<button type="button" class="butt" style="margin-top:300px;">Upload</button>
</div>
<h2>LOST ITEMS</h2>
<div class="procedure">
<h3>Procedure of reporting lost items</h3>
<p>When it comes to reporting a lost item,the following should be provided:</p>
<ol>
<li>a clear and recent photo of the item</li>
<li>the exact name as it appears on the birth certificate in cases of missing children</li>
<li>serial number of item(s) lost if any</li>
<li>county or region of the lost occurence</li>
<li>date and time when last seen</li>
<li>any other unique features necessary</li>
<li>contact persons and any other helpful iformation that may not be listed</li>
</ol>
<br>
<br>
</div>
<div class="found">
<div>
<img id="id" src="./Images/lost id.png" height="400" width="400" alt="Id">
<br>
<p><strong>TYPE: </strong> Missing National Identity Card </p>
<br>
<p><strong>LOCATION: </strong>Jomo Kenyatta INternational Airport</p>
<br>
<p><strong>DESCRIPTION: </strong>The above is a Kenyan Identity card. It went missing on 10th June 2020 at around 2:00am</p>
<br>
<p><strong>CONTACT DETAILS: </strong> Our agent can be reached via<br> <strong><em>0728456089</em></strong> </p>
<br>
</div>
<div>
<img id="vehicle" src="./Images/nganya.jpg" alt="cert" height="400" width="400">
<br>
<p><strong>TYPE: </strong> Missing Vehicle</p>
<br>
<p><strong>LOCATION: </strong> Thika road.</p>
<br>
<p><strong>DESCRIPTION: </strong>The above car was last spotted along Thika road.It is an ISUZU NPR reg no.KCK 142V. It went missing on 20th June 2021 at around 4:00 p.m.</p>
<br>
<p><strong>CONTACT DETAILS: </strong> Any information that can lead to its retrieval is welcomed. Our agent can be reached on <br> <strong><em>0717890245</em></strong> </p>
<br>
<p></p>
</div>
</div>
<div class="found">
<div>
<img id="person" src="./Images/henrydesagu.jpg" height="400" width="400" alt="missingperson ">
<p><strong>TYPE: </strong> Missing Person </p>
<br>
<p><strong>LOCATION: </strong>Mwihoko</p>
<br>
<p><strong>DESCRIPTION: </strong>The above person is a 30 year old male and goes by the name Desagu.He went missing on 15th June 2021 around Mwihoko area.He is chocolate in complexion and was last seen dressed in blue shirt and white pair of pants. </p>
<br>
<p><strong>CONTACT DETAILS: </strong>Anyone with relevant information that can lead to his whereabouts can contact our agent on<br> <strong><em>0720145679</em></strong> </p>
<br>
</div>
<div>
<img id="laptop" src="./Images/laptop lost 3.jpg" alt="lappy" height="400" width="400">
<p><strong>TYPE: </strong> Missing laptop</p>
<br>
<p><strong>LOCATION: </strong> Ngong road.</p>
<br>
<p><strong>DESCRIPTION: </strong>The above laptop went missing on 21st June along Ngong road area.It is a Lenovo Thinkpad laptop,serial number PC-09XKLW, black in colour.</p>
<br>
<p><strong>CONTACT DETAILS: </strong>Please contact our agent on<br> <strong><em>0715672335</em></strong> </p>
<br>
<p></p>
</div>
</div>
</main>
<footer>
<div class="top">
<div class="help" style="color:white;width:30%;margin-left:30px;">
<h4>HELP CENTER</h4>
<br>
<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>
<br>
<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: 200px;" class="divline">
<hr style="margin: 2px 2px 20px -250px;">
</div>
<div class="contactus" style="color:white;margin-left:-201px;width:30%;">
<h4>CONTACT US</h4>
<br>
<p style="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-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>
<br>
<div class="partners">
<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:12vh;"/>
<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:12vh;"/>
</div>
</div>
<br><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>