|
@@ -1,216 +1,189 @@
|
1
|
1
|
<!DOCTYPE html>
|
2
|
2
|
<html lang="en">
|
3
|
|
-
|
4
|
|
-<head>
|
5
|
|
-
|
6
|
|
- <meta charset="utf-8">
|
7
|
|
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
|
8
|
|
- <meta name="viewport" content="width=device-width, initial-scale=1">
|
9
|
|
- <meta name="description" content="">
|
10
|
|
- <meta name="author" content="">
|
11
|
|
-
|
12
|
|
- <title>Dowse - Were</title>
|
13
|
|
-
|
14
|
|
- <!-- Bootstrap Core CSS -->
|
15
|
|
- <link href="css/bootstrap.min.css" rel="stylesheet">
|
16
|
|
-
|
17
|
|
- <!-- Custom CSS -->
|
18
|
|
- <link href="css/modern-business.css" rel="stylesheet">
|
19
|
|
-
|
20
|
|
- <!-- Custom Fonts -->
|
21
|
|
- <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
|
22
|
|
-
|
23
|
|
- <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
|
24
|
|
- <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
|
25
|
|
- <!--[if lt IE 9]>
|
|
3
|
+ <head>
|
|
4
|
+ <meta charset="utf-8">
|
|
5
|
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
6
|
+ <meta name="viewport" content="width=device-width, initial-scale=1">
|
|
7
|
+ <meta name="description" content="">
|
|
8
|
+ <meta name="author" content="">
|
|
9
|
+ <title>Dowse - Were</title>
|
|
10
|
+ <!-- Bootstrap Core CSS -->
|
|
11
|
+ <link href="css/bootstrap.min.css" rel="stylesheet">
|
|
12
|
+ <!-- Custom CSS -->
|
|
13
|
+ <link href="css/modern-business.css" rel="stylesheet">
|
|
14
|
+ <!-- Custom Fonts -->
|
|
15
|
+ <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
|
|
16
|
+ <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
|
|
17
|
+ <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
|
|
18
|
+ <!--[if lt IE 9]>
|
26
|
19
|
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
|
27
|
20
|
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
|
28
|
21
|
<![endif]-->
|
29
|
22
|
<link href="css/dowse.css" rel="stylesheet" type="text/css">
|
30
|
|
-</head>
|
31
|
|
-
|
32
|
|
-<body>
|
33
|
|
-
|
34
|
|
- <!-- Navigation -->
|
35
|
|
- <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
|
36
|
|
- <div class="container">
|
37
|
|
- <!-- Brand and toggle get grouped for better mobile display -->
|
38
|
|
- <div class="navbar-header">
|
39
|
|
- <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
|
40
|
|
- <span class="sr-only">Toggle navigation</span>
|
41
|
|
- <span class="icon-bar"></span>
|
42
|
|
- <span class="icon-bar"></span>
|
43
|
|
- <span class="icon-bar"></span>
|
44
|
|
- </button>
|
45
|
|
- <a class="navbar-brand" href="index.html">Dowse.eu</a>
|
46
|
|
- </div>
|
47
|
|
- <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
|
48
|
|
- <ul class="nav navbar-nav navbar-right">
|
49
|
|
- <li>
|
50
|
|
- <a href="about.html" class="dowser">About Dowse</a>
|
51
|
|
- </li>
|
52
|
|
- <li>
|
53
|
|
- <a href="download.html">Downloads</a>
|
54
|
|
- </li>
|
55
|
|
- <li>
|
|
23
|
+ </head>
|
|
24
|
+ <body>
|
|
25
|
+ <!-- Navigation -->
|
|
26
|
+ <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
|
|
27
|
+ <div class="container">
|
|
28
|
+ <!-- Brand and toggle get grouped for better mobile display -->
|
|
29
|
+ <div class="navbar-header">
|
|
30
|
+ <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
|
|
31
|
+ <span class="sr-only">Toggle navigation</span>
|
|
32
|
+ <span class="icon-bar"></span>
|
|
33
|
+ <span class="icon-bar"></span>
|
|
34
|
+ <span class="icon-bar"></span>
|
|
35
|
+ </button>
|
|
36
|
+ <a class="navbar-brand" href="index.html">Dowse.eu</a>
|
|
37
|
+ </div>
|
|
38
|
+ <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
|
|
39
|
+ <ul class="nav navbar-nav navbar-right">
|
|
40
|
+ <li>
|
|
41
|
+ <a href="about.html" class="dowser">About Dowse</a>
|
|
42
|
+ </li>
|
|
43
|
+ <li>
|
|
44
|
+ <a href="download.html">Downloads</a>
|
|
45
|
+ </li>
|
|
46
|
+ <li>
|
56
|
47
|
</li>
|
57
|
|
- <li>
|
58
|
|
- <a href="faq.html">FAQ</a>
|
59
|
|
- </li>
|
60
|
|
- <li class="dropdown">
|
61
|
|
- <a href="#" class="dropdown-toggle" data-toggle="dropdown">Resources <b class="caret"></b></a>
|
62
|
|
- <ul class="dropdown-menu">
|
63
|
|
- <li>
|
64
|
|
- <a href="https://github.com/dyne/dowse">Github Project page</a>
|
65
|
|
- </li>
|
66
|
|
- <li>
|
67
|
|
- <a href="https://github.com/dyne/dowse/wiki">Wiki</a>
|
68
|
|
- </li>
|
69
|
|
- <li>
|
70
|
|
- <a href="https://crowd.dowse.eu">Crowdfunding page</a>
|
71
|
|
- </li>
|
72
|
|
- </ul>
|
73
|
|
- </li>
|
74
|
|
- <li>
|
|
48
|
+ <li>
|
|
49
|
+ <a href="faq.html">FAQ</a>
|
|
50
|
+ </li>
|
|
51
|
+ <li class="dropdown">
|
|
52
|
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">Resources <b class="caret"></b></a>
|
|
53
|
+ <ul class="dropdown-menu">
|
|
54
|
+ <li>
|
|
55
|
+ <a href="https://github.com/dyne/dowse">Github Project page</a>
|
|
56
|
+ </li>
|
|
57
|
+ <li>
|
|
58
|
+ <a href="https://github.com/dyne/dowse/wiki">Wiki</a>
|
|
59
|
+ </li>
|
|
60
|
+ <li>
|
|
61
|
+ <a href="https://crowd.dowse.eu">Crowdfunding page</a>
|
|
62
|
+ </li>
|
|
63
|
+ </ul>
|
|
64
|
+ </li>
|
|
65
|
+ <li>
|
75
|
66
|
</li>
|
76
|
|
- <li>
|
77
|
|
- <a href="past-events.html">Events</a>
|
78
|
|
- </li>
|
79
|
|
- <li>
|
80
|
|
- <a href="workshops.html">Workshops</a>
|
81
|
|
- </li>
|
82
|
|
- <li>
|
83
|
|
- <a href="contact.html">Contact</a>
|
84
|
|
- </li>
|
85
|
|
- </ul>
|
86
|
|
- </div>
|
87
|
|
- <!-- Collect the nav links, forms, and other content for toggling -->
|
88
|
|
- <!-- /.navbar-collapse -->
|
89
|
|
- </div>
|
90
|
|
- <!-- /.container -->
|
91
|
|
- </nav>
|
92
|
|
- <!-- Page Content -->
|
93
|
|
- <div class="container">
|
94
|
|
-
|
95
|
|
- <!-- Page Heading/Breadcrumbs -->
|
96
|
|
- <div class="row">
|
97
|
|
- <div class="col-lg-12">
|
98
|
|
- <h1 class="page-header">Contact
|
99
|
|
- <small>Subheading</small>
|
100
|
|
- </h1>
|
101
|
|
- <ol class="breadcrumb">
|
102
|
|
- <li><a href="index.html">Home</a>
|
103
|
|
- </li>
|
104
|
|
- <li class="active">Contact</li>
|
105
|
|
- </ol>
|
|
67
|
+ <li>
|
|
68
|
+ <a href="past-events.html">Events</a>
|
|
69
|
+ </li>
|
|
70
|
+ <li>
|
|
71
|
+ <a href="workshops.html">Workshops</a>
|
|
72
|
+ </li>
|
|
73
|
+ <li>
|
|
74
|
+ <a href="contact.html">Contact</a>
|
|
75
|
+ </li>
|
|
76
|
+ </ul>
|
|
77
|
+ </div>
|
|
78
|
+ <!-- Collect the nav links, forms, and other content for toggling -->
|
|
79
|
+ <!-- /.navbar-collapse -->
|
106
|
80
|
</div>
|
107
|
|
- </div>
|
108
|
|
- <!-- /.row -->
|
109
|
|
-
|
110
|
|
- <!-- Content Row -->
|
111
|
|
- <div class="row">
|
112
|
|
- <!-- Map Column -->
|
113
|
|
- <div class="col-md-6">
|
114
|
|
- <!-- Embedded Google Map -->
|
115
|
|
- <iframe width="525" height="450" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://www.openstreetmap.org/export/embed.html?bbox=4.794502258300782%2C52.3587237539045%2C4.966163635253907%2C52.43466472882982&layer=mapnik&marker=52.396710577108536%2C4.880332946777344" style="border: 1px solid black"></iframe><br/><small><a href="https://www.openstreetmap.org/?mlat=52.3967&mlon=4.8803#map=13/52.3967/4.8803">View Larger Map</a></small>
|
|
81
|
+ <!-- /.container -->
|
|
82
|
+ </nav>
|
|
83
|
+ <!-- Page Content -->
|
|
84
|
+ <div class="container">
|
|
85
|
+ <!-- Page Heading/Breadcrumbs -->
|
|
86
|
+ <div class="row">
|
|
87
|
+ <div class="col-lg-12">
|
|
88
|
+ <h1 class="page-header">Contact<small>Subheading</small></h1>
|
|
89
|
+ <ol class="breadcrumb">
|
|
90
|
+ <li>
|
|
91
|
+ <a href="index.html">Home</a>
|
|
92
|
+ </li>
|
|
93
|
+ <li class="active">Contact</li>
|
|
94
|
+ </ol>
|
|
95
|
+ </div>
|
116
|
96
|
</div>
|
117
|
|
- <!-- Contact Details Column -->
|
118
|
|
- <div class="col-md-6">
|
119
|
|
- <h3>Contact Details</h3>
|
120
|
|
- <p>
|
121
|
|
- Haparandadam 7/A1<br>1013 AK<br> Amsterdamn
|
122
|
|
- </p>
|
123
|
|
- <p><i class="fa fa-phone"></i>
|
124
|
|
- <abbr title="Phone">P</abbr>: +31 6 41842801</p>
|
125
|
|
- <p><i class="fa fa-envelope-o"></i>
|
126
|
|
- <abbr title="Email">E</abbr>: <a href="mailto:info@dowse.net">info@dowse.it</a>
|
127
|
|
- </p>
|
128
|
|
- <p><i class="fa fa-clock-o"></i>
|
129
|
|
- <abbr title="Hours">H</abbr>: Monday - Friday: 9:00 AM to 5:00 PM</p>
|
130
|
|
- <ul class="list-unstyled list-inline list-social-icons">
|
131
|
|
- <li>
|
132
|
|
- <a href="https://www.facebook.com/dyne.org/?hc_ref=SEARCH&fref=nf"><i class="fa fa-facebook-square fa-2x"></i></a>
|
133
|
|
- </li>
|
134
|
|
- <li>
|
135
|
|
- <a href="https://www.linkedin.com/company-beta/3210888/"><i class="fa fa-linkedin-square fa-2x"></i></a>
|
136
|
|
- </li>
|
137
|
|
- <li>
|
138
|
|
- <a href="https://twitter.com/DYIoT"><i class="fa fa-twitter-square fa-2x"></i></a>
|
139
|
|
- </li>
|
140
|
|
- </ul>
|
141
|
|
- <p> You can reach us with Bus 48 or 22 from Centraal Station </p>
|
|
97
|
+ <!-- /.row -->
|
|
98
|
+ <!-- Content Row -->
|
|
99
|
+ <div class="row">
|
|
100
|
+ <!-- Map Column -->
|
|
101
|
+ <div class="col-md-6">
|
|
102
|
+ <!-- Embedded Google Map -->
|
|
103
|
+ <iframe width="525" height="450" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://www.openstreetmap.org/export/embed.html?bbox=4.794502258300782%2C52.3587237539045%2C4.966163635253907%2C52.43466472882982&layer=mapnik&marker=52.396710577108536%2C4.880332946777344" style="border: 1px solid black"></iframe>
|
|
104
|
+ <br />
|
|
105
|
+ <small><a href="https://www.openstreetmap.org/?mlat=52.3967&mlon=4.8803#map=13/52.3967/4.8803">View Larger Map</a></small>
|
|
106
|
+ </div>
|
|
107
|
+ <!-- Contact Details Column -->
|
|
108
|
+ <div class="col-md-6">
|
|
109
|
+ <h3>Contact Details</h3>
|
|
110
|
+ <p>
|
|
111
|
+ Haparandadam 7/A1<br>1013 AK<br> Amsterdamn</p>
|
|
112
|
+ <p><i class="fa fa-phone"></i><abbr title="Phone">P</abbr>: +31 6 41842801</p>
|
|
113
|
+ <p><i class="fa fa-envelope-o"></i><abbr title="Email">E</abbr>: <a href="mailto:info@dowse.net">info@dowse.it</a></p>
|
|
114
|
+ <p><i class="fa fa-clock-o"></i><abbr title="Hours">H</abbr>: Monday - Friday: 9:00 AM to 5:00 PM</p>
|
|
115
|
+ <ul class="list-unstyled list-inline list-social-icons">
|
|
116
|
+ <li>
|
|
117
|
+ <a href="https://www.facebook.com/dyne.org/?hc_ref=SEARCH&fref=nf"><i class="fa fa-facebook-square fa-2x"></i></a>
|
|
118
|
+ </li>
|
|
119
|
+ <li>
|
|
120
|
+ <a href="https://www.linkedin.com/company-beta/3210888/"><i class="fa fa-linkedin-square fa-2x"></i></a>
|
|
121
|
+ </li>
|
|
122
|
+ <li>
|
|
123
|
+ <a href="https://twitter.com/DYIoT"><i class="fa fa-twitter-square fa-2x"></i></a>
|
|
124
|
+ </li>
|
|
125
|
+ </ul>
|
|
126
|
+ <p> You can reach us with Bus 48 or 22 from Centraal Station </p>
|
|
127
|
+ </div>
|
142
|
128
|
</div>
|
143
|
|
- </div>
|
144
|
|
- <!-- /.row -->
|
145
|
|
-
|
146
|
|
- <!-- Contact Form -->
|
147
|
|
- <!-- In order to set the email address and subject line for the contact form go to the bin/contact_me.php file. -->
|
148
|
|
- <div class="row">
|
149
|
|
- <div class="col-md-8">
|
150
|
|
- <h3>Send us a Message</h3>
|
151
|
|
- <form name="sentMessage" id="contactForm" novalidate>
|
152
|
|
- <div class="control-group form-group">
|
153
|
|
- <div class="controls">
|
154
|
|
- <label>Full Name:</label>
|
155
|
|
- <input type="text" class="form-control" id="name" required data-validation-required-message="Please enter your name.">
|
156
|
|
- <p class="help-block"></p>
|
|
129
|
+ <!-- /.row -->
|
|
130
|
+ <!-- Contact Form -->
|
|
131
|
+ <!-- In order to set the email address and subject line for the contact form go to the bin/contact_me.php file. -->
|
|
132
|
+ <div class="row">
|
|
133
|
+ <div class="col-md-8">
|
|
134
|
+ <h3>Send us a Message</h3>
|
|
135
|
+ <form name="sentMessage" id="contactForm" novalidate>
|
|
136
|
+ <div class="control-group form-group">
|
|
137
|
+ <div class="controls">
|
|
138
|
+ <label>Full Name:</label>
|
|
139
|
+ <input type="text" class="form-control" id="name" required data-validation-required-message="Please enter your name.">
|
|
140
|
+ <p class="help-block"></p>
|
|
141
|
+ </div>
|
157
|
142
|
</div>
|
158
|
|
- </div>
|
159
|
|
- <div class="control-group form-group">
|
160
|
|
- <div class="controls">
|
161
|
|
- <label>Phone Number:</label>
|
162
|
|
- <input type="tel" class="form-control" id="phone" required data-validation-required-message="Please enter your phone number.">
|
|
143
|
+ <div class="control-group form-group">
|
|
144
|
+ <div class="controls">
|
|
145
|
+ <label>Phone Number:</label>
|
|
146
|
+ <input type="tel" class="form-control" id="phone" required data-validation-required-message="Please enter your phone number.">
|
|
147
|
+ </div>
|
163
|
148
|
</div>
|
164
|
|
- </div>
|
165
|
|
- <div class="control-group form-group">
|
166
|
|
- <div class="controls">
|
167
|
|
- <label>Email Address:</label>
|
168
|
|
- <input type="email" class="form-control" id="email" required data-validation-required-message="Please enter your email address.">
|
|
149
|
+ <div class="control-group form-group">
|
|
150
|
+ <div class="controls">
|
|
151
|
+ <label>Email Address:</label>
|
|
152
|
+ <input type="email" class="form-control" id="email" required data-validation-required-message="Please enter your email address.">
|
|
153
|
+ </div>
|
169
|
154
|
</div>
|
170
|
|
- </div>
|
171
|
|
- <div class="control-group form-group">
|
172
|
|
- <div class="controls">
|
173
|
|
- <label>Message:</label>
|
174
|
|
- <textarea rows="10" cols="100" class="form-control" id="message" required data-validation-required-message="Please enter your message" maxlength="999" style="resize:none"></textarea>
|
|
155
|
+ <div class="control-group form-group">
|
|
156
|
+ <div class="controls">
|
|
157
|
+ <label>Message:</label>
|
|
158
|
+ <textarea rows="10" cols="100" class="form-control" id="message" required data-validation-required-message="Please enter your message" maxlength="999" style="resize:none"></textarea>
|
|
159
|
+ </div>
|
175
|
160
|
</div>
|
176
|
|
- </div>
|
177
|
|
- <div id="success"></div>
|
178
|
|
- <!-- For success/fail messages -->
|
179
|
|
- <button type="submit" class="btn btn-primary">Send Message</button>
|
180
|
|
- </form>
|
181
|
|
- </div>
|
182
|
|
-
|
183
|
|
- </div>
|
184
|
|
- <!-- /.row -->
|
185
|
|
-
|
186
|
|
- <hr>
|
187
|
|
-
|
188
|
|
- <!-- Footer -->
|
189
|
|
- <footer>
|
190
|
|
- <div class="row">
|
191
|
|
- <div class="col-lg-12">
|
192
|
|
- <p>
|
193
|
|
- <a rel="license" href="http://creativecommons.org/licenses/by/4.0/"><img alt="Creative Commons License" style="border-width:0" src="https://i.creativecommons.org/l/by/4.0/88x31.png" /></a>
|
194
|
|
- <small><a rel="license" href="http://creativecommons.org/licenses/by/4.0/">Creative Commons Attribution 4.0 International License</a>.</small>
|
195
|
|
- <small>Copyleft © Dyne.org 2017</p></small>
|
|
161
|
+ <div id="success"></div>
|
|
162
|
+ <!-- For success/fail messages -->
|
|
163
|
+ <button type="submit" class="btn btn-primary">Send Message</button>
|
|
164
|
+ </form>
|
196
|
165
|
</div>
|
197
|
166
|
</div>
|
198
|
|
- </footer>
|
199
|
|
-
|
200
|
|
- </div>
|
201
|
|
- <!-- /.container -->
|
202
|
|
-
|
203
|
|
- <!-- jQuery -->
|
204
|
|
- <script src="js/jquery.js"></script>
|
205
|
|
-
|
206
|
|
- <!-- Bootstrap Core JavaScript -->
|
207
|
|
- <script src="js/bootstrap.min.js"></script>
|
208
|
|
-
|
209
|
|
- <!-- Contact Form JavaScript -->
|
210
|
|
- <!-- Do not edit these files! In order to set the email address and subject line for the contact form go to the bin/contact_me.php file. -->
|
211
|
|
- <script src="js/jqBootstrapValidation.js"></script>
|
212
|
|
- <script src="js/contact_me.js"></script>
|
213
|
|
-
|
214
|
|
-</body>
|
215
|
|
-
|
216
|
|
-</html>
|
|
167
|
+ <!-- /.row -->
|
|
168
|
+ <hr>
|
|
169
|
+ <!-- Footer -->
|
|
170
|
+ <footer>
|
|
171
|
+ <div class="row">
|
|
172
|
+ <div class="col-lg-12">
|
|
173
|
+ <p><a rel="license" href="http://creativecommons.org/licenses/by/4.0/">
|
|
174
|
+ <img alt="Creative Commons License" style="border-width:0" src="https://i.creativecommons.org/l/by/4.0/88x31.png" />
|
|
175
|
+ </a><small><a rel="license" href="http://creativecommons.org/licenses/by/4.0/">Creative Commons Attribution 4.0 International License</a>.</small><small>Copyleft © Dyne.org 2017</p>
|
|
176
|
+ </small>
|
|
177
|
+ </div>
|
|
178
|
+ </div>
|
|
179
|
+ </footer>
|
|
180
|
+</div>
|
|
181
|
+<!-- /.container -->
|
|
182
|
+<!-- jQuery -->
|
|
183
|
+<script src="js/jquery.js"></script>
|
|
184
|
+<!-- Bootstrap Core JavaScript -->
|
|
185
|
+<script src="js/bootstrap.min.js"></script>
|
|
186
|
+<!-- Contact Form JavaScript -->
|
|
187
|
+<!-- Do not edit these files! In order to set the email address and subject line for the contact form go to the bin/contact_me.php file. -->
|
|
188
|
+<script src="js/jqBootstrapValidation.js"></script>
|
|
189
|
+<script src="js/contact_me.js"></script>
|