campaign,de: bootstrap checkout pages
[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="en">
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">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">Message</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">Verwendungszweck</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
121           <p>
122             Bitte achten Sie darauf, dass die unter Verwendungszweck
123             angegebene Referenznummer stimmt, damit wir Ihre Spende
124             zuordnen können und Sie in der Liste der Spender aufführen
125             können, falls Sie das wünschen.  Die Referenznummer
126             verliert ihre Gültigkeit nach 30 Tagen, bitte überweisen
127             Sie rechtzeitig.  Sie können einen anderen Betrag
128             überweisen, aber bitte überweisen Sie mindestens 5 Euro
129             damit wir unsere Verwaltungskosten decken können.  Sie
130             können die Referenznummer auch für Daueraufträge
131             verwenden.
132           </p>
133           <p>
134             <strong>Vielen Dank im Vorraus für Ihre Spende.</strong>
135           </p>
136         </div>
137       </div>
138
139       <div class="row">
140         <div class="col-sm-5 col-md-offset-2">
141           <p>
142             <a class="btn btn-default btn-sm" href="/donate/index.de.html">Fortsetzen</a>
143           </p>
144         </div>
145       </div>
146     </div>
147
148     <div class="camp-gutter container-fluid" id="camp-footer">
149       <div class="container">
150         <div class="row">
151           <div id="cpyright">
152             <a rel="license" href="https://creativecommons.org/licenses/by-sa/3.0/">
153               <img alt="CC-BY-SA 4.0" style="border: 0"
154                     src="/share/cc-by-sa_80x15.png"/></a>&nbsp;
155             This web page is
156             Copyright 2017 The GnuPG Project and licensed under a
157             <a rel="license" href="https://creativecommons.org/licenses/by-sa/4.0/">
158             Creative Commons Attribution-ShareAlike 4.0 International License</a>.  See
159             <a href="/copying.html">copying</a> for details.
160           </div>
161         </div>
162       </div>
163     </div>
164
165   </body>
166 </html>
167 #+END_HTML