-
Notifications
You must be signed in to change notification settings - Fork 0
/
contactus.html
129 lines (118 loc) · 6.89 KB
/
contactus.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
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
<title>CONTACT US</title>
<meta name='viewport' content='width=device-width, initial-scale=1'>
<link rel='stylesheet' type='text/css' media='screen' href='contactus.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 code -->
<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="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:-10px;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>
<!-- contact details content -->
<div class="contactdetails">
<h2> REACH US ON:</h2>
<br>
<P id="para"> -Lost and Found user support is available around the clock. We made sure os this because we understand
the need to help someone out there find there belongings as soon as they are reported to our site. <br> Someone might be in need
of their items on an urgent basis, becauseof this very reason,even a single second matters to our servies.
Bravo to the team behind this amazing and sacrificing task.
</P>
<br>
<br>
<p id="email"> <strong>Email: </strong><a id="elink" href="#email">lostandfound.usersupport@gmail.com</a> </p>
<br>
<p id="phone"> <strong>Phone Number:</strong> +254712345678</p>
<br>
<br>
<p id="location"> <strong>You can also locate our offices on:</strong></p>
<p id="locationp"> Ngong Lane Plaza. <br> 3rd floor. <br> <em>(We are currently operating in Niarobi city for those who are I need of our offices)</em> </p>
</div>
<br>
<!-- our social media handles -->
<div class="socialmedia">
<ul>
<li id="facebook"> <strong>FACEBOOK</strong></li>
<li id="twitter"> <strong>TWITTER</strong></li>
<li id="instagram"> <strong>INSTAGRAM</strong></li>
</ul>
</div>
<br>
<div class="icons">
<a href="#fb"><img id="fb" src="./Images/facebook.png" alt="facebook"> </a>
<a href="#twit"> <img id="twit" src="./Images/twitter.png" alt="twitter"></a>
<a href="#insta"> <img id="insta" src="./Images/Instagram.png" alt="instagram"></a>
</div>
<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: 200px;" 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>
<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>