-
Notifications
You must be signed in to change notification settings - Fork 1
/
contact.html
128 lines (117 loc) · 4.43 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link href="stylesheets/contactstylesheet.css" rel="stylesheet">
<link href="sport.html">
</head>
<body>
<main>
<div class="header">
<img src="images/contact.png" style="width: 100%; height: 200px;">
</div>
</main>
<div class="topnav">
<a href="index.html">Home</a>
<a href="concert.html">Concerten</a>
<a href="sport.html">Sport</a>
<a href="recept.html">Recepten</a>
<a class="active" href="contact.html">Contact</a>
<a href="overons.html" style="float: right">Over ons</a>
</div>
<div class="row">
<div class="leftcolumn">
<div class="card">
<h2>Contact</h2>
<div class="imageGoogle">
<a href="https://www.google.nl/maps/place/Straat+van+Florida+1,+1334+PA+Almere/@52.3923409,5.2753545,17z/data=!4m5!3m4!1s0x47c617c1dcedf6af:0xdb2b68cedc832a68!8m2!3d52.3923409!4d5.2775432">
<img src="images/googlemaps.png" style="width: 100%; height: 300px;">
</a>
</div>
<p>Straat van Florida</p>
<p>1334 PA Almere</p>
</div>
<div class="card">
<div class="container">
<form>
<h2>Bericht</h2>
<div class="row">
<div class="lcolumn" style="float: left">
<label for="name">Naam</label>
</div>
<div class="rcolumn">
<input id="name" name="naam" placeholder="Naam Achternaam" type="text">
</div>
</div>
<div class="row">
<div class="lcolumn" style="float: left">
<label for="email">E-mailadres</label>
</div>
<div class="rcolumn">
<input id="email" name="email" placeholder="[email protected]" type="text">
</div>
</div>
<div class="row">
<div class="lcolumn" style="float: left">
<label for="nummer">Telefoonnummer</label>
</div>
<div class="rcolumn">
<input id="nummer" name="nummer" placeholder="06-12345678" type="text">
</div>
</div>
<div class="row">
<div class="lcolumn" style="float: left">
<label for="bericht">Bericht</label>
</div>
<div class="rcolumn">
<textarea id="bericht" name="bericht" placeholder="Schrijf hier een bericht"
style="height: 200px"></textarea>
</div>
</div>
<div class="row">
<input style="float: right" type="submit" value="Verzenden">
</div>
</form>
</div>
</div>
</div>
<div class="rightcolumn">
<div class="card">
<h2>Contact gegevens</h2>
<p>Voorzitter - Edo de Jaeger</p>
<p>0685642971</p><br>
<p>Voorzitter - Ben Vermeer</p>
<p>0635321897</p><br>
<p>Penningmeester - Judith Veltman</p>
<p>0618173429</p><br>
</div>
<div class="card">
<h2>Medewerkers</h2>
<p>Mark Vlasblom</p>
<p>0683627352</p><br>
<p>Roel van Lanen</p>
<p>0678957593</p><br>
<p>Harry Mauw</p>
<p>0648972518</p><br>
<p>Gaby Allard</p>
<p>0687142299</p><br>
<p>Ronald Wilcke</p>
<p>0625439765</p><br>
<p>Gerrit Vreugdenhil</p>
<p>0616435279</p>
</div>
</div>
</div>
<footer>
<h3>Sitelinks</h3>
<nav id="footer">
<a class="footerlink" href="contact.html">Contact</a><br>
<a class="footerlink" href="overons.html">Over ons</a><br>
<a class="footerlink" href="sport.html">Sport</a><br>
<a class="footerlink" href="recept.html">Recepten</a><br>
<a class="footerlink" href="concert.html">Concerten</a>
</nav>
<p id="copyright">Copyright © ROC Flevoland 2105</p>
</footer>
</body>
</html>