-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcontact.html
82 lines (82 loc) · 3.54 KB
/
contact.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>contact</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="css/reset.css" rel="stylesheet" type="text/css">
<link href="css/css.css" rel="stylesheet" type="text/css">
<link rel="shortcut icon" type="image/png" href="img/16x16%20wheel.png"/>
</head>
<body>
<header>
<section id=banner>
<img id=martinilogo src="img/112pxLogoMartini.png" alt="martiniLogo">
<img id=projectlogo src="img/112pxMartiniAutoLogoWit.png" alt="ProjectLogo">
<h1>Isotta Fraschini of Martini Rossi restoration project</h1>
</section>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="history.html">History</a></li>
<li><a href="renovation.html">The Renovation</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
<img id=racingStripes src="img/20pxmartiniStripe.png" alt="Martini Racingstrips">
</nav>
</header>
<main>
<article>
<h2>Contact us</h2>
<p>Are you interested in our project and our work? Do you you can help help us completing it, or are just interested to learn more? Don't hesitate to contact us! We are always at the ready to meet new people and spread the word. By filling in the form below you directly message us and we will reply at first chance.</p>
</article>
<form action="#">
<p>
<label for="name">Name</label>
<input type="text" name="name" id="name" required>
</p>
<p>
<label for="organisation">Organisation</label>
<input type="text" name="organisation" id="organisation">
</p>
<p>
<label for="email">Email</label>
<input type="email" name="email" id="email" required>
</p>
<p>
<label for="category">Category</label>
<select name="category" id="category">
<option value="providing information">providing information</option>
<option value="providing expertise">providing expertise</option>
<option value="sponsoring the project">sponsoring the project</option>
<option value="joining the team">joining the team</option>
<option value="other">other</option>
</select>
</p>
<p>
<label for="message">message</label>
<textarea name="message" id="message"></textarea>
</p>
<input id=knop type="submit" value="send">
</form>
</main>
<footer>
<address>
<div>
<p><strong>Bernard Berkein</strong></p>
<p>email: [email protected]</p>
<p>gsm: +32498820706</p>
</div>
<div>
<p><strong>adress</strong></p>
<p>Heiendaallaan 11</p>
<p>1563 Dworp Belgium</p>
</div>
<div>
<p id=facebook><a href="https://www.facebook.com/groups/41460594110/"><img src="img/20pxfacebooklogo.png" alt="facebooklogo"></a></p>
</div>
</address>
</footer>
</body>
</html>