Exemples d'utilisation deCSSeducteur

Explorez comment utiliser CSSeducteur pour créer des interfaces utilisateur élégantes et réactives avec facilité.

Exemples Pratiques

Voici quelques exemples pratiques pour vous aider à démarrer avec CSSeducteur.

Carte de Profil

<div class="cs-bg-white cs-p-6 cs-rounded-lg cs-shadow-md">
                      <img class="cs-w-24 cs-h-24 cs-rounded-full cs-mx-auto" src="profile.jpg" alt="Profile Picture">
                      <h2 class="cs-text-center cs-text-2xl cs-font-bold cs-mt-4">John Doe</h2>
                      <p class="cs-text-center cs-text-gray-600">Développeur Web</p>
                    </div>

Formulaire de Contact

<form class="cs-bg-white cs-p-6 cs-rounded-lg cs-shadow-md">
                      <label class="cs-block cs-mb-2 cs-font-bold" for="name">Nom</label>
                      <input class="cs-w-full cs-px-3 cs-py-2 cs-border cs-rounded" type="text" id="name" name="name">
                      <label class="cs-block cs-mt-4 cs-mb-2 cs-font-bold" for="email">Email</label>
                      <input class="cs-w-full cs-px-3 cs-py-2 cs-border cs-rounded" type="email" id="email" name="email">
                      <label class="cs-block cs-mt-4 cs-mb-2 cs-font-bold" for="message">Message</label>
                      <textarea class="cs-w-full cs-px-3 cs-py-2 cs-border cs-rounded" id="message" name="message"></textarea>
                      <button class="cs-btn cs-btn-primary cs-mt-4">Envoyer</button>
                    </form>