150 lines
7.6 KiB
Plaintext
150 lines
7.6 KiB
Plaintext
<%- include('../../template_parts/head')%>
|
|
|
|
<body>
|
|
|
|
<!-- ---------------------------------- -->
|
|
<!-- HEADER -->
|
|
<!-- ---------------------------------- -->
|
|
<%- include('../../template_parts/header_tunnel')%>
|
|
|
|
<main>
|
|
|
|
<!-- TITRE DE LA PAGE -->
|
|
<%- include('../template_parts/rassemblementidf_titrepage')%>
|
|
|
|
<article class="stage_formulaire_cont form_adhesion">
|
|
|
|
<form id="rassemblementidf_form" action="" method="post" class="stage_formulaire">
|
|
|
|
<section>
|
|
|
|
<h1><img class='icone_titre' src="/public/images/icones/icone_compte.png" alt="icone information à cliquer">VOTRE COMPTE ADHÉRENT</h1>
|
|
|
|
<div class="grid_2inputs">
|
|
<div>
|
|
<p>Identifiant : <span class='identifiant'><%= identifiant %></span></p>
|
|
</div>
|
|
</div>
|
|
<div class="grid_2inputs">
|
|
<div class="input_box input_text input_box_gris">
|
|
<label for="association">Association Suzuki *</label>
|
|
<input type="text" name="association" id="association" value='<%= association_suzuki %>' required>
|
|
</div>
|
|
</div>
|
|
|
|
<h1 class="titre_personne"><span class="rouge">Informations sur l'adhérent à l'association Suzuki, française, ou d'un autre pays :</span></h1>
|
|
|
|
<div class="grid_2inputs">
|
|
<div class="input_box input_text input_box_gris">
|
|
<label for="adherent_nom">Nom de famille *</label>
|
|
<input type="text" name="adherent_nom" id="adherent_nom" value='<% if (locals.adherent_nom) { %><%= adherent_nom %><% }; %>' required>
|
|
</div>
|
|
|
|
<div class="input_box input_text input_box_gris">
|
|
<label for="adherent_prenom">Prénom *</label>
|
|
<input type="text" name="adherent_prenom" id="adherent_prenom" value='<% if (locals.adherent_prenom) { %><%= adherent_prenom %><% }; %>' required>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="grid_2inputs">
|
|
<div class="input_box input_text input_box_gris">
|
|
<label for="adherent_adresse_rue">Rue *</label>
|
|
<input type="text" name="adherent_adresse_rue" id="adherent_adresse_rue" value="<% if (locals.adherent_adresse_rue) { %><%= adherent_adresse_rue %><% }; %>" required>
|
|
</div>
|
|
|
|
<div class="input_box input_text input_box_gris">
|
|
<label for="adherent_adresse_complement">Complément d'adresse</label>
|
|
<input type="text" name="adherent_adresse_complement" id="adherent_adresse_complement" value="<% if (locals.adherent_adresse_complement) { %><%= adherent_adresse_complement %><% }; %>">
|
|
</div>
|
|
|
|
<div class="input_box input_text input_box_gris">
|
|
<label for="adherent_adresse_codepostal">Code postal</label>
|
|
<input type="text" name="adherent_adresse_codepostal" id="adherent_adresse_codepostal" value="<% if (locals.adherent_adresse_codepostal) { %><%= adherent_adresse_codepostal %><% }; %>">
|
|
</div>
|
|
|
|
<div class="input_box input_text input_box_gris">
|
|
<label for="adherent_adresse_ville">Ville *</label>
|
|
<input type="text" name="adherent_adresse_ville" id="adherent_adresse_ville" value="<% if (locals.adherent_adresse_ville) { %><%= adherent_adresse_ville %><% }; %>" required>
|
|
</div>
|
|
|
|
<div class="input_box input_text input_box_gris">
|
|
<label for="adherent_adresse_pays">Pays *</label>
|
|
<input type="text" name="adherent_adresse_pays" id="adherent_adresse_pays" value="<% if (locals.adherent_adresse_pays) { %><%= adherent_adresse_pays %><% }; %>" required>
|
|
</div>
|
|
</div>
|
|
<div class="grid_2inputs">
|
|
<div class="input_box input_text input_box_gris">
|
|
<label for="adherent_telephone_mobile">Téléphone mobile *</label>
|
|
<input type="tel" name="adherent_telephone_mobile" id="adherent_telephone_mobile" value="<% if (locals.adherent_telephone_mobile) { %><%= adherent_telephone_mobile %><% }; %>" required>
|
|
</div>
|
|
|
|
<div class="input_box input_text input_box_gris">
|
|
<label for="adherent_mail">Mail *</label>
|
|
<input type="email" name="adherent_mail" id="adherent_mail" value="<% if (locals.adherent_mail) { %><%= adherent_mail %><% }; %>" required>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
<section>
|
|
|
|
<h1 class="titre_personne"><span class="rouge">INSCRIPTION DES PERSONNES PRÉSENTES AU RASSEMBLEMENT</span></h1>
|
|
<div class="description">
|
|
<p>- Les élèves instrumentistes</p>
|
|
<p>- Les professeurs</p>
|
|
</div>
|
|
<div class="space30"></div>
|
|
|
|
|
|
<div class="grid_2inputs">
|
|
<div class="icone_hebergement">
|
|
<div><img class='icone' src="/public/images/icones/icone_bus.png" alt="icone bus"></div>
|
|
<div>Voulez vous prendre la navette qui va de la gare de Maule jusqu'au lieu du Rassemblement ? Si oui, pour combien de personnes ?</div>
|
|
<div class="input_box input_text input_box_gris">
|
|
<label for="bus_nb">Indiquer le nombre de personnes</label>
|
|
<input type="number" name="bus_nb" id="bus_nb" value='<% if (locals.bus_nb) { %><%= bus_nb %><% }; %>'>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</section>
|
|
|
|
<section id="personne0">
|
|
</section>
|
|
|
|
<!-- ---------------------------------- -->
|
|
<!-- COMMENTAIRE -->
|
|
<!-- ---------------------------------- -->
|
|
<section class="commentaire">
|
|
<div class="input_box input_text input_box_bleu">
|
|
<label class="labeltextarea" for="commentaire_adherent">Un commentaire ou une information particulière <br> à nous transmettre ?</label>
|
|
<textarea class="textarea_commentaire" id="commentaire_adherent" name="commentaire_adherent"rows="8" cols="40"></textarea>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<button type="submit" class="button_icone">
|
|
<span class="btn_icone">+</span><span class="btn_texte">VALIDER</span>
|
|
</button>
|
|
|
|
</form>
|
|
</article>
|
|
|
|
</main>
|
|
|
|
|
|
|
|
<!-- ---------------------------------- -->
|
|
<!-- FOOTER -->
|
|
<!-- ---------------------------------- -->
|
|
<%- include('../../template_parts/footer')%>
|
|
|
|
</body>
|
|
<!-- JAVASCRIPT d'EXECUTION -->
|
|
<script src="/public/js/rassemblementidf/rassemblementidf_formulaire_personne.js"></script>
|
|
|
|
</html> |