web: Fix checkout-se de and fr layout.
[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 .qrcode > svg {
28   max-width: 100%;
29   height: auto;
30 }
31     </style>
32
33     <!-- Fixed navbar -->
34     <nav class="navbar navbar-default navbar-fixed-top">
35       <div class="container">
36
37         <div class="navbar-header">
38           <button type="button" class="navbar-toggle collapsed"
39                   data-toggle="collapse" data-target="#navbar"
40                   aria-expanded="false" aria-controls="navbar">
41             <span class="sr-only">Toggle navigation</span>
42             <span class="icon-bar"></span>
43             <span class="icon-bar"></span>
44             <span class="icon-bar"></span>
45           </button>
46           <img class="navbar-brand" alt="GnuPG"
47                src="/share/gnupg-lock-white-250x250.png">
48         </div>
49
50         <div id="navbar" class="navbar-collapse collapse">
51           <ul class="nav navbar-nav">
52             <li><a href="/donate/index.de.html">Home</a></li>
53           </ul>
54         </div><!--/.nav-collapse -->
55       </div>
56     </nav>
57
58     <div class="camp-gutter container">
59       <div class="row">
60         <div class="col-xs-12 col-md-8 col-md-offset-2">
61
62       <div class="row">
63         <div class="col-xs-12">
64           <h2>Übersicht</h2>
65           <p>
66             Mit SEPA-Überweisungen kann man Geld zwischen den 34
67             Mitgliedsstaaten der EU sowie sechs angegliederten Staaten
68             transferieren.
69           </p>
70         </div>
71       </div>
72
73       <div class="row">
74         <div class="col-xs-12 col-sm-9">
75           <form class="form-horizontal">
76             <div class="form-group">
77               <label class="col-xs-12 col-sm-3 control-label">Name</label>
78               <div class="col-xs-12 col-sm-9">
79                 <p class="form-control-static"><!--NAME--></p>
80               </div>
81             </div>
82             <div class="form-group">
83               <label class="col-xs-12 col-sm-3 control-label">E-Mail</label>
84               <div class="col-xs-12 col-sm-9">
85                 <p class="form-control-static"><!--MAIL--></p>
86               </div>
87             </div>
88             <div class="form-group">
89               <label class="col-xs-12 col-sm-3 control-label">Nachricht</label>
90               <div class="col-xs-12 col-sm-9">
91                 <p class="form-control-static"><!--MESSAGE_FMT--></p>
92               </div>
93             </div>
94           </form>
95         </div>
96       </div>
97
98       <div class="row">
99         <div class="col-xs-12">
100           <p>
101             Bitte überweisen Sie Ihre Spende auf dieses Konto:
102           </p>
103         </div>
104       </div>
105
106       <div class="row">
107         <div class="col-xs-12 col-sm-9">
108           <form class="form-horizontal">
109             <div class="form-group">
110               <label class="col-xs-12 col-sm-3 control-label">Kontoinhaber</label>
111               <div class="col-xs-12 col-sm-9">
112                 <p class="form-control-static">g10 Code GmbH</p>
113               </div>
114             </div>
115             <div class="form-group">
116               <label class="col-xs-12 col-sm-3 control-label">IBAN</label>
117               <div class="col-xs-12 col-sm-9">
118                 <p class="form-control-static">DE76 3015 0200 0002 1086 03</p>
119               </div>
120             </div>
121             <div class="form-group">
122               <label class="col-xs-12 col-sm-3 control-label">BIC</label>
123               <div class="col-xs-12 col-sm-9">
124                 <p class="form-control-static">WELADED1KSD</p>
125               </div>
126             </div>
127             <div class="form-group">
128               <label class="col-xs-12 col-sm-3 control-label">Zweck</label>
129               <div class="col-xs-12 col-sm-9">
130                 <p class="form-control-static"><!--SEPA_REF--></p>
131               </div>
132             </div>
133             <div class="form-group">
134               <label class="col-xs-12 col-sm-3 control-label">Betrag</label>
135               <div class="col-xs-12 col-sm-9">
136                 <p class="form-control-static"><!--AMOUNT--> EUR</p>
137               </div>
138             </div>
139           </form>
140         </div>
141
142         <div class="col-xs-12 col-sm-3">
143           <div class="qrcode text-center">
144             <!--SEPA_QR-->
145           </div>
146         </div>
147       </div>
148
149       <div class="row">
150         <div class="col-xs-12">
151           <p>
152             Bitte achten Sie darauf, dass die unter Verwendungszweck
153             angegebene Referenznummer stimmt. Diese wird benötigt um
154       Ihre Spende zuordnen zu können. Sie werden in der Liste
155       der Spender aufführt werden, falls Sie einen Name angegeben
156       haben. Die Referenznummer
157             verliert ihre Gültigkeit nach 30 Tagen. Bitte überweisen
158             Sie rechtzeitig.  Sie können einen anderen Betrag
159             überweisen, aber bitte überweisen Sie mindestens 5 Euro
160             damit wir unsere Verwaltungskosten decken können.  Sie
161             können die Referenznummer auch für Daueraufträge
162             verwenden.
163           </p>
164           <p>
165             <strong>Vielen Dank im Vorraus für Ihre Spende.</strong>
166           </p>
167         </div>
168       </div>
169
170       <div class="row">
171         <div class="col-xs-12">
172           <p>
173             <a class="btn btn-default btn-sm" href="/donate/index.de.html">Fortsetzen</a>
174           </p>
175         </div>
176       </div>
177
178         </div>
179       </div>
180     </div>
181
182     <div class="camp-gutter container-fluid" id="camp-footer">
183       <div class="container">
184         <div class="row">
185           <div id="cpyright">
186             <a rel="license" href="https://creativecommons.org/licenses/by-sa/3.0/">
187               <img alt="CC-BY-SA 4.0" style="border: 0"
188                     src="/share/cc-by-sa_80x15.png"/></a>&nbsp;
189             This web page is
190             Copyright 2017 The GnuPG Project and licensed under a
191             <a rel="license" href="https://creativecommons.org/licenses/by-sa/4.0/">
192             Creative Commons Attribution-ShareAlike 4.0 International License</a>.  See
193             <a href="/copying.html">copying</a> for details.
194           </div>
195         </div>
196       </div>
197     </div>
198
199   </body>
200 </html>
201 #+END_HTML