<div class="wizard-step" id="step2"> <h3 class="text-center">🎯 Personnalité & Réseaux Sociaux</h3> <div class="container" style="max-width: 800px; margin: 0 auto;"> <label>Décrivez votre personnalité *</label> <textarea name="personality" class="form-control" rows="3" required></textarea> <label class="mt-3">Quels sports pratiquez-vous ? *</label> <input type="text" name="sport" class="form-control" required> <label class="mt-3">Votre plus grande qualité *</label> <input type="text" name="quality" class="form-control" required> <label class="mt-3">Votre plus gros défaut *</label> <input type="text" name="fault" class="form-control" required> <label class="mt-3">Un mot qui vous définit *</label> <input type="text" name="oneword" class="form-control" required> <label class="mt-3">Dans un groupe, vous êtes plutôt *</label> <select name="personality" class="form-control" required> <option value="">Choisir</option> <option value="leader">Le leader</option> <option value="comique">Le comique</option> <option value="sportif">Le sportif</option> <option value="intellectuel">L’intellectuel</option> <option value="manuel">Le manuel</option> <option value="stratège">Le stratège</option> <option value="badCaractère">Le mauvais caractère</option> <option value="Autre">Autre</option> </select> <label class="mt-3">Expliquez pourquoi *</label> <textarea name="why_personality" class="form-control" rows="3" required></textarea> <label class="mt-3">Savez-vous nager ? *</label> <select name="swing" class="form-control" required> <option value="">Choisir</option> <option value="oui">Oui</option> <option value="non">Non</option> </select> <hr> <h5 class="text-center">📱 Réseaux Sociaux</h5> <div class="row mt-3"> <div class="col-md-6"> <label>Instagram </label> <input type="text" name="instagram" class="form-control"> </div> <div class="col-md-6"> <label>Nombre abonnés</label> <input type="text" name="instagram_followers" class="form-control"> </div> </div> <div class="row mt-3"> <div class="col-md-6"> <label>TikTok </label> <input type="text" name="tiktok" class="form-control"> </div> <div class="col-md-6"> <label>Nombre abonnés</label> <input type="text" name="tiktok_followers" class="form-control"> </div> </div> <div class="row mt-3"> <div class="col-md-6"> <label>Facebook</label> <input type="text" name="facebook" class="form-control"> </div> </div> <label class="mt-3">Autres réseaux</label> <textarea name="othersocial" class="form-control" rows="2"></textarea> <div class="d-flex justify-content-between mt-4"> <button type="button" class="btn btn-secondary btn-prev" data-prev="1"> Retour </button> <button type="button" class="btn btn-kalina btn-next" data-next="3"> Suivant </button></div> </div></div>