103 lines
6.0 KiB
HTML
103 lines
6.0 KiB
HTML
<!DOCTYPE html>
|
|
<html class='no-js' lang='fr'>
|
|
<head>
|
|
<meta charset='utf-8'>
|
|
<meta content='width=device-width, initial-scale=1.0' name='viewport'>
|
|
<meta content="Campagne d'adhésion 2015 de l'April" name='description'>
|
|
<meta content='april - Campagne 2015' name='dcterms.title'>
|
|
<meta content='Emmanuel Charpentier' name='dcterms.creator'>
|
|
<meta content='April' name='dcterms.description'>
|
|
<meta content='april' name='dcterms.publisher'>
|
|
<meta content='fr' name='dcterms.language'>
|
|
<title>April</title>
|
|
<link href='favicon.ico' rel='shortcut icon' type='image/ico'>
|
|
<link href='favicon.ico' rel='icon' type='image/ico'>
|
|
<link href='http://www.april.org/rss.xml' rel='alternate' title='Actualités April' type='application/rss+xml'>
|
|
<link href='http://www.april.org/communiques/feed' rel='alternate' title='Communiqués April' type='application/rss+xml'>
|
|
<link href='http://www.april.org/revue-de-presse/feed' rel='alternate' title='Revue de presse April' type='application/rss+xml'>
|
|
<link href='http://www.april.org/citations/feed' rel='alternate' title='Citations April' type='application/rss+xml'>
|
|
<link href='http://www.april.org/event/feed' rel='alternate' title='Événements April' type='application/rss+xml'>
|
|
<link href="font/opensans_regular_macroman/stylesheet.css" rel="stylesheet" /><link href="font/distantgalaxy_regular_macroman/stylesheet.css" rel="stylesheet" /><link href="stylesheets/application.css?1449241671" rel="stylesheet" />
|
|
<script src="javascripts/jquery-1.11.0.js?1448926495"></script><script src="javascripts/all.js?1449665754"></script>
|
|
</head>
|
|
<body class='don'>
|
|
<header>
|
|
<h1>April</h1>
|
|
</header>
|
|
<main>
|
|
<div class='zone'>
|
|
<blockquote>Je soutiens l'April en faisant un don</blockquote>
|
|
<p>Vous avez choisi de faire un don à l'April pour la soutenir et nous vous en remercions.</p>
|
|
<p>Nous vous demandons juste de vous rendre sur la <a title="site boutique april" href="https://boutique.april.org/?fond=rubrique&id_rubrique=3">boutique</a> et de choisir le montrant qui cous convient.</p>
|
|
<form accept-charset='UTF-8' action='https://adherents.april.org/cgi-bin/adhesion.cgi' id='form_adhesion' method='post'>
|
|
<input id='turingtest' name='turingtest' type='hidden'>
|
|
<input id='form_adhesion_captcha' name='captcha' type='hidden' value='April'><input name='adresse1' type='hidden' value='hello world'><input name='code_postal' type='hidden' value='75000'>
|
|
<input name='ville' type='hidden' value='Paris'>
|
|
<input name='pays' type='hidden' value='FRA'>
|
|
<fieldset class='field cotisation' title='Le don peut être versé annuellement, semestriellement, trimestriellement, mensuellement à votre convenance.'>
|
|
<legend class='extra'>Choix du don</legend>
|
|
<em class='fa fa-sign-in'></em>
|
|
<input class='num' id='radio10' name='cotisation' type='radio' value='10'>
|
|
<label for='radio10'>10 €</label>
|
|
<input class='num' id='radio30' name='cotisation' type='radio' value='30'>
|
|
<label for='radio30'>30 €</label>
|
|
<input checked='checked' class='num' id='radio50' name='cotisation' type='radio' value='50'>
|
|
<label for='radio50'>50 €</label>
|
|
<input class='num' id='radio100' name='cotisation' type='radio' value='100'>
|
|
<label for='radio100'>100 €</label>
|
|
<span class='zoneAutreMontant'>
|
|
<input id='radioAutreMontant' name='cotisation' type='radio' value='1'>
|
|
<label for='radioAutreMontant'>Autre montant à votre convenance:</label>
|
|
<label class='extra' for='autreMontant'>Montant</label>
|
|
<input id='autreMontant' max='10000' min='0' name='autreMontant' step='5' type='number' value='50'>
|
|
€
|
|
</span>
|
|
</fieldset>
|
|
<fieldset>
|
|
<div class='field'>
|
|
<em class='fa fa-user'></em>
|
|
<label for='form_adhesion_titre'>Titre:</label>
|
|
<select id='form_adhesion_titre' name='titre' required='required'>
|
|
<option value=''>Titre</option>
|
|
<option>M</option>
|
|
<option>Mme</option>
|
|
</select>
|
|
<label for='form_adhesion_nom'>Nom:</label>
|
|
<input id='form_adhesion_nom' name='nom' placeHolder='Nom' required='required' size='30' type='text'>
|
|
<label for='form_adhesion_prenom'>Prénom:</label>
|
|
<input id='form_adhesion_prenom' name='prenom' placeHolder='Prénom' required='required' size='30' type='text'>
|
|
</div>
|
|
<div class='field'>
|
|
<em class='fa fa-envelope'></em>
|
|
<label for='form_adhesion_email'>Votre adresse courriel:</label>
|
|
<input id='form_adhesion_email' name='email' placeHolder='Courriel' required='required' size='45' type='text'>
|
|
<input name='aliasmail' type='hidden'>
|
|
</div>
|
|
<div class='field'>
|
|
<em class='fa fa-comment'></em>
|
|
<label for='form_adhesion_motivations'>Commentaires éventuels/motivations:</label>
|
|
<textarea cols='40' id='form_adhesion_motivations' name='motivations' placeHolder='Commentaires éventuels/motivations' rows='5'></textarea>
|
|
</div>
|
|
</fieldset>
|
|
<p>
|
|
Une fois sur l'écran suivant, vous disposerez de cinq moyens de paiement:
|
|
<br>
|
|
en ligne par carte bancaire, prélèvement automatique, virement, chèques,
|
|
espèces.
|
|
</p>
|
|
<div class='field actions'>
|
|
<button type='submit' value='Adhérer maintenant!'>
|
|
<em class='fa fa-check'></em>
|
|
Donner maintenant!
|
|
<em class='fa fa-arrow-right'></em>
|
|
</button>
|
|
</div>
|
|
</form>
|
|
<blockquote>De vous, l'April a besoin</blockquote>
|
|
|
|
<p>Toutes les contributions sont les bienvenues. Il est également possible d'aider l'association en lui donnant de son temps ou en adhérant.</p>
|
|
</div>
|
|
</main>
|
|
</body>
|
|
</html>
|