-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
189 lines (179 loc) · 10.6 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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Titel und Favicon -->
<title>KleiderBrücke</title>
<link rel="icon" href="/assets/logo.png" type="image/x-icon">
<!-- CSS Framework Bootstrap -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz"
crossorigin="anonymous"></script>
</head>
<body>
<nav class="navbar bg-dark border-bottom sticky-top" data-bs-theme="dark">
<div class="container-fluid">
<!-- Logo & Name oben links -->
<a class="navbar-brand" href="/index.html">
<img src="/assets/logo.png" alt="Logo" width="30" height="30"
class="d-inline-block align-text-top"><span class="p-1">KleiderBrücke</span>
</a>
<!-- Breadcrumbs (nur Desktop) -->
<nav class="d-none d-lg-block" aria-label="breadcrumb">
<ol class="breadcrumb mb-0">
<li class="breadcrumb-item active" aria-current="page">Startseite</li>
</ol>
</nav>
<!-- Toggler -->
<div class="dropdown ms-auto">
<button class="navbar-toggler" type="button" id="dropdownMenuButton" data-bs-toggle="dropdown"
aria-expanded="false">
<span class="navbar-toggler-icon"></span>
</button>
<ul class="dropdown-menu dropdown-menu-end" aria-labelledby="dropdownMenuButton">
<li><a class="dropdown-item" href="../index.html">Startseite</a></li>
<li><a class="dropdown-item" href="/sites/register_donation.html">Kleiderspende registrieren</a>
</li>
<li>
<hr class="dropdown-divider">
</li>
<li><a class="dropdown-item" href="/sites/impressum.html">Impressum</a></li>
<li><a class="dropdown-item" href="/sites/privacy_policy.html">Datenschutzerklärung</a></li>
</ul>
</div>
</div>
</nav>
<main>
<div class="container col-xxl-8 px-4 py-5">
<div class="row flex-lg-row-reverse align-items-center g-5 rounded-3 border shadow-lg mt-1">
<div class="px-4 py-5 my-5 text-center">
<img class="d-block mx-auto rounded-5 mb-2" src="assets/kleidung.jpg" alt="Kleidung" width="45%"
height="100%">
<h1 class="display-5 fw-bold text-body-emphasis"><span class="text-primary">KleiderBrücke</span>
</h1>
<div class="col-lg-10 mx-auto">
<p class="lead mb-4">
Unterstützen Sie uns jetzt dabei, Menschen in Not mit dringend benötigter Kleidung zu versorgen.
<span class="fw-bold text-primary">Sie</span> haben die Möglichkeit,
den Bestimmungsort Ihrer Spende selbst zu wählen.
<br>Wir sind dankbar für jede Spende, sei es durch persönliche Übergabe
in unserer Geschäftsstelle in Schwabing oder durch Anmeldung zur Abholung bei Ihnen zu Hause.
</p>
<div class="d-grid gap-2 d-sm-flex justify-content-sm-center">
<button type="button" class="btn btn-primary btn-lg px-4 gap-3"
onclick="window.location.href='/sites/register_donation.html'">Jetzt Spende
registrieren</button>
</div>
</div>
</div>
</div>
</div>
<div class="container col-xxl-8 px-4 py-5">
<div class="row flex-lg-row-reverse align-items-center g-5 py-5 rounded-3 border shadow-lg">
<div class="overflow-hidden" style="max-height: 60vh;">
<div class="container px-5">
<img src="assets/hochwasser.jpg" class="img-fluid rounded-3 mb-4" alt="Hochwasser"
width="100%" height="30%">
</div>
</div>
<h1 class="display-4 fw-bold text-body-emphasis text-center"><span class="text-info">Hochwasser</span>
in Bayern
</h1>
<div class="col-lg-10 mx-auto">
<p class="lead mb-4">
Im Mai 2024 reagierte KleiderBrücke e.V. schnell auf das Hochwasser
in Bayern und sammelte innerhalb von nur 48 Stunden über 10.000 Kleidungsstücke.
Dank der zügigen Koordination und der engagierten Unterstützung der Spender konnten bereits innerhalb
von drei Tagen die ersten Lieferungen in die betroffenen Gebiete verteilt werden.
Die Geschäftsstelle in Schwabing und das Abholteam sorgten dafür, dass die Spenden effizient
gesammelt und direkt an die bedürftigen Familien vor Ort geliefert wurden.
</p>
</div>
</div>
</div>
<div class="container col-xxl-8 px-4 py-5">
<div class="row flex-lg-row-reverse align-items-center g-5 py-5 rounded-3 border shadow-lg">
<div class="col-10 col-sm-8 col-lg-6">
<img src="assets/kaelte.jpg" class="d-block mx-lg-auto rounded-3 img-fluid mb-1"
alt="Kaelte" width="100%" height="30%" loading="lazy">
</div>
<div class="col-lg-6">
<h1 class="display-5 fw-bold text-body-emphasis lh-1 mb-3"><span class="text-danger">Krisen</span>
in Deutschland</h1>
</h1>
<p class="lead">
<span class="text-danger"><strong>Kälte in Deutschland:</strong></span> Im Januar 2025
droht Deutschland eine extreme Kältewelle,
die besonders obdachlose Menschen und sozial schwache Familien
hart treffen wird. Viele Bedürftige benötigen warme Winterkleidung,
Decken und Mützen, um sich vor der eisigen Kälte zu schützen.
Diese Spenden helfen, die gesundheitlichen Risiken durch die niedrigen
Temperaturen zu mindern und das Wohlbefinden der Betroffenen zu verbessern.
</p>
</div>
</div>
</div>
<div class="container col-xxl-8 px-4 py-5">
<div class="row flex-lg-row-reverse align-items-center g-5 py-5 rounded-3 border shadow-lg">
<div class="col-10 col-sm-8 col-lg-6">
<img src="assets/syrien.jpg" class="d-block mx-lg-auto rounded-3 img-fluid mb-1"
alt="Syrien" width="100%" height="30%" loading="lazy">
</div>
<div class="col-lg-6">
<h1 class="display-5 fw-bold text-body-emphasis lh-1 mb-3"><span class="text-warning">Krisen</span>
weltweit</h1>
</h1>
<p class="lead">
<span class="text-warning"><strong>Chaos in Syrien:</strong></span>
Viele Menschen in Syrien haben durch die anhaltenden Konflikte
alles verloren und benötigen dringend warme Kleidung, Decken und Schuhe.
Ihre Spende kann helfen, das Leben der Betroffenen in diesen schwierigen Zeiten zu erleichtern.
</p>
</p>
</div>
</div>
</div>
<div class="container col-xxl-8 px-4 py-5">
<div class="row flex-lg-row-reverse align-items-center g-5 py-5 rounded-3 border shadow-lg">
<div class="col-10 col-sm-8 col-lg-6">
<img src="assets/logo.png" class="d-block mx-lg-auto rounded-3 img-fluid mb-1"
alt="Logo" width="100%" height="30%" loading="lazy">
</div>
<div class="col-lg-6">
<h1 class="display-4 fw-bold lh-1 text-body-emphasis">Über <span class="text-primary">uns</span></h1>
</h1>
<p class="lead">
Als gemeinnütziger Verein haben wir uns darauf spezialisiert,
dringend benötigte Kleidung für Menschen in Krisengebieten zu sammeln und zu verteilen.
Sie können gut erhaltene Kleidung entweder direkt in unserer Geschäftsstelle in Schwabing abgeben
oder von unseren engagierten Kollegen bei Ihnen zu Hause abholen lassen.
<br>
KleiderBrücke e.V. legt großen Wert darauf, dass die Spenden zielgerichtet und bedarfsgerecht
eingesetzt werden, um den Betroffenen in Notsituationen optimal zu helfen.
Durch die engagierte Arbeit der Mitglieder und die Unterstützung der Spender leistet
KleiderBrücke
e.V. einen wichtigen Beitrag zur Linderung von Not und Elend in Krisengebieten weltweit.
</p>
<div class="d-grid gap-2 d-md-flex justify-content-md-start mb-4 mb-lg-3">
<button type="button" class="btn btn-primary btn-lg px-4 gap-3"
onclick="window.location.href='/sites/register_donation.html'">Jetzt Spende
registrieren</button>
</div>
</p>
</div>
</div>
</div>
</main>
<footer class="footer bg-dark">
<ul class="nav justify-content-center border-bottom m-3 d-none d-lg-flex">
<li class="nav-item"><a href="index.html" class="nav-link px-2 text-white">Startseite</a></li>
<li class="nav-item"><a href="/sites/privacy_policy.html"
class="nav-link px-2 text-white">Datenschutzerklärung</a></li>
<li class="nav-item"><a href="/sites/impressum.html" class="nav-link px-2 text-white">Impressum</a></li>
</ul>
<p class="text-center text-white m-3 p-2">© 2025 KleiderBrücke</p>
</footer>
</body>