-
Notifications
You must be signed in to change notification settings - Fork 0
/
english.html
185 lines (174 loc) · 9.37 KB
/
english.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
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
<!DOCTYPE html>
<html lang="nl">
<head>
<meta charset="UTF-8" />
<!--Let browser know website is optimized for mobile-->
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>VL - EN</title>
<!-- icons -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css" />
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" />
<!-- CSS framework -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css" />
<link rel="icon" type="image/x-icon" href="images/favicon.ico">
<!-- just in case you don't have an internet connection while developing -->
<!--<link href="css/materialize.css" type="text/css" rel="stylesheet"/>-->
<!-- CSS VL-->
<link rel="stylesheet" href="css/vl.css" />
</head>
<body>
<header id="top">
<nav id="nav" class="white" role="navigation">
<div class="nav-wrapper container">
<a href="index.html"><img src="images/logo.png" alt="logo" height="55"></a>
<ul class="right hide-on-med-and-down">
<li><a href="#"><i class="fas fa-house-user"></i> Home</a>
<ul class="right hide-on-med-and-down">
<li><a href="index.html">Nederlands</a></li>
<li><a href="frans.html">Francais</a></li>
<li><a href="english.html">English</a></li>
</ul>
</li>
<li><a href="opvang.html"><i class="fas fa-baby-carriage"></i> Reception</a></li>
<li><a href="werking.html"><i class="fas fa-hand-holding-heart"></i> Operation</a></li>
<li><a href="waarom.html"><i class="fas fa-map-marker-alt"></i> Why</a></li>
<li><a href="#contact"><i class="fas fa-address-book"></i> Contact</a></li>
<li><a href="faq.html"><i class="fas fa-question"></i> Questions</a></li>
</ul>
<ul id="nav-mobile" class="sidenav">
<li><a href="index.html">Home</a></li>
<li><a href="opvang.html">Reception</a></li>
<li><a href="werking.html">Operation</a></li>
<li><a href="waarom.html">Why</a></li>
<li><a href="#contact">Contact</a></li>
<li><a href="faq.html">Questions</a></li>
<li><a id="navimg" href="index.html"><img src="images/logo.png" alt="logo" height="55"></a></li>
</ul>
<a href="#" data-target="nav-mobile" class="sidenav-trigger ">
<i class="material-icons">menu</i></a>
</div>
</nav>
</header>
<div class="container" id="top">
<main>
<h1 class="titel_everywere">Welcome to the VL</h1>
<h4 class="titel_everywere2">Welcome to the VL</h4>
<br>
<div class="row">
<div class="col l3 s12">
<img id="foto1" src="images/pexels-pixabay-451853.jpg" alt="baby" height="300">
</div>
<div class="col l6 s12 center">
<p>Foundlings are not a new, but fortunately a very rare phenomenon.<br>
<br>
Sometimes newborns are left in an unsafe place <br>so that they rarely
survive.<br>
<br>
The foundling hatch is there to give a distraught mother the opportunity<br> to give her
child anonymously
a warm and safe
place.<br>
<br>
Following the example of many other countries, in 2000 the VZW Mothers for Mothers<br>
established the
first foundlings section
in Belgium. <br>It is located in the
<a id="google_maps" class="locatie"
href="http://maps.google.com/?q=2140 Helmstraat 93, 2140 Antwerpen" target="_blank">
Helmstraat 93, 2140 Borgerhout, Antwerpen</a><br>
<br>
The foundling hatch has its own phone number that is 24/7
reachable: <br><a class="tel" href="tel:0478813128">0478 / 81 31 28 </a><br> This way the
mom can contact us anonymously
for a chat or for helpful advice and assistance.<br></p>
</div>
<div class="col l3 s12">
<img id="foto2" src="images/pexels-pixabay-161709.jpg" alt="baby" height="300">
</div>
</div>
<div class="row">
<div class="col l6 s12">
</div>
</div>
</main>
</div>
<div>
<a href="#top">
<div id="button"><i class="fa-solid fa-arrow-up"></i></div>
</a>
</div>
<footer class="page-footer">
<!-- Footer -->
<div class="container">
<div class="row">
<div class="col l6 s12">
<h4 id="contact" class="white-text">About the foundling hatch</h4>
<div class="divider"></div>
<p class="grey-text text-lighten-4">
The foundling hatch is easily accessible by public transportation.
From the main train station you have to walk about 15 minutes.
<br>
You can also use a streetcar or bus, which depart from the Koningin Astridplein. The
streetcar and bus stop where you must disembark is called "Drink".
</p>
<ul>
<li>Bus lines 23, 4xx</li>
<li>Streetcar line 24</li>
</ul>
<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2499.066818726914!2d4.43262341591703!3d51.21784473965342!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47c3f7096f9ac975%3A0x32d754009f0c8ea8!2sHelmstraat%2093%2C%202140%20Antwerpen!5e0!3m2!1snl!2sbe!4v1643289255873!5m2!1snl!2sbe"
width="300" height="250" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
</div>
<div class="col l3 s12">
<h4 class="white-text">Contact</h4>
<div class="divider"></div>
<ul>
<li><a id="tel" class="white-text" href="tel:0478813128">0478 / 81 31 28 </a></li>
<li><a id="google_maps" class="white-text"
href="http://maps.google.com/?q=2140 Helmstraat 93, 2140 Antwerpen"
target="_blank">Helmstraat 93,
2140 Borgerhout</a></li>
</ul>
<a href="tel:0478813128">
<div class="buttonphone"><i class="fas fa-phone"></i></div>
</a>
<p class="hide-on-small-only"><img class="responsive-img" src="images/logo.png" alt="pencils"
width="200">
</p>
</div>
<div class="col l3 s12">
<h4 class="white-text">Links</h4>
<div class="divider"></div>
<ul>
<li><a class="links_footer" href="index.html">Home</a></li>
<li><a class="links_footer" href="opvang.html">Reception</a></li>
<li><a class="links_footer" href="werking.html">Operation</a></li>
<li><a class="links_footer" href="waarom.html">Why</a></li>
<li><a class="links_footer" href="#contact">Contact</a></li>
<li><a class="links_footer" href="faq.html">Questions</a></li>
</ul>
</div>
</div>
</div>
<div id="footer_copyright" class="footer-copyright">
<div class="container">
Orientation Project 1ITF @ <a class="yellow-text text-lighten-2" href="https://www.thomasmore.be/"
target="_blank">Thomas
More</a> – prototype create by:
<a class="yellow-text text-lighten-2" href="https://webbers.sinners.be/" target="_blank">Webbers</a>.
The foundling hatch is an initiative of the non-profit organization:
<a class="yellow-text text-lighten-2" href="https://moedersvoormoeders.be/" target="_blank">moeders voor
moeders</a>
</div>
</div>
</footer>
<!--JavaScript at end of body for optimized loading-->
<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
<script src="js/init.js"></script>
<script src="js/scrolling.js"></script>
<script src="js/navbar.js"></script>
<!-- just in case you don't have an internet connection while developing -->
<!--<script type="text/javascript" src="js/materialize.min.js"></script>-->
</body>
</html>