campaign,de,fr: fix body lang attributes
[gnupg-doc.git] / web / donate / donate.fr.org
1 #                                                       -*- html -*-
2 #+TITLE: GnuPG - Faire un don
3 #+STARTUP: showall
4 #+SETUPFILE: "../share/setup.inc"
5 #
6 # Note: Do not use relative links because this page is also used as a
7 #       template from cgi-bin/.  Using https://www.gnupg.org/... is
8 #       fine as it is stripped before publishing.
9
10 #+BEGIN_HTML
11 <!--custom-page-->  <!-- this disables all standard processing. -->
12   <!-- bootstrap core and site css -->
13   <link href="/share/3rdparty/bootstrap/bootstrap-gnupg.css" rel="stylesheet">
14   <link href="/share/campaign/campaign.css" rel="stylesheet">
15
16   <script defer src="/share/3rdparty/jquery/jquery.min.js"></script>
17   <script defer src="/share/3rdparty/bootstrap/bootstrap.min.js"></script>
18   <script defer src="/share/3rdparty/bootstrap/carousel.js"></script>
19   <script defer src="/share/3rdparty/bs-autohidingnavbar.js"></script>
20   <script defer src="/share/3rdparty/bcswipe.js"></script>
21   <script defer src="/share/campaign/campaign.js"></script>
22
23 </head>
24 <body lang="fr">
25   <!-- Fixed navbar -->
26   <nav class="navbar navbar-default navbar-fixed-top">
27     <div class="container">
28
29       <div class="navbar-header">
30         <button type="button" class="navbar-toggle collapsed"
31                 data-toggle="collapse" data-target="#navbar"
32                 aria-expanded="false" aria-controls="navbar">
33           <span class="sr-only">Afficher/masquer le menu</span>
34           <span class="icon-bar"></span>
35           <span class="icon-bar"></span>
36           <span class="icon-bar"></span>
37         </button>
38         <img class="navbar-brand" alt="GnuPG"
39              src="/share/gnupg-lock-white-250x250.png">
40       </div>
41
42       <div id="navbar" class="navbar-collapse collapse">
43         <ul class="nav navbar-nav">
44           <li><a href="/donate">Précédent</a></li>
45         </ul>
46       </div><!--/.nav-collapse -->
47     </div>
48   </nav>
49
50   <div class="camp-gutter container">
51     <div class="row">
52       <div class="col-md-8 col-md-offset-2">
53         <h1>Soutenez GnuPG</h1>
54         <p>Veuillez remplir le formulaire suivant afin que nous
55            puissions traiter votre donation.
56            Les informations entrées sont uniquement utilisées pour ce
57            traitement, et aucune donnée ne sera envoyée à quelconque entité
58            qui ne serait pas directement concerné par votre donation.
59            L'absence de nom rend la donation « anonyme », dans le sens
60            où nom ne sera pas listé dans la page publique de remerciements.
61         </p>
62       </div>
63     </div>
64
65     <div class="row">
66       <div class="col-md-8 col-md-offset-2">
67         <!--ERRORPANEL-->
68       </div>
69     </div>
70
71     <form class="form-horizontal" role="form"
72           action="/cgi-bin/procdonate.cgi" method="POST">
73       <input type="hidden" name="mode" value="main" />
74
75       <!-- Amount and currency input field -->
76       <div class="form-group">
77         <label for="inputType" class="col-xs-12 col-sm-2 control-label">
78           Montant <!--ERR_AMOUNT-->
79         </label>
80         <div class="col-xs-5 col-sm-3">
81           <input type="text" class="form-control"
82                  name="amount" id="amountother" placeholder=""
83                  value=""/><!--AMOUNT-->
84         </div>
85         <div class="col-xs-7 col-sm-3 col-lg-2">
86           <select class="form-control" name="currency" id="currency">
87             <option value="EUR" selected="selected"><!--SEL_EUR-->Euro</option>
88             <option value="USD" ><!--SEL_USD-->US Dollar</option>
89             <option value="GBP" ><!--SEL_GBP-->British Pound</option>
90             <option value="JPY" ><!--SEL_JPY-->Yen</option>
91           </select>
92         </div>
93       </div>
94
95       <!-- Custom amounts -->
96       <div class="form-group">
97         <div class="col-sm-offset-2 col-sm-6">
98           <div class="btn-group btn-group-xs" role="group"
99                aria-label="suggested amounts">
100             <a href="/cgi-bin/procdonate.cgi?mode=preset&s_amt=500&s_cur=eur"
101                class="btn btn-default amount-btn-500">500&#x202f;€</a>
102             <a href="/cgi-bin/procdonate.cgi?mode=preset&s_amt=200&s_cur=eur"
103                class="btn btn-default amount-btn-200">200&#x202f;€</a>
104             <a href="/cgi-bin/procdonate.cgi?mode=preset&s_amt=100&s_cur=eur"
105                class="btn btn-default amount-btn-100">100&#x202f;€</a>
106             <a href="/cgi-bin/procdonate.cgi?mode=preset&s_amt=50&s_cur=eur"
107                class="btn btn-default amount-btn-50">50&#x202f;€</a>
108             <a href="/cgi-bin/procdonate.cgi?mode=preset&s_amt=20&s_cur=eur"
109                class="btn btn-default amount-btn-20">20&#x202f;€</a>
110             <a href="/cgi-bin/procdonate.cgi?mode=preset&s_amt=10&s_cur=eur"
111                class="btn btn-default amount-btn-10">10&#x202f;€</a>
112             <a href="/cgi-bin/procdonate.cgi?mode=preset&s_amt=5&s_cur=eur"
113                class="btn btn-default amount-btn-5">5&#x202f;€</a>
114           </div>
115           <span class="help-block">
116             Montants suggérés.
117           </span>
118         </div>
119       </div>
120
121       <!-- Recurring -->
122       <div class="form-group">
123         <label for="recur" class="col-sm-2 control-label">Fréquence</label>
124         <div class="col-sm-2">
125           <select class="form-control" name="recur" id="recur">
126             <option value="0"
127             selected="selected"><!--RECUR_NONE-->unique</option>
128             <option value="12" ><!--RECUR_MONTH-->mensuelle</option>
129             <option value="4" ><!--RECUR_QUARTER-->trimestrielle</option>
130             <option value="1" ><!--RECUR_YEAR-->annuelle</option>
131           </select>
132         </div>
133       </div>
134
135       <!-- Pay using -->
136       <div class="form-group">
137         <label for="paytype" class="col-sm-2 control-label">
138           Mode de paiement <!--ERR_PAYTYPE-->
139         </label>
140         <div class="col-sm-6">
141           <div class="radio">
142             <label>
143               <input type="radio" name="paytype" id="cc"
144                      value="cc" /><!--CHECK_CC-->
145               carte de crédit
146             </label>
147           </div>
148           <div class="radio">
149             <label>
150               <input type="radio" name="paytype" id="pp"
151                      value="pp" /><!--CHECK_PP-->
152               PayPal
153             </label>
154           </div>
155           <div class="radio">
156             <label>
157               <input type="radio" name="paytype" id="se"
158                      value="se" /><!--CHECK_SE-->
159               SEPA (virement bancaire européen)
160             </label>
161           </div>
162           <div class="radio">
163             <label>
164               <input type="radio" name="paytype" id="bc"
165                      value="bc" /><!--CHECK_BC-->
166               Bitcoin
167             </label>
168           </div>
169         </div>
170       </div>
171
172       <!-- Name -->
173       <div class="form-group">
174         <label for="name" class="col-sm-2 control-label">
175           Nom <!--ERR_NAME-->
176           <p class="text-muted"><small>(optionnel)</small></p>
177         </label>
178         <div class="col-sm-6">
179           <input type="text" class="form-control" name="name"
180                  id="f_name" placeholder="Nom (optionnel)"
181                  value=""/><!--NAME-->
182           <span class="help-block">
183             Si vous souhaitez être listé sur notre
184              <a href="https://www.gnupg.org/donate/kudos.html"
185                 >liste de donateurs</a>, alors veuillez entrer votre nom tel
186              que vous voulez qu'il y apparaisse.
187           </span>
188         </div>
189       </div>
190
191       <!-- Email -->
192       <div class="form-group">
193         <label for="mail" class="col-sm-2 control-label">
194           Courriel <!--ERR_MAIL-->
195           <p class="text-muted"><small>(optionnel)</small></p>
196         </label>
197         <div class="col-sm-6">
198           <input type="email" class="form-control" name="mail"
199                  id="f_mail" placeholder="Courriel (optionnel)"
200                  value=""/><!--MAIL-->
201           <span class="help-block">
202             Votre adresse électronique nous permettra de vous contacter
203             en cas de problème avec votre paiement.
204           </span>
205         </div>
206       </div>
207
208       <!-- Message -->
209       <div class="form-group">
210         <label for="message" class="col-sm-2 control-label">
211           Message
212           <p class="text-muted"><small>(optionnel)</small></p>
213         </label>
214         <div class="col-sm-6">
215           <textarea class="form-control" name="message" id="f_message"
216                     rows="4"
217                     ></textarea><!--MESSAGE-->
218           <span class="help-block">
219             Si vous souhaitez nous laissez nous un message, vous pouvez le faire ici.
220           </span>
221         </div>
222       </div>
223       <div class="row">
224         <div class="col-sm-10 col-sm-offset-2">
225           <button type="submit" class="btn btn-primary btn-large"
226                   >Suivant</button>
227         </div>
228       </div>
229     </form>
230   </div>
231
232   <div class="camp-gutter container-fluid" id="camp-footer">
233     <div class="container">
234       <div class="row">
235         <div id="cpyright">
236           <a rel="license" href="https://creativecommons.org/licenses/by-sa/3.0/">
237             <img alt="CC-BY-SA 4.0" style="border: 0"
238                   src="/share/cc-by-sa_80x15.png"/></a>&nbsp;
239           This web page is
240           Copyright 2017 The GnuPG Project and licensed under a
241           <a rel="license" href="https://creativecommons.org/licenses/by-sa/4.0/">
242           Creative Commons Attribution-ShareAlike 4.0 International License</a>.  See
243           <a href="/copying.html">copying</a> for details.
244         </div>
245       </div>
246     </div>
247   </div>
248 </body>
249 #+END_HTML