Files
aduzuki/views/adhesion/page_templates/adhesion_paiement_total.ejs
julliechaumard dd49ba357b commit
2023-02-28 01:15:30 +01:00

91 lines
3.5 KiB
Plaintext
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<%- include('../../template_parts/head')%>
<body>
<%- include('../../template_parts/header_tunnel')%>
<main>
<article>
<!-- TITRE DE LA PAGE -->
<%- include('../template_parts/adhesion_titrepage')%>
<section class="paiement_container">
<div class="paiement">
<div class="paiement_titre">
<p>PAIEMENT</p>
</div>
<div class="montant_cotisation_label">
<p>Montant de votre cotisation annuelle</p>
</div>
<div class="montant_cotisation_euros_box">
<div class="montant_cotisation_euros"><%= adherent_paiement_montant_adhesion %> <span class="euro_label"> euros</span></div>
</div>
<form action="calcul_total" method="post" class="don">
<div class="input_box input_text_don input_box_gris">
<label for="adherent_paiement_montant_don">Vous pouvez ajouter un don pour nous soutenir</label>
<input type="number" name="adherent_paiement_montant_don" id="adherent_paiement_montant_don">
</div>
<!-- ------------------------- -->
<!-- Explication DU DON -->
<!-- ------------------------- -->
<!-- Trigger/Open The Modal -->
<div id="open_modal" class="open_modal_don">
<p>En savoir plus sur le don</p>
</div>
<!-- The Modal -->
<section id="prelude" class="prelude">
<div class="prelude_content">
<span class="prelude_close">&times;</span>
<p>Votre don à l'Association Française pour la Pédagogie Suzuki</p>
<br>
<p><span class="gras">Nous vous remercions chaleureusement pour le soutien que vous nous apportez :</span></p>
<ul>
<li>vous soutenez lAssociation qui repose sur lengagement de bénévoles,</li>
<li>les enfants pourront continuer à apprendre la musique grâce à la pédagogie Suzuki,</li>
<li>nous préparons des manuels… et autres ressources ou matériels,</li>
<li>nous pouvons organiser des concerts et des rassemblements</li>
<li>vous soutenez notre existence !</li>
</ul>
<br>
<p><span class="gras">Une attestation pour déduire son don de l'impôt :</span></span></p>
<ul>
<li>suite à votre inscription et votre paiement, vous recevrez un justificatif de don que vous pourrez joindre à votre déclaration d'impôts.</li>
</ul>
<br>
</div>
</section>
<button id="total_valider" type="submit" class="button_text">
<span class="btn_texte">VALIDER</span>
</button>
</form>
</div>
</section>
</article>
</main>
</body>
<!-- JAVASCRIPT d'EXECUTION -->
<script src="/public/js/adhesion/accueil_modal.js"></script>
<%- include('../../template_parts/footer')%>