web: Also use new layout in checkout-se de and fr versions.
[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
104           <form class="form-horizontal">
105             <div class="form-group">
106               <label class="col-xs-12 col-sm-3 control-label">Kontoinhaber</label>
107               <div class="col-xs-12 col-sm-9">
108                 <p class="form-control-static">g10 Code GmbH</p>
109               </div>
110             </div>
111             <div class="form-group">
112               <label class="col-xs-12 col-sm-3 control-label">IBAN</label>
113               <div class="col-xs-12 col-sm-9">
114                 <p class="form-control-static">DE76 3015 0200 0002 1086 03</p>
115               </div>
116             </div>
117             <div class="form-group">
118               <label class="col-xs-12 col-sm-3 control-label">BIC</label>
119               <div class="col-xs-12 col-sm-9">
120                 <p class="form-control-static">WELADED1KSD</p>
121               </div>
122             </div>
123             <div class="form-group">
124               <label class="col-xs-12 col-sm-3 control-label">Zweck</label>
125               <div class="col-xs-12 col-sm-9">
126                 <p class="form-control-static"><!--SEPA_REF--></p>
127               </div>
128             </div>
129             <div class="form-group">
130               <label class="col-xs-12 col-sm-3 control-label">Betrag</label>
131               <div class="col-xs-12 col-sm-9">
132                 <p class="form-control-static"><!--AMOUNT--> EUR</p>
133               </div>
134             </div>
135           </form>
136         </div>
137
138         <div class="col-xs-12 col-sm-3">
139           <div class="qrcode text-center">
140             <!--SEPA_QR-->
141           </div>
142         </div>
143       </div>
144
145       <div class="row">
146         <div class="col-xs-12">
147           <p>
148             Bitte achten Sie darauf, dass die unter Verwendungszweck
149             angegebene Referenznummer stimmt. Diese wird benötigt um
150       Ihre Spende zuordnen zu können. Sie werden in der Liste
151       der Spender aufführt werden, falls Sie einen Name angegeben
152       haben. Die Referenznummer
153             verliert ihre Gültigkeit nach 30 Tagen. Bitte überweisen
154             Sie rechtzeitig.  Sie können einen anderen Betrag
155             überweisen, aber bitte überweisen Sie mindestens 5 Euro
156             damit wir unsere Verwaltungskosten decken können.  Sie
157             können die Referenznummer auch für Daueraufträge
158             verwenden.
159           </p>
160           <p>
161             <strong>Vielen Dank im Vorraus für Ihre Spende.</strong>
162           </p>
163         </div>
164       </div>
165
166       <div class="row">
167         <div class="col-xs-12">
168           <p>
169             <a class="btn btn-default btn-sm" href="/donate/index.de.html">Fortsetzen</a>
170           </p>
171         </div>
172       </div>
173
174         </div>
175       </div>
176     </div>
177
178     <div class="camp-gutter container-fluid" id="camp-footer">
179       <div class="container">
180         <div class="row">
181           <div id="cpyright">
182             <a rel="license" href="https://creativecommons.org/licenses/by-sa/3.0/">
183               <img alt="CC-BY-SA 4.0" style="border: 0"
184                     src="/share/cc-by-sa_80x15.png"/></a>&nbsp;
185             This web page is
186             Copyright 2017 The GnuPG Project and licensed under a
187             <a rel="license" href="https://creativecommons.org/licenses/by-sa/4.0/">
188             Creative Commons Attribution-ShareAlike 4.0 International License</a>.  See
189             <a href="/copying.html">copying</a> for details.
190           </div>
191         </div>
192       </div>
193     </div>
194
195   </body>
196 </html>
197 #+END_HTML