-
Notifications
You must be signed in to change notification settings - Fork 0
/
contacts.html
83 lines (72 loc) · 3.66 KB
/
contacts.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
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="contacts.css">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/[email protected]/css/fontawesome.min.css" integrity="sha384-QYIZto+st3yW+o8+5OHfT6S482Zsvz2WfOzpFSXMF9zqeLcFV0/wlZpMtyFcZALm" crossorigin="anonymous">
</head>
<body>
<nav class="navbar" id="nav">
<div class="logo">TorryJanny Photography</div>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About Us</a></li>
<li><a href="members.html">Members</a></li>
<li><a href="contacts.html">Contact us</a></li>
<li><a href="our-work.html">Our Work</a></li>
</ul>
</nav>
<div class="my-website">
<div class="container">
<div class="content">
<header>
<h1>Contact us</h1>
<p>For bookings reviews and tutorials on how to achieve the state of the art photos you can contact us through our platform.You can also share your reviews and the experience you had working with us as we really appriciate your opinions.</p>
</header>
<div class="contact-form">
<section>
<i class="fa fa-map-marker fa-2x" aria-hidden="true"></i>
<h2>Address</h2>
<p>we are located <br>in nyeri mall<br> 2nd floor.</p>
</section>
<section>
<i class="fa fa-phone fa-2x" aria-hidden="true"></i>
<h2>Phone</h2>
<p>+254712345678</p>
</section>
<section>
<i class="fa fa-map-envelope fa-2x" aria-hidden="true"></i>
<h2>Email us</h2>
<p>[email protected]</p>
</section>
</div>
</div>
</div>
<form class="form">
<div class="right">
<div class="contact-form">
<input type="text" required>
<span>Your Full Name</span>
</div>
<div class="contact-form">
<input type="email" required>
<span>Your Email address</span>
</div>
<div class="contact-form">
<textarea name="text"></textarea>
<span>Type your Feedback.</span>
</div>
<div class="contact-form">
<input type="submit" name="submit">
</div>
</div>
</form>
<div class="socials">
<li><i class="fa fa-facebook-official fa-2x" aria-hidden="true"></i></li>
<li><i class="fa fa-twitter fa-2x" aria-hidden="true"></i></li>
<li><i class="fa fa-instagram fa-2x" aria-hidden="true"></i></li>
<li><i class="fa fa-google fa-2x" aria-hidden="true"></i></li>
</div>
</body>
</html>