Site web de la campagne d'adhésion de 2015. https://www.april.org/campagne/
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 

102 lines
6.0 KiB

<!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&amp;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>