🚀 Démarrer avec Orochi

Orochi CSS est un framework CSS moderne, léger et responsive pour concevoir rapidement des interfaces web élégantes et performantes.

Pourquoi choisir Orochi ?

  • Léger : Code optimisé, rapide à charger.
  • Flexible : Inspiré de Bootstrap mais avec une touche personnelle.
  • Complet : Grille, boutons, cartes, alertes, formulaires, etc.
  • Moderne : Design propre, animations douces et classes utilitaires.

📦 Installation

Ajoutez l'un des liens suivants dans votre fichier HTML :

✅ Lien local

<link rel="stylesheet" href="/path/to/src/orochi.css">

✅ Lien CDN

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/Orochichrys/orochi-framework@main/dist/orochi.min.css">

📐 Exemple de Grille

Colonne 1
Colonne 2 
<div class="o-row">
  <div class="o-col-6">Colonne 1</div>
  <div class="o-col-6">Colonne 2</div>
</div>

🔘 Boutons

<button class="o-btn o-btn-primary">Primaire</button>
<button class="o-btn o-btn-secondary">Secondaire</button>
<button class="o-btn o-btn-success">Succès</button>
<button class="o-btn o-btn-danger">Danger</button>

🚨 Alertes

Ceci est une alerte d'avertissement
Ceci est une alerte de succès
Ceci est une alerte d'information 
<div class="o-alert o-alert-warning">Ceci est une alerte d'avertissement</div>
<div class="o-alert o-alert-success">Ceci est une alerte de succès</div>
<div class="o-alert o-alert-info">Ceci est une alerte d'information</div>

📝 Formulaires

<div class="o-form-group">
  <label class="o-form-label">Nom</label>
  <input type="text" class="o-form-control" placeholder="Entrez votre nom">
</div>

<div class="o-form-group">
  <label class="o-form-label">Email</label>
  <input type="email" class="o-form-control" placeholder="Entrez votre email">
</div>

ℹ️ Information

Cette documentation est en cours d'amélioration. N'hésitez pas à consulter les autres composants pour découvrir toutes les fonctionnalités d'Orochi.