-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
394 lines (350 loc) · 14.2 KB
/
index.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
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
<!DOCTYPE HTML>
<!--
Prologue powered by HTML5 UP new defined css by Thies Mueller | td00.de
html5up.net | @n33co
thiesmueller.de | @therealdude2012
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
Added GPL License.
All Pages scripted with this template need to be contributed under the GPL License!
-->
<html>
<head>
<title>Kinderfeuerwehr Ribbesbüttel</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
<link rel="stylesheet" href="assets/css/main.css" />
<!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
<!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->
</head>
<body>
<!-- Header -->
<div id="header">
<div class="top">
<!-- Logo -->
<div id="logo">
<span class="image avatar48"><img src="images/fix.jpg" alt="Fix © Purwin" /></span>
</div>
<!-- Nav -->
<nav id="nav">
<ul>
<li><a href="#main" id="top-link" class="skel-layers-ignoreHref"><span class="icon fa-home">Start</span></a></li>
<li><a href="#ueber" id="about-link" class="skel-layers-ignoreHref"><span class="icon fa-info-circle">Über Uns</span></a></li>
<li><a href="#team" id="about-link" class="skel-layers-ignoreHref"><span class="icon fa-user">Das Team</span></a></li>
<li><a href="#auto" id="portfolio-link" class="skel-layers-ignoreHref"><span class="icon fa-car">Das Auto</span></a></li>
<li><a href="#links" id="contact-link" class="skel-layers-ignoreHref"><span class="icon fa-link">Links</span></a></li>
<li><a href="#kontakt" id="contact-link" class="skel-layers-ignoreHref"><span class="icon fa-envelope">Kontakt</span></a></li>
<li><a href="blog/" id="contact-link" class="skel-layers-ignoreHref"><span class="icon fa-wordpress">Neuigkeiten</span></a></li>
</ul>
</nav>
</div>
<div class="bottom">
<!-- Social Icons --> <!--Falls wir mal welche Brauchen-->
<ul class="icons">
<!-- <li><a href="#" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="#" class="icon fa-facebook"><span class="label">Facebook</span></a></li> -->
<li><a href="https://github.com/td--/kf" class="icon fa-github"><span class="label">Github</span></a></li>
<!--<li><a href="#" class="icon fa-dribbble"><span class="label">Dribbble</span></a></li>
<li><a href="#" class="icon fa-envelope"><span class="label">Email</span></a></li>-->
</ul>
</div>
</div>
<!-- Home -->
<div id="main">
<!-- Intro -->
<section id="top" class="one dark cover">
<div class="container">
<header>
<h2 class="alt">Hi! Wir sind die <strong>Kinderfeuerwehr Ribbesbüttel</strong>, eine Seite der <a href="http://ff.rib.td00.de/">Freiwillige Feuerwehr Ribbesbüttel</a> .</h2>
</header>
<footer>
© Freiwillige Feuerwehr Ribbesbüttel 2015
</footer>
</div>
</section>
<!-- About Me -->
<section id="ueber" class="three">
<div class="container">
<header>
<h2>Über uns</h2>
</header>
<a href="#team" class="image featured"><img src="images/gruppe.jpg" alt="" />Blindbild, zu ersetzen mit Gruppenbild (vor dem KF Fahrzeug?)</a>
<p>Wir leiten die Kinderfeuerwehr Ribbesbüttel und sorgen dafür, dass wir immer viel Spass haben. <br> <br>
Die Kinderfeuerwehr <span style="font-weight: bold;">„Die
Kleinen Löschmeister“</span> wurde im Januar 2006 auf der
Jahresversammlung der Freiwilligen Feuerwehr Ribbesbüttel ins Leben
gerufen. Wir hatten die erste Kinderfeuerwehr, die in der Samtgemeinde
Isenbüttel gegründet wurde. Als Leiter wurde Thomas Stobbe,
und als sein Stellvertreter wurde Uwe Scholz gewählt. <br>
<br>
Die Idee eine Kinderfeuerwehr zu gründen ist entstanden, weil auch wir,
wie einige andere Jugendfeuerwehren in der Samtgemeinde Isenbüttel, zur
Gründungszeit einfach zu wenig Mitglieder
hatten. Wir waren 2006 nicht einmal mehr in der Lage eine
vollständige Gruppe von 9 Mitgliedern zu den
sogenannten Samtgemeinde-Wettbewerben zu schicken.<br>
<br>
<span style="font-style: italic;">Warum
haben die Jugendfeuerwehren Probleme Jungen und Mädchen für sich zu
gewinnen?</span><br>
Ein Grund dafür ist, daß die Kinder oder Jugendlichen erst mit
10 Jahren in die Jugendfeuerwehr eintreten dürfen. Das ist
einfach zu spät. Mit 10 Jahren spielen viele schon Fußball, machen
Leichtathletik oder Turnen.<br>
<br>
Wir, die Freiwillige Feuerwehr Ribbesbüttel, möchten dagegen
anarbeiten und bisher ist uns das sehr gut gelungen. Es ist unser Ziel,
euch frühzeitig für die Feuerwehr oder
auch Jugendfeuerwehr zu begeistern, so daß wir euch möglicherweise in
der Jugendfeuerwehr begrüßen können.<br>
<br>
Ihr werdet euch jetzt bestimmt fragen, was euch dort erwartet, oder?!<br>
<br>
Unser gemeinsames Ziel sollte jedoch sein, <span style="font-weight: bold;">viel Spaß</span> zusammen
zu haben.<br>
<br>
Ich könnte mir vorstellen, dass ein Besuch bei der Zentrale, bei der
der <span style="font-weight: bold;">Notruf 112</span>
eingeht, sehr interessant sein könnte.
Basteln, Malen und Werken aber auch die Brandschutzerziehung sind
weitere Aktivitäten, die wir anbieten möchten. Lasst euch einfach
überraschen!!!<br>
<br>
Ach ja, jetzt wisst ihr immer noch nicht, wer bei uns mitmachen darf!<br>
<br>
Das kann ich euch aber sagen. Alle Kinder im Alter <span style="font-weight: bold;">zwischen 6 und 10
Jahren</span> aus Ribbesbüttel, Ausbüttel, Winkel und auch die
Kinder aus
Vollbüttel (natürlich auch Druffelbeck).<br>
Unsere Kameradinnen und Kameraden aus Vollbüttel werden leider
keine eigene Kinderfeuerwehr ins Leben rufen. Schade!<br>
<br>
<span style="text-decoration: underline; font-style: italic; font-weight: bold;">Hier
sei noch einmal gesagt:</span><br>
<br>
Die Kinder aus Vollbüttel, die bei uns in der Kinderfeuerwehr waren und
ausscheiden müssen, können entweder in die Jugendfeuerwehr Ribbesbüttel
übergehen oder nach Vollbüttel wechseln.<br>
</p>
</div>
</section>
<!-- Das Team -->
<section id="team" class="two">
<div class="container">
<header>
<h2>Das Team</h2>
</header>
<br>
Die aktiven Mitglieder der Freiwilligen Feuerwehr Ribbesbüttel, die ihr
weiter unten seht, könnt ihr ansprechen! Damit ihr eine Vorstellung
habt, wie sie aussehen, haben wir Bilder gemacht. Eine Telefonnummer
und eine email-Adresse steht auch dabei, sonst könnt ihr
die Kameraden ja nicht erreichen...
<br>
<br>
<br>
<div style="text-align: center;"><big><big>Leiter
der Kinderfeuerwehr</big></big><br>
<br>
<img src="images/team/Thomas.Stobbe.jpg" alt="" style="width: 95px; height: 128px;" align="middle" hspace="20"><br>
<br>
Thomas Stobbe<br>
<br>
Gifhorner Str. xx<br>
38551 Ausbüttel<br>
05374/66501<br>
<br>
<a href="mailto:[email protected]">[email protected]</a><br>
<br>
</div>
<br>
<div style="text-align: center;"><big><big>stellv.
Leiter der Kinderfeuerwehr</big></big><br>
<br>
zur Zeit leider nicht besetzt<br>
<br>
<br>
</div>
<hr style="width: 100%; height: 2px;"><small><small><br>
</small></small>
<div style="text-align: center;"><big><big>Ortsbrandmeister</big></big><br>
<br>
<img style="width: 120px; height: 160px;" alt="" src="images/team/Harald.Schoenhoff.jpg" align="middle" hspace="20"><br>
<br>
Harald Schönhoff<br>
<br>
Ortholz 8<br>
38551 Ribbesbüttel<br>
05374/5441<br>
<br>
<a href="mailto:[email protected]">[email protected]</a><br>
<br>
</div>
<br>
<div style="text-align: center;"><big><big>stellv.
Ortsbrandmeister</big><br>
<br>
<img style="width: 120px; height: 160px;" alt="" src="images/team/Dirk.Boeckler.jpg" align="middle" hspace="20"><br>
<br>
Dirk Böckler<br>
<br>
Im Ortfeld 10<br>
38551 Ribbesbüttel<br>
05374/931768<br>
<br>
<a href="mailto:[email protected]">[email protected]</a><br>
</big></div>
<br>
<div style="text-align: center;"><big><big>Jugendwart</big><br>
<br>
<img style="width: 111px; height: 128px;" alt="" src="images/team/Dennis.Hanisch.jpg" align="middle" hspace="20"><br>
<br>
Dennis Hanisch<br>
<br>
Sandweg 18<br>
38551 Ribbesbüttel<br>
05374/3985<br>
<br>
<a href="mailto:[email protected]">[email protected]</a><br>
</big></div>
</td>
</div>
</section>
<!-- Auto -->
<section id="auto" class="two">
<div class="container">
<header>
<h2>Unser Auto</h2>
</header>
<p>Das hier ist unser Auto. Mit dem fahren wir Übungen. Wie es entstanden ist siehst du hier.</p>
<div class="row">
<div class="4u 12u$(mobile)">
<article class="item">
<a href="#" class="image fit"><img src="images/auto/Fahrzeug01_klein.jpg" alt="" /></a>
<header>
<h3>Das Roh Auto</h3>
</header>
</article>
<article class="item">
<a href="#" class="image fit"><img src="images/auto/Fahrzeug02_klein.jpg" alt="" /></a>
<header>
<h3>Wird zur Feuerwehr gebracht</h3>
</header>
</article>
</div>
<div class="4u 12u$(mobile)">
<article class="item">
<a href="#" class="image fit"><img src="images/auto/Fahrzeug03_klein.jpg" alt="" /></a>
<header>
<h3>Das Gerippe wird gebaut</h3>
</header>
</article>
<article class="item">
<a href="#" class="image fit"><img src="images/auto/Fahrzeug04_klein.jpg" alt="" /></a>
<header>
<h3>Das Gerippe steht</h3>
</header>
</article>
</div>
<div class="4u$ 12u$(mobile)">
<article class="item">
<a href="#" class="image fit"><img src="images/auto/Fahrzeug05_klein.jpg" alt="" /></a>
<header>
<h3>Die Kinder befestigen die Seitenteile</h3>
</header>
</article>
<article class="item">
<a href="#" class="image fit"><img src="images/auto/Fahrzeug06_klein.jpg" alt="" /></a>
<header>
<h3>Die Kinder befestigen die Seitenteile</h3>
</header>
</article>
</div>
<div class="4u$ 12u$(mobile)">
<article class="item">
<a href="#" class="image fit"><img src="images/auto/Fahrzeug07_klein.jpg" alt="" /></a>
<header>
<h3>Und dann wird es Rot lackiert</h3>
</header>
</article>
<article class="item">
<a href="#" class="image fit"><img src="images/auto/Fahrzeug08_klein.jpg" alt="" /></a>
<header>
<h3>Da ist es</h3>
</header>
</article>
</div>
<div class="4u$ 12u$(mobile)">
<article class="item">
<a href="#" class="image fit"><img src="images/auto/Fahrzeug09_klein.jpg" alt="" /></a>
<header>
<h3>Spannung vor der großen Eröffnung</h3>
</header>
</article>
<article class="item">
<a href="#" class="image fit"><img src="images/auto/Fahrzeug10_klein.jpg" alt="" /></a>
<header>
<h3>Natürlich mit Nebel</h3>
</header>
</article>
</div>
<div class="4u$ 12u$(mobile)">
<article class="item">
<a href="#" class="image fit"><img src="images/auto/Fahrzeug11_klein.jpg" alt="" /></a>
<header>
<h3>Das Auto "fährt" vor</h3>
</header>
</article>
<article class="item">
<a href="#" class="image fit"><img src="images/auto/Fahrzeug12_klein.jpg" alt="" /></a>
<header>
<h3>Und Natürlich wird gleich Probe gesessen</h3>
</header>
</article>
</div>
</div>
</div>
</section>
<!-- Links -->
<section id="links" class="four">
<div class="countainer">
<h2>Links</h2>
<a href="http://ff.rib.td00.de/">Seite der Freiwilligen Feuerwehr Ribbesbüttel</a>
<br>
<a href="http://jf.rib.td00.de/">Seite der Jugendfeuerwehr Ribbesbüttel</a>
<br>
<a href="http://www.ff-calberlah.de/index.php/kinderfeuerwehr">Kinderfeuerwehr Calberlah</a>
<br>
<a href="http://ribbesbuettel.de/">Gemeinde Ribbesbüttel</a>
</div>
</section>
<!-- Contact -->
<section id="kontakt" class="four">
<div class="container">
<header>
<h2>Kontakt</h2>
</header>
<a>!form class kf-kontakt-main style feuer2 </a>
Form Broken. Check Later. Much Later <a>(fck HTML)</a> <!-- FUCK THIS SHIT! Kontaktformular ist scheisse. Ich bastel da grad n neues. -->
<br>
</div>
</section>
</div>
<!-- Footer -->
<div id="footer">
<!-- Copyright -->
<ul class="copyright">
<li>© <a href="http://thiesmueller.de/">Thies Müller</a>. Alle Rechte liegen bei dem jeweiligen Inhalteersteller.</li><li>Design powered by: <a href="http://html5up.net">HTML5 UP</a></li><li><a href="https://td00.de/impressum/">Impressum</a></li>
</ul>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/jquery.scrollzer.min.js"></script>
<script src="assets/js/skel.min.js"></script>
<script src="assets/js/util.js"></script>
<!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
<script src="assets/js/main.js"></script>
</body>
</html>