295f8da4f244a9c554a485fd1b0dc52e6ad381ce
[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
103           <form class="form-horizontal">
104             <div class="form-group">
105               <label class="col-xs-12 col-sm-3 control-label">Titulaire du compte</label>
106               <div class="col-xs-12 col-sm-9">
107                 <p class="form-control-static">g10 Code GmbH</p>
108               </div>
109             </div>
110             <div class="form-group">
111               <label class="col-xs-12 col-sm-3 control-label">IBAN</label>
112               <div class="col-xs-12 col-sm-9">
113                 <p class="form-control-static">DE76 3015 0200 0002 1086 03</p>
114               </div>
115             </div>
116             <div class="form-group">
117               <label class="col-xs-12 col-sm-3 control-label">BIC</label>
118               <div class="col-xs-12 col-sm-9">
119                 <p class="form-control-static">WELADED1KSD</p>
120               </div>
121             </div>
122             <div class="form-group">
123               <label class="col-xs-12 col-sm-3 control-label">Référence</label>
124               <div class="col-xs-12 col-sm-9">
125                 <p class="form-control-static"><!--SEPA_REF--></p>
126               </div>
127             </div>
128             <div class="form-group">
129               <label class="col-xs-12 col-sm-3 control-label">Montant</label>
130               <div class="col-xs-12 col-sm-9">
131                 <p class="form-control-static"><!--AMOUNT--> EUR</p>
132               </div>
133             </div>
134           </form>
135         </div>
136
137         <div class="col-xs-12 col-sm-3">
138           <div class="qrcode text-center">
139             <!--SEPA_QR-->
140           </div>
141         </div>
142       </div>
143
144       <div class="row">
145         <div class="col-xs-12">
146           <p>
147             Veuillez vous assurer de la présence du numéro de référence, afin que
148             nous puissions associer le montant reçu à votre donation et ainsi vous
149             lister comme donateur si désiré.
150             Le numéro de référence ci-dessus n'est valable que pour 30 jours,
151             pensez donc à initier le transfert à temps.
152             Vous êtes libres de choisir un différent montant, mais veuillez envoyer
153             au moins 5 euros afin de couvrir les coûts de la transaction.
154             Il est également possible d'utiliser le numéro de référence pour les
155             donations régulières.
156           </p>
157           <p>
158             <strong>Nous vous remercions d'avance pour votre donation.</strong>
159           </p>
160         </div>
161       </div>
162
163       <div class="row">
164         <div class="col-xs-12">
165           <p>
166             <a class="btn btn-default btn-sm" href="/">Continue</a>
167           </p>
168         </div>
169       </div>
170
171         </div>
172       </div>
173     </div>
174
175     <div class="camp-gutter container-fluid" id="camp-footer">
176       <div class="container">
177         <div class="row">
178           <div id="cpyright">
179             <a rel="license" href="https://creativecommons.org/licenses/by-sa/3.0/">
180               <img alt="CC-BY-SA 4.0" style="border: 0"
181                     src="/share/cc-by-sa_80x15.png"/></a>&nbsp;
182             This web page is
183             Copyright 2017 The GnuPG Project and licensed under a
184             <a rel="license" href="https://creativecommons.org/licenses/by-sa/4.0/">
185             Creative Commons Attribution-ShareAlike 4.0 International License</a>.  See
186             <a href="/copying.html">copying</a> for details.
187           </div>
188         </div>
189       </div>
190     </div>
191
192   </body>
193 </html>
194 #+END_HTML