templates/default/step/step1.html.twig line 1

Open in your IDE?
  1.   <div class="wizard-step active" id="step1">
  2.   <h3 class="text-center">👤 Informations personnelles</h3>
  4.   <div class="container" style="max-width: 800px; margin: 0 auto;">
  5.    <div class="row">
  6.       <div class="col-md-6">
  7.          <label class="mt-3">Avez-vous dĂ©jĂ  candidatĂ© pour une prĂ©cĂ©dente Ă©dition de Kalina ? *</label>
  8.          <select name="last_event" class="form-control" required>
  9.             <option value="">Choisir</option>
  10.             <option value="oui">Oui</option>
  11.             <option value="non">Non</option>
  12.           </select>
  13.       </div>
  14.       <div class="col-md-6">
  15.         <label class="mt-4 mb-4">CivilitĂ© *</label>
  16.          <select name="civility" class="form-control" required>
  17.             <option value="">Choisir</option>
  18.             <option value="Madame">Madame</option>
  19.             <option value="Monsieur">Monsieur</option>
  20.           </select>
  21.       </div>
  22.     </div>
  23.     <div class="row">
  24.       <div class="col-md-6">
  25.         <label>Nom *</label>
  26.         <input type="text" name="name" class="form-control" required>
  27.       </div>
  28.       <div class="col-md-6">
  29.         <label>PrĂ©nom *</label>
  30.         <input type="text" name="firstname" class="form-control" required>
  31.       </div>
  32.     </div>
  34.     <label class="mt-3">Adresse *</label>
  35.     <input type="text" name="adress" class="form-control" required>
  37.     <div class="row mt-3">
  38.       <div class="col-md-6">
  39.         <label>Ville *</label>
  40.         <input type="text" name="city" class="form-control" required>
  41.       </div>
  42.       <div class="col-md-6">
  43.         <label>Code Postal *</label>
  44.         <input type="text" name="zip" class="form-control" required>
  45.       </div>
  46.     </div>
  48.     <label class="mt-3">Pays *</label>
  49.     <input type="text" name="country" class="form-control" required>
  51.     <div class="row mt-3">
  52.       <div class="col-md-6">
  53.         <label>TĂ©lĂ©phone portable *</label>
  54.         <input type="text" name="mobile" class="form-control" required>
  55.       </div>
  56.       <div class="col-md-6">
  57.         <label>TĂ©lĂ©phone domicile</label>
  58.         <input type="text" name="phone" class="form-control">
  59.       </div>
  60.     </div>
  62.     <div class="row mt-3">
  63.       <div class="col-md-6">
  64.         <label>Date de Naissance *</label>
  65.         <input type="date" name="birthday" class="form-control" required>
  66.       </div>
  67.        <div class="col-md-6">
  68.         <label>NationalitĂ© *</label>
  69.         <input type="text" name="nationality" class="form-control" required>
  70.       </div>
  71.   
  72.     </div>
  73.   <div class="row mt-3">
  74.   <div class="col-md-6">
  75.     <label>Situation familiale *</label>
  76.     <select name="family" class="form-control" required>
  77.       <option value="">Choisir</option>
  78.       <option value="marie">MariĂ©(e)</option>
  79.       <option value="celibataire">CĂ©libataire</option>
  80.       <option value="couple">En couple</option>
  81.       <option value="divorce">DivorcĂ©(e)</option>
  82.     </select>
  83.     </div>
  84.       <div class="col-md-6">
  85.         <label>Nombre d’enfants *</label>
  86.         <input type="number" name="children" class="form-control" required>
  87.       </div>
  88.     </div>
  90.     <div class="row mt-3">
  91.       <div class="col-md-6">
  92.         <label>Poids *</label>
  93.         <input type="text" name="weight" class="form-control" required>
  94.       </div>
  95.       <div class="col-md-6">
  96.         <label>Taille *</label>
  97.         <input type="text" name="size" class="form-control" placeholder="taille en cm (ex: 1m88 = 188)" required>
  98.       </div>
  99.     </div>
  101.     <label class="mt-3">Profession *</label>
  102.     <input type="text" name="job" class="form-control" required>
  104.     <div class="d-flex justify-content-end mt-4">
  105.     <button type="button" class="btn btn-kalina btn-next" data-next="2">
  106.         Suivant
  107.     </button>
  108. </div>
  109.   </div>
  110. </div>