-
Notifications
You must be signed in to change notification settings - Fork 0
/
contact_us.html
91 lines (85 loc) · 3.94 KB
/
contact_us.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha384-wvfXpqpZZVQGK6TAh5PV1GOfQNHSoD2xbE+QkPxCAF1NEevoEH3S10sibVcOQVnN" crossorigin="anonymous">
<link rel="stylesheet" href="./css/contact.css">
<link rel="stylesheet" href="./css/header.css">
<title>Contact Us</title>
</head>
<body>
<nav>
<a href="#" class="links logo">Infosafaris</a>
<div class="rightSection">
<a href="./index.html" class="selected links">Home</a>
<a class="links" href="./about.html">About Us</a>
<a class="links" href="./destinations.html">Destination</a>
<a class="links" href="./">Contact Us</a>
</div>
</nav>
<section class="contact">
<div class="content">
<h2>Contact Us</h2>
<p>Choose Infosafaris for the best experience.</p>
</div>
<div class="container">
<div class="contactInfo">
<div class="box">
<div class="icon">
<svg style="width:24px;height:24px" viewBox="0 0 24 24">
<path fill="currentColor" d="M12,11.5A2.5,2.5 0 0,1 9.5,9A2.5,2.5 0 0,1 12,6.5A2.5,2.5 0 0,1 14.5,9A2.5,2.5 0 0,1 12,11.5M12,2A7,7 0 0,0 5,9C5,14.25 12,22 12,22C12,22 19,14.25 19,9A7,7 0 0,0 12,2Z" />
</svg>
</div>
<div class="text">
<h3>Address</h3>
<p>P.O BOX 838 - 00300 <br>Nairobi</p>
</div>
</div>
<div class="box">
<div class="icon">
<svg style="width:24px;height:24px" viewBox="0 0 24 24">
<path fill="currentColor" d="M20,8L12,13L4,8V6L12,11L20,6M20,4H4C2.89,4 2,4.89 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V6C22,4.89 21.1,4 20,4Z" />
</svg>
</div>
<div class="text">
<h3>Email</h3>
<p>infosafaris@gmail.com</p>
</div>
</div>
<div class="box">
<div class="icon"><svg style="width:24px;height:24px" viewBox="0 0 24 24">
<path fill="currentColor" d="M4,3A1,1 0 0,0 3,4A17,17 0 0,0 20,21A1,1 0 0,0 21,20V16.5A1,1 0 0,0 20,15.5C18.75,15.5 17.55,15.3 16.43,14.93C16.08,14.82 15.69,14.9 15.41,15.17L13.21,17.37C10.38,15.93 8.06,13.62 6.62,10.78L8.82,8.57C9.1,8.31 9.18,7.92 9.07,7.57C8.7,6.45 8.5,5.25 8.5,4A1,1 0 0,0 7.5,3H4M19,11V9.5H15.5L21,4L20,3L14.5,8.5V5H13V11H19Z" />
</svg></i>
</div>
<div class="text">
<h3>Phone</h3>
<p>+254 721 903 046</p>
</div>
</div>
</div>
<div class="contactForm">
<form action="">
<h2>Send Message</h2>
<div class="inputBox">
<input type="text" name="" required>
<span>Full Name</span>
</div>
<div class="inputBox">
<input type="text" name="" required>
<span>Email</span>
</div>
<div class="inputBox">
<textarea required="required"></textarea>
<span>Message...</span>
</div>
<div class="inputBox">
<input type="submit" name="" value="Send">
</div>
</form>
</div>
</div>
</section>
</body>
</html>