9dcd72ae9b508a6fa5ffe60c720a030dfbb6df0b
[gnupg-doc.git] / web / donate / checkout-se.fr.org
1 #                                                    -*- html -*-
2 #+TITLE: GnuPG - Faire un don - Paiement par virement 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">Afficher/masquer le menu</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="/">Page d'accueil</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>Règlement</h2>
65           <p>
66           Les virements dans l'espace unique de paiement en euros (SEPA) sont
67           valides depuis 34 pays de l'Union européenne et États associés.
68           </p>
69         </div>
70       </div>
71
72       <div class="row">
73         <div class="col-xs-12 col-sm-9">
74           <form class="form-horizontal">
75             <div class="form-group">
76               <label class="col-xs-12 col-sm-3 control-label">Nom</label>
77               <div class="col-xs-12 col-sm-9">
78                 <p class="form-control-static"><!--NAME--></p>
79               </div>
80             </div>
81             <div class="form-group">
82               <label class="col-xs-12 col-sm-3 control-label">Courriel</label>
83               <div class="col-xs-12 col-sm-9">
84                 <p class="form-control-static"><!--MAIL--></p>
85               </div>
86             </div>
87             <div class="form-group">
88               <label class="col-xs-12 col-sm-3 control-label">Message</label>
89               <div class="col-xs-12 col-sm-9">
90                 <p class="form-control-static"><!--MESSAGE_FMT--></p>
91               </div>
92             </div>
93           </form>
94         </div>
95       </div>
96
97       <div class="row">
98         <div class="col-xs-12">
99           <p>
100           Veuillez transférer votre montant choisi au compte bancaire suivant :
101           </p>
102         </div>
103       </div>
104
105       <div class="row">
106         <div class="col-xs-12 col-sm-9">
107           <form class="form-horizontal">
108             <div class="form-group">
109               <label class="col-xs-12 col-sm-3 control-label">Titulaire du compte</label>
110               <div class="col-xs-12 col-sm-9">
111                 <p class="form-control-static">g10 Code GmbH</p>
112               </div>
113             </div>
114             <div class="form-group">
115               <label class="col-xs-12 col-sm-3 control-label">IBAN</label>
116               <div class="col-xs-12 col-sm-9">
117                 <p class="form-control-static">DE76 3015 0200 0002 1086 03</p>
118               </div>
119             </div>
120             <div class="form-group">
121               <label class="col-xs-12 col-sm-3 control-label">BIC</label>
122               <div class="col-xs-12 col-sm-9">
123                 <p class="form-control-static">WELADED1KSD</p>
124               </div>
125             </div>
126             <div class="form-group">
127               <label class="col-xs-12 col-sm-3 control-label">Référence</label>
128               <div class="col-xs-12 col-sm-9">
129                 <p class="form-control-static"><!--SEPA_REF--></p>
130               </div>
131             </div>
132             <div class="form-group">
133               <label class="col-xs-12 col-sm-3 control-label">Montant</label>
134               <div class="col-xs-12 col-sm-9">
135                 <p class="form-control-static"><!--AMOUNT--> EUR</p>
136               </div>
137             </div>
138           </form>
139         </div>
140
141         <div class="col-xs-12 col-sm-3">
142           <div class="qrcode text-center">
143             <!--SEPA_QR-->
144           </div>
145         </div>
146       </div>
147
148       <div class="row">
149         <div class="col-xs-12">
150           <p>
151             Veuillez vous assurer de la présence du numéro de référence, afin que
152             nous puissions associer le montant reçu à votre donation et ainsi vous
153             lister comme donateur si désiré.
154             Le numéro de référence ci-dessus n'est valable que pour 30 jours,
155             pensez donc à initier le transfert à temps.
156             Vous êtes libres de choisir un différent montant, mais veuillez envoyer
157             au moins 5 euros afin de couvrir les coûts de la transaction.
158             Il est également possible d'utiliser le numéro de référence pour les
159             donations régulières.
160           </p>
161           <p>
162             <strong>Nous vous remercions d'avance pour votre donation.</strong>
163           </p>
164         </div>
165       </div>
166
167       <div class="row">
168         <div class="col-xs-12">
169           <p>
170             <a class="btn btn-default btn-sm" href="/">Continue</a>
171           </p>
172         </div>
173       </div>
174
175         </div>
176       </div>
177     </div>
178
179     <div class="camp-gutter container-fluid" id="camp-footer">
180       <div class="container">
181         <div class="row">
182           <div id="cpyright">
183             <a rel="license" href="https://creativecommons.org/licenses/by-sa/3.0/">
184               <img alt="CC-BY-SA 4.0" style="border: 0"
185                     src="/share/cc-by-sa_80x15.png"/></a>&nbsp;
186             This web page is
187             Copyright 2017 The GnuPG Project and licensed under a
188             <a rel="license" href="https://creativecommons.org/licenses/by-sa/4.0/">
189             Creative Commons Attribution-ShareAlike 4.0 International License</a>.  See
190             <a href="/copying.html">copying</a> for details.
191           </div>
192         </div>
193       </div>
194     </div>
195
196   </body>
197 </html>
198 #+END_HTML