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