cgi: Insert a QR code for the SEPA transaction
[gnupg-doc.git] / web / donate / checkout-se.de.org
1 #                                                    -*- html -*-
2 #+TITLE: GnuPG - Spenden - Zahlen mit SEPA
3 #+STARTUP: showall
4 #+SETUPFILE: "../share/setup.inc"
5
6 #+BEGIN_HTML
7 <!--custom-page-->  <!-- this disables all standard processing. -->
8   <!-- bootstrap core and site css -->
9   <link href="/share/3rdparty/bootstrap/bootstrap-gnupg.css" rel="stylesheet">
10   <link href="/share/campaign/campaign.css" rel="stylesheet">
11
12   <script defer src="/share/3rdparty/jquery/jquery.min.js"></script>
13   <script defer src="/share/3rdparty/bootstrap/bootstrap.min.js"></script>
14
15 </head>
16   <body lang="<!--LANG-->">
17     <style>
18 .control-label {
19   padding-top: 0 !important;
20 }
21
22 .form-control-static {
23   padding-top: 0 !important;
24   padding-bottom: 0 !important;
25   min-height: 0 !important;
26 }
27     </style>
28
29     <!-- Fixed navbar -->
30     <nav class="navbar navbar-default navbar-fixed-top">
31       <div class="container">
32
33         <div class="navbar-header">
34           <button type="button" class="navbar-toggle collapsed"
35                   data-toggle="collapse" data-target="#navbar"
36                   aria-expanded="false" aria-controls="navbar">
37             <span class="sr-only">Toggle navigation</span>
38             <span class="icon-bar"></span>
39             <span class="icon-bar"></span>
40             <span class="icon-bar"></span>
41           </button>
42           <img class="navbar-brand" alt="GnuPG"
43                src="/share/gnupg-lock-white-250x250.png">
44         </div>
45
46         <div id="navbar" class="navbar-collapse collapse">
47           <ul class="nav navbar-nav">
48             <li><a href="/donate/index.de.html">Home</a></li>
49           </ul>
50         </div><!--/.nav-collapse -->
51       </div>
52     </nav>
53
54     <div class="camp-gutter container">
55       <div class="row">
56         <div class="col-md-7 col-md-offset-2">
57           <h2>Übersicht</h2>
58           <p>
59             Mit SEPA-Überweisungen kann man Geld zwischen den 34
60             Mitgliedsstaaten der EU sowie sechs angegliederten Staaten
61             transferieren.
62           </p>
63           <form class="form-horizontal">
64             <div class="form-group">
65               <label class="col-sm-3 control-label">Name</label>
66               <div class="col-sm-9">
67                 <p class="form-control-static"><!--NAME--></p>
68               </div>
69             </div>
70             <div class="form-group">
71               <label class="col-sm-3 control-label">E-Mail</label>
72               <div class="col-sm-9">
73                 <p class="form-control-static"><!--MAIL--></p>
74               </div>
75             </div>
76             <div class="form-group">
77               <label class="col-sm-3 control-label">Nachricht</label>
78               <div class="col-sm-9">
79                 <p class="form-control-static"><!--MESSAGE_FMT--></p>
80               </div>
81             </div>
82           </form>
83
84           <p>
85             Bitte überweisen Sie Ihre Spende auf dieses Konto:
86           </p>
87
88           <form class="form-horizontal">
89             <div class="form-group">
90               <label class="col-sm-3 control-label">Kontoinhaber</label>
91               <div class="col-sm-9">
92                 <p class="form-control-static">g10 Code GmbH</p>
93               </div>
94             </div>
95             <div class="form-group">
96               <label class="col-sm-3 control-label">IBAN</label>
97               <div class="col-sm-9">
98                 <p class="form-control-static">DE76 3015 0200 0002 1086 03</p>
99               </div>
100             </div>
101             <div class="form-group">
102               <label class="col-sm-3 control-label">BIC</label>
103               <div class="col-sm-9">
104                 <p class="form-control-static">WELADED1KSD</p>
105               </div>
106             </div>
107             <div class="form-group">
108               <label class="col-sm-3 control-label">Zweck</label>
109               <div class="col-sm-9">
110                 <p class="form-control-static"><!--SEPA_REF--></p>
111               </div>
112             </div>
113             <div class="form-group">
114               <label class="col-sm-3 control-label">Betrag</label>
115               <div class="col-sm-9">
116                 <p class="form-control-static"><!--AMOUNT--> EUR</p>
117               </div>
118             </div>
119           </form>
120           <!--SEPA-QR-->
121           <p>
122             Bitte achten Sie darauf, dass die unter Verwendungszweck
123             angegebene Referenznummer stimmt. Diese wird benötigt um
124       Ihre Spende zuordnen zu können. Sie werden in der Liste
125       der Spender aufführt werden, falls Sie einen Name angegeben
126       haben. Die Referenznummer
127             verliert ihre Gültigkeit nach 30 Tagen. Bitte überweisen
128             Sie rechtzeitig.  Sie können einen anderen Betrag
129             überweisen, aber bitte überweisen Sie mindestens 5 Euro
130             damit wir unsere Verwaltungskosten decken können.  Sie
131             können die Referenznummer auch für Daueraufträge
132             verwenden.
133           </p>
134           <p>
135             <strong>Vielen Dank im Vorraus für Ihre Spende.</strong>
136           </p>
137         </div>
138       </div>
139
140       <div class="row">
141         <div class="col-sm-5 col-md-offset-2">
142           <p>
143             <a class="btn btn-default btn-sm" href="/donate/index.de.html">Fortsetzen</a>
144           </p>
145         </div>
146       </div>
147     </div>
148
149     <div class="camp-gutter container-fluid" id="camp-footer">
150       <div class="container">
151         <div class="row">
152           <div id="cpyright">
153             <a rel="license" href="https://creativecommons.org/licenses/by-sa/3.0/">
154               <img alt="CC-BY-SA 4.0" style="border: 0"
155                     src="/share/cc-by-sa_80x15.png"/></a>&nbsp;
156             This web page is
157             Copyright 2017 The GnuPG Project and licensed under a
158             <a rel="license" href="https://creativecommons.org/licenses/by-sa/4.0/">
159             Creative Commons Attribution-ShareAlike 4.0 International License</a>.  See
160             <a href="/copying.html">copying</a> for details.
161           </div>
162         </div>
163       </div>
164     </div>
165
166   </body>
167 </html>
168 #+END_HTML