-
Notifications
You must be signed in to change notification settings - Fork 0
/
contacts.html
80 lines (80 loc) · 2.75 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Blue Box - Contacts</title>
<link rel="stylesheet" href="css/contacts.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<header>
<div class="logo">
<img src="img/logo.png" alt="">
</div>
<ul class="mainnav nav">
<li><a href="index.html">About</a></li>
<li><a href="#">Services</a></li>
<li><a href="portfolio.html">Works</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Contact us</a></li>
</ul>
<form action="get" class="search">
<input type="text" placeholder="Search"><input type="submit" value=" ">
</form>
</header>
<main>
<div class="headline">
<h1>Get in touch with us</h1>
</div>
<section class="feedback">
<div class="form">
<p>Thank you for stopping by! We are happy to hear from you. Please contact us through the form below and we will get back to you as soon as we can.</p>
<form action="post">
<label for="name">Name</label>
<input type="text" name="name" id="name">
<label for="email">Email Address</label>
<input type="email" name="email" id="email">
<label for="subject">Subject</label>
<input type="text" name="subject" id="subject">
<label for="description">Description</label>
<textarea name="description" id="description" cols="42" rows="8"></textarea>
<input type="submit" value="Submit"></input>
</form>
</div>
<div class="contacts">
<h2>We are here</h2>
<img src="../img/map.png" alt="" class="map">
<div class="contact-box">
<h3>BlueBox Company</h3>
<p class="address">1234 Road<br>London, SW1 000</p>
<p class="phone">Tel: 01000 334 556</p>
<p class="fax">Fax: 01000 334 556</p>
<p class="email">Email: <a href="mailto:info@domainname.com">info@domainname.com</a></p>
</div>
</div>
</section>
</main>
<footer>
<div class="other">
<ul class="footernav nav">
<li><a href="index.html">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Services</a></li>
<li><a href="portfolio.html">Works</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Contact us</a></li>
</ul>
<p class="copyright">© 2013 BlueBox. All Rights Reserved.</p>
<p class="copynote">The logos used in the design are the property of their respective owners / copyright holders.</p>
</div>
<div class="contacts">
<a href="#"><img src="img/fb.jpg" alt=""></a>
<a href="#"><img src="img/lin.jpg" alt=""></a>
<a href="#"><img src="img/tw.jpg" alt=""></a>
<a href="#"><img src="img/pr.jpg" alt=""></a>
<a href="#"><img src="img/dr.jpg" alt=""></a>
<a href="#"><img src="img/g+.jpg" alt=""></a>
</div>
</footer>
</body>
</html>