-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathdonate.html
196 lines (171 loc) · 8.91 KB
/
donate.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
<!DOCTYPE HTML>
<html>
<head>
<title>Spenden - Südafrika 2024</title>
<link rel="icon" href="images/ASC_logo_favIcon.png" type="image/x-icon">
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<link rel="stylesheet" href="assets/css/style.css" />
<noscript>
<link rel="stylesheet" href="assets/css/noscript.css" />
</noscript>
<style>
#wrapper>.bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #212931;
background-image: url("../../images/overlay.png"), linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url("../../images/PlayingKids05.jpg");
background-size: auto, auto, 100% auto;
background-position: center, center, top center;
background-repeat: repeat, no-repeat, no-repeat;
background-attachment: scroll, scroll, scroll;
z-index: -1;
}
@media screen and (orientation: portrait) {
#wrapper>.bg {
background-size: auto, auto, auto 175%;
}
}
</style>
</head>
<body class="is-preload">
<!-- Wrapper -->
<div id="wrapper">
<!-- Header -->
<header id="header">
<a href="index.html" class="logo not-visible">
<img src="images/ASCLogo_White.png" alt="Logo des ASC" width="225" height="225" />
</a>
</header>
<!-- Nav -->
<nav id="nav">
<ul class="links">
<li><a href="index.html">Allgemein</a></li>
<li><a href="school.html">Meine Schule</a></li>
<li><a href="about.html">Über mich</a></li>
<li class="active"><a href="donate.html">Spenden</a></li>
<li><a href="questions.html">Fragen</a></li>
</ul>
</nav>
<!-- Main -->
<div id="main">
<!-- Post -->
<section class="post featured">
<header class="major">
<h1>Spenden</h1>
</header>
<h2>Warum werden Spenden benötigt?</h2>
<p>Unsere Freiwilligenarbeit im Rahmen des weltwärts-Programms setzt sich für eine nachhaltige
Entwicklung und positive Veränderungen in verschiedenen Gemeinschaften ein. Damit nicht nur mir,
sondern auch künftigen Freiwilligen eine solche Möglichkeit geboten wird, sind wir auf
großzügige Spenden angewiesen.<a href="#" class="toggle-button" id="toggle"></a> <br> </p>
<div class="spenden-text" id="spendenText">
<p>
Die Spendengelder dienen der Deckung wichtiger Ausgaben wie Flugtickets, Unterkunftskosten,
Strom, Wasser und weiterer grundlegender Bedürfnisse der Freiwilligen vor Ort. Darüber hinaus
ermöglichen uns überschüssige Spenden, zusätzliche Projekte zu unterstützen und damit die
Reichweite unserer
Arbeit zu erweitern. Dies könnte beispielsweise den Erwerb von weiterer Sportausrüstung für
unsere Aktivitäten vor Ort, die Organisation von Ausflügen mit den Kindern oder auch die
Teilnahme an
Turnieren umfassen.
</p>
<!-- Video -->
<div class="video-container">
<iframe width="560" height="315" src="https://www.youtube.com/embed/3pe0Q_joStM" frameborder="0"
allowfullscreen></iframe>
</div>
<!-- Fortsetzung des Textes -->
<p> <br>
Ihre Spenden sind von großer Bedeutung. Der ASC Göttingen von 1846 e.V. (ASC) ist der Empfänger
Ihrer Spenden und verfügt über die Befugnis, Spendenbescheinigungen auszustellen. Die
Ausstellung
von Spendenbescheinigungen ermöglicht es Ihnen, steuerliche Vorteile zu nutzen. Bitte beachten
Sie,
dass weder der ASC noch ich persönlich von diesen Spenden profitieren. Jegliche Spenden werden
zur
Unterstützung des weltwärts-Programms und seiner zugehörigen Projekte verwendet.
Falls Sie eine Spendenbescheinigung benötigen, geben Sie bitte Ihre Adresse in den
Verwendungszweck
der Überweisung an. So können wir die Bescheinigung zeitnah ausstellen und Ihnen zusenden.
</p>
</div>
<h2>Jetzt Spenden</h2>
<div class="box">
<p>
Wenn Sie sich dazu entschieden haben sollten Geld zu spenden, dann können diese auf folgendes
Konto überwiesen werden:<br><br>
Kontoinhaber: ASC Göttingen von 1846 e.V.<br>
IBAN: DE10 2605 0001 0000 1110 62<br>
BIC: NOLADE21GOE<br>
Sparkasse Göttingen<br><br>
<strong style="color: red;">Verwendungszweck: ww-Spende Einwerber Hankiewicz Lopez, Paul
Spenderadresse: Straße,
Hausnummer, PLZ, Stadt</strong><br><br>
Wenn Sie eine Spendenbescheinigung erhalten möchten, tragen Sie bitte bei der Überweisung Ihre
Adresse im Verwendungszweck ein. Dies ermöglicht eine zeitnahe und unkomplizierte Ausstellung
und Zustellung der Spendenbescheinigung.<br><br>
Die Ausstellung von Spendenbescheinigungen kann es Ihnen ermöglichen, steuerliche Vorteile zu
nutzen.
</p>
</div>
<p>
Falls Sie gespendet haben, danke ich Ihnen von Herzen für Ihre Unterstützung. Wenn Sie möchten,
können Sie auch Ihre E-Mail-Adresse im untenstehenden Feld hinterlassen, um regelmäßige Updates aus
Südafrika zu erhalten. So können Sie einen direkten Einblick erhalten, wofür meine Projektpartnerin
Emma und ich die Spenden verwenden.
</p>
<footer id="footer">
<section>
<form method="post" action="https://formspree.io/f/xbjvnzdo">
<!-- Deine Formularfelder -->
<div class="fields">
<div class="field">
<label for="name">Name</label>
<input type="text" name="name" id="name" />
</div>
<div class="field">
<label for="email">Email</label>
<input type="text" name="email" id="email" />
</div>
<div class="field" style="display: none;"> <!-- Unsichtbares Feld für Newsletter -->
<label for="newsletter">Newsletter</label>
<input type="text" name="newsletter" id="newsletter" value="true" />
</div>
<div class="field" style="display:none;">
<label for="newsletter"></label>
</div>
</div>
<ul class="actions">
<li><input type="submit" value="Abschicken" /></li>
</ul>
</form>
</section>
</footer>
</section>
</div>
<!--- Abstand am Ende--->
<div class="additional-text"></div>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
<script src="assets/js/script.js"></script>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-TQ26D479NG"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'G-TQ26D479NG');
</script>
</body>
</html>