White container

Basic examples

  • Default 1
  • Default 2
  • Default 3
  • Default 4
  • Default 5

Titre ici

Manager

Ajouter un fichier

Heures supplémentaires

Oui
Non
Oui
Non

Heures supplémentaires

En activant cette option vous autorisez les tuteurs à communiquer les horaires de leurs enfants.

Oui
Non

Heures d'ouvertures

Lundi
à
Mardi
à
Show code
<div class="whiteContainer"> <p class="whiteContainer__title">Titre ici</p> <div class="whiteContainer__container"> <div class="field"> <label>Nom de votre crèche</label> <input type="text" placeholder="Enfants Heureux"> </div> <div class="field"> <label>Numéro et Rue</label> <input type="text" placeholder="Disney"> </div> <div class="field -w-50"> <label>Ville</label> <input type="text" placeholder="6, rue merveille"> </div> <div class="field -w-50"> <label>Code Postal</label> <input type="text" placeholder="1234"> </div> <div class="field"> <label>Pays</label> <input type="text" placeholder="Luxembourg"> </div> <div class="field"> <label>Numéro de téléphone</label> <input type="tel" placeholder="+352 111 222 333"> </div> <div class="field"> <label>Email de contact</label> <input type="text" placeholder="[email protected]"> </div> <div class="field"> <label>Site web</label> <input type="text" placeholder="kidola.lu"> </div> <div class="field"> <label>Numéro d'Identification Unique</label> <input type="text" placeholder="C064532"> </div> </div> </div>
<div class="whiteContainer"> <p class="whiteContainer__title">Manager</p> <div class="whiteContainer__container"> <div class="field -filled"> <label>Prénom et nom</label> <input type="text" value="Blanche Neige"> </div> <div class="field -filled"> <label>Numéro de téléphone</label> <input type="tel" value="00352111222333"> </div> <div class="field -filled"> <label>Email de contact</label> <input type="email" value="[email protected]"> </div> <div class="field -file -filled"> <label for="input11">Ajouter une pièce jointe</label> <input type="file" placeholder="Ajouter une pièce jointe" id="input11" value=""> <div class="field"> Ajouter un fichier <span class="field__icon"> <span class="icon-edit "><span class="path1"></span><span class="path2"></span><span class="path3"></span></span> </span> </div> </div> </div> </div>
<div class="whiteContainer"> <p class="whiteContainer__title">Heures supplémentaires</p> <div class="whiteContainer__container"> <label>Faut-il comptabiliser les heures en dehors des heures d’ouvertures ?</label> <div class="buttonsGroup"> <button type="button" class="button -default -current">Oui</button> <button type="button" class="button -default">Non</button> </div> <label>Faut-il comptabiliser les heures en dehors des heures forfaitaires ?</label> <div class="buttonsGroup"> <button type="button" class="button -default">Oui</button> <button type="button" class="button -default -current">Non</button> </div> </div> </div>
<div class="whiteContainer"> <p class="whiteContainer__title">Heures supplémentaires</p> <div class="whiteContainer__container"> <label>Autoriser semaine type</label> <p class="has-text-red-medium">En activant cette option vous autorisez les tuteurs à communiquer les horaires de leurs enfants.</p> <div class="buttonsGroup"> <button type="button" class="button -default -current">Oui</button> <button type="button" class="button -default">Non</button> </div> </div> </div> <button type="button" class="button -green -fullWidth">Créer ma crèche</button>
<div class="whiteContainer -noBackground"> <p class="whiteContainer__title">Heures d'ouvertures</p> <div class="whiteContainer__container"> <div class="cardMultitasks -noBorder"> <div class="cardMultitasks__left"> <div class="label">Mercredi</div> </div> <div class="cardMultitasks__right"> <input type="text" class="timeslot" /> <span class="to">à</span> <input type="text" class="timeslot" /> <button><img src="../../assets/icons/trash.svg" alt="" /></button> </div> </div> <div class="cardMultitasks -noBorder"> <div class="cardMultitasks__left"> <div class="label">Mercredi</div> </div> <div class="cardMultitasks__right"> <input type="text" class="timeslot" /> <span class="to">à</span> <input type="text" class="timeslot" /> <button><img src="../../assets/icons/trash.svg" alt="" /></button> </div> </div> </div> </div>