ajout du formulaire
This commit is contained in:
parent
db85aea5eb
commit
69f294c156
|
|
@ -0,0 +1,165 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="fr">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8" />
|
||||||
|
<meta name='viewport' content="width=device-width, initial-scale=1.0"/>
|
||||||
|
<meta name='robots' content="all"/>
|
||||||
|
<meta name='medium' content='website'/>
|
||||||
|
<meta name='revisit-after' content="3 days"/>
|
||||||
|
|
||||||
|
<title>Faire un don - Libre en Communs</title>
|
||||||
|
<link rel="stylesheet" media="screen" href="./templates/styles.css" />
|
||||||
|
<link rel="shortcut icon" type="image/png" href="./templates/favicon.png" />
|
||||||
|
<link rel="stylesheet" media="screen" href="form.css" />
|
||||||
|
<link rel="shortcut icon" type="image/png" href="favicon.png" />
|
||||||
|
<link rel='me' type='text/html' href="https://toot.a-lec.org/@a_lec"/>
|
||||||
|
|
||||||
|
<meta name='language' content="fr"/>
|
||||||
|
<meta name='reply-to' content="cominfra+www@a-lec.org"/>
|
||||||
|
<meta name='copyright' content="2022 Libre en Communs CC-BY-SA 4.0 sauf mention contraire"/>
|
||||||
|
<meta name='title' content="Accueil - Libre en Communs"/>
|
||||||
|
<meta name='author' content="neox"/>
|
||||||
|
<meta name='description' content="Faire un don au profit de Libre en Communs"/>
|
||||||
|
<meta name='keywords' content="don,libre,free,communs,Logiciels Libres,Connaissance,Partage,Éducation,Solidarité"/>
|
||||||
|
<meta name='search_date' content="2021-07-01"/>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body id="a-lec_page">
|
||||||
|
|
||||||
|
<header id="a-lec_banner">
|
||||||
|
<div id="a-lec_site-logo">
|
||||||
|
<a href="/">
|
||||||
|
<img src="./templates/logo_a-lec.svg"
|
||||||
|
alt="Logo de Libre en Communs"
|
||||||
|
title="Logo de Libre en Communs"/>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<section id="a-lec_site-titles">
|
||||||
|
<h1 id="a-lec_site-name">
|
||||||
|
<a href="/"
|
||||||
|
title="Page d'accueil de Libre en Communs">
|
||||||
|
Libre en Communs
|
||||||
|
</a>
|
||||||
|
</h1>
|
||||||
|
<h2 id="a-lec_site-description">“Connaissance, partage, éducation et solidarité„</h2>
|
||||||
|
</section>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<section id="a-lec_page-wrapper">
|
||||||
|
<article id="a-lec_index">
|
||||||
|
|
||||||
|
<h1>Faire un don au profit de Libre en Communs</h1>
|
||||||
|
|
||||||
|
<p><b>Libre en Communs</b> est une association reconnue d'intêret général par l'État, sous le régime fiscal du mécénat. Si vous êtes un particulier, cela signifie que vous avez le droit à une réduction d'impôt à hauteur de 66%, dans la limite de 20% de votre revenu imposable. Si vous êtes une personne morale, cela signifie que vous avez le droit à une réduction d'impôt à hauteur de 60%, dans la limite de 5 pour mille du chiffre d’affaires de l’entreprise donatrice ou de 10 000 euros depuis la loi de finances pour 2019.</p>
|
||||||
|
|
||||||
|
<br/><br/>
|
||||||
|
|
||||||
|
<p>Pour effectuer un don, merci de remplir le formulaire ci-dessous. Il nous permettra de générer un reçu fiscal, utile pour vous justifier auprès des autorités de votre réduction d'impôt.</p>
|
||||||
|
|
||||||
|
<br/><br/>
|
||||||
|
|
||||||
|
<p>Vous recevrez les instructions pour effectuer votre don par courriel une fois le formulaire validé. Le reçu fiscal vous sera transmis une fois votre don validé par le trésorier de <b>Libre en Communs</b></p>
|
||||||
|
|
||||||
|
<br/><br/>
|
||||||
|
|
||||||
|
<form action="/my-handling-form-page" method="post">
|
||||||
|
<p>
|
||||||
|
<label for="nom">Nom</label>
|
||||||
|
<input class="renseignements" type="text" id="nom" name="nom"/>
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<label for="prenom">Prénom(s)</label>
|
||||||
|
<input class="renseignements" type="text" id="prenom" name="prenom"/>
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<label for="adresse">Adresse postale</label>
|
||||||
|
<input class="renseignements" type="text" id="adresse" name="adresse"/>
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<label for="mail">Courriel</label>
|
||||||
|
<input class="renseignements" type="email" id="mail" name="mail"/>
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<label for="mailconfirm">Courriel (confirmation)</label>
|
||||||
|
<input class="renseignements" type="email" id="mailconfirm" name="mailconfirm"/>
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<label for="somme">Somme versée (EUR)</label>
|
||||||
|
<span class="input-symbol-euro"><input class="renseignements" type="number" min="1" step="any" name="somme"></span>
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<label for="mode">Mode de versement</label>
|
||||||
|
<span class="mode_radio">
|
||||||
|
<span><input class="mode" type="radio" id="virement" name="mode" value="Virement bancaire">Virement bancaire</input></span>
|
||||||
|
<span><input class="mode" type="radio" id="virement" name="mode" value="Espèces">Espèces</input></span>
|
||||||
|
<span><input class="mode" type="radio" id="virement" name="mode" value="Chèque bancaire">Chèque</input></span>
|
||||||
|
</span>
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<label><br/></label>
|
||||||
|
<input class="validation" type="submit" value="Valider le don">
|
||||||
|
</p>
|
||||||
|
</form>
|
||||||
|
<br/>
|
||||||
|
<p>Conformément à la Loi Informatique et Liberté, vous bénéficiez d’un droit d’accès et rectification des données personnelles vous concernant. Pour exercer ce droit, contactez <b>secretaire@a-lec.org</b></p>
|
||||||
|
|
||||||
|
</article>
|
||||||
|
|
||||||
|
<aside id="a-lec_sidebar">
|
||||||
|
<div class="a-lec_wrapper" role="navigation">
|
||||||
|
<nav id="a-lec_latest-posts">
|
||||||
|
<h1 class="a-lec_latest-posts"></h1>
|
||||||
|
<ul aria-label="Liste d'Articles">
|
||||||
|
<!--# include file="./last-posts-list.html" -->
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
</aside>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<footer id="a-lec_footer">
|
||||||
|
<div id="a-lec_infos">
|
||||||
|
<h1>À propos de Libre en Communs</h1>
|
||||||
|
<div id="a-lec_a-propos">
|
||||||
|
<p class="a-lec_paragraph">
|
||||||
|
<b>Libre en Communs</b> est une
|
||||||
|
<a title="Plus d'informations sur la page Wikipédia France"
|
||||||
|
href="https://fr.wikipedia.org/wiki/Association_loi_de_1901">
|
||||||
|
association loi 1901</a>, à but non lucratif avec pour champ
|
||||||
|
d'action le logiciel libre, tel que défini par la
|
||||||
|
<a href="https://www.fsf.org/">Free Software Foundation</a>
|
||||||
|
(Fondation pour le Logiciel Libre) et le projet
|
||||||
|
<a href="https://www.gnu.org/philosophy/free-sw.fr.html">
|
||||||
|
<abbr title="GNU's Not Unix">GNU</abbr></a>.
|
||||||
|
Pour adhérer, voir sur la
|
||||||
|
<a title="Page d'accueil du site Libre en Communs"
|
||||||
|
href="https://www.a-lec.org/">page d'accueil</a>.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="a-lec_copyright">
|
||||||
|
<ul>
|
||||||
|
<li class="a-lec_list-cr">
|
||||||
|
<a href="https://git.a-lec.org/a-lec/vie-associative/statuts/-/blob/master/Statuts.pdf"
|
||||||
|
target="_blank"
|
||||||
|
title="Fichier PDF des Statuts de l'association Libre en Communs">Statuts de l'association</a>
|
||||||
|
</li>
|
||||||
|
<li class="a-lec_list-cr">
|
||||||
|
<a href="https://git.a-lec.org/a-lec/vie-associative/reglement-interieur/-/blob/master/RI.pdf"
|
||||||
|
target="_blank"
|
||||||
|
title="Fichier PDF du Règlement Intérieur de l'association Libre en Communs">Règlement intérieur</a>
|
||||||
|
</li>
|
||||||
|
<li class="a-lec_list-cr">Copyright © 2021-2022 Libre en Communs</li>
|
||||||
|
<li class="a-lec_list-cr"
|
||||||
|
title="Creative Commons: Attribution-ShareAlike 4.0 International">Licence CC-BY-SA 4.0 sauf mention contraire</li>
|
||||||
|
<li class="a-lec_list-cr">Propulsé par GSL
|
||||||
|
(<a title="Code source du site a-lec.org"
|
||||||
|
href="https://git.a-lec.org/a-lec/commissions/infrastructure//site-web-www.a-lec.org"
|
||||||
|
target="_blank">voir le code</a>)
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,114 @@
|
||||||
|
/*
|
||||||
|
========================================================================
|
||||||
|
Description : CSS stylesheet
|
||||||
|
Author : neox
|
||||||
|
Website : https://a-lec.org
|
||||||
|
License : AGPL
|
||||||
|
========================================================================
|
||||||
|
*/
|
||||||
|
|
||||||
|
form {
|
||||||
|
margin-top: 20px;
|
||||||
|
display: table;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
form *{
|
||||||
|
padding: 5px;
|
||||||
|
margin: 10px;
|
||||||
|
line-height: 20px;
|
||||||
|
text-justify: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
form p {
|
||||||
|
display: table-row;
|
||||||
|
}
|
||||||
|
|
||||||
|
form label {
|
||||||
|
display: table-cell;
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type=radio] {
|
||||||
|
all: revert;
|
||||||
|
margin-top: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.input-symbol-euro {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.input-symbol-euro {
|
||||||
|
margin-left: -5px;
|
||||||
|
padding-top: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.input-symbol-euro::after {
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
content:"€";
|
||||||
|
font-size: 120%;
|
||||||
|
}
|
||||||
|
|
||||||
|
form .mode {
|
||||||
|
display: table-cell;
|
||||||
|
}
|
||||||
|
|
||||||
|
form .renseignements {
|
||||||
|
display: table-cell;
|
||||||
|
border-bottom: 2px solid var(--a-lec_blue);
|
||||||
|
border-radius: 3px;
|
||||||
|
background-color: lightcyan;
|
||||||
|
padding: 5px;
|
||||||
|
color: black;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
form .renseignements:focus {
|
||||||
|
border-bottom: 2px solid var(--a-lec_red);
|
||||||
|
border-radius: 3px;
|
||||||
|
background-color: lightsalmon;
|
||||||
|
}
|
||||||
|
|
||||||
|
form select {
|
||||||
|
border-bottom: 2px solid var(--a-lec_blue);
|
||||||
|
border-radius: 3px;
|
||||||
|
background-color: lightcyan;
|
||||||
|
padding: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
form .validation {
|
||||||
|
background-color: var(--a-lec_blue);
|
||||||
|
box-shadow: 3px 3px 5px grey;
|
||||||
|
color: white;
|
||||||
|
font-weight: bold;
|
||||||
|
border: none;
|
||||||
|
cursor: pointer;
|
||||||
|
float: right;
|
||||||
|
margin-bottom: -10px;
|
||||||
|
margin-top: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
form .validation:focus {
|
||||||
|
display: table-cell;
|
||||||
|
background-color: var(--a-lec_red);
|
||||||
|
color: white;
|
||||||
|
font-weight: bold;
|
||||||
|
cursor: pointer;
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
========================================================================
|
||||||
|
LITTLE SCREENS
|
||||||
|
========================================================================
|
||||||
|
*/
|
||||||
|
@media screen and (max-width: 1100px) {
|
||||||
|
.mode_radio {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mode_radio span {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
}
|
||||||
Loading…
Reference in New Issue