« Utilisateur:Hiob/Brouillon » : différence entre les versions
De Nefald
Autres actions
Aucun résumé des modifications |
Aucun résumé des modifications |
||
| Ligne 2 : | Ligne 2 : | ||
<!-- HEADER --> | <!-- HEADER --> | ||
<div class="home-header"> | |||
<div class="home-header__content"> | |||
<img src="logo.png" alt="Logo" class="home-header__logo"> | |||
<h1 class="home-header__title">Bienvenue sur le Wiki</h1> | |||
<p class="home-header__subtitle">Votre source d'information complète</p> | |||
</div> | |||
</div> | |||
<!-- BARRE DE RECHERCHE --> | <!-- BARRE DE RECHERCHE --> | ||
<div class="home-search"> | |||
<span class="home-search__icon">🔍</span> | |||
<input type="text" class="home-search__input" placeholder="Rechercher..."> | |||
<kbd class="home-search__kbd">Ctrl+K</kbd> | |||
</div> | |||
<!-- BANNIÈRE ÉVÉNEMENT --> | <!-- BANNIÈRE ÉVÉNEMENT --> | ||
<div class="home-event-bar"> | |||
<span class="home-event-bar__icon">🎉</span> | |||
<div class="home-event-bar__content"> | |||
<span class="home-event-bar__label">Événement</span> | |||
<span class="home-event-bar__title">Nouveau contenu disponible</span> | |||
</div> | |||
<a href="#" class="home-event-bar__link">En savoir plus →</a> | |||
</div> | |||
<!-- NAVIGATION CARDS --> | <!-- NAVIGATION CARDS --> | ||
<div class="home-nav"> | |||
<div class="home-nav-grid"> | |||
<a href="#" class="home-nav-card"> | |||
<span class="home-nav-card__icon">📚</span> | |||
<span class="home-nav-card__title">Articles</span> | |||
</div> | |||
</div> | |||
<!-- LAYOUT PRINCIPAL : 2 COLONNES + SIDEBAR --> | <!-- LAYOUT PRINCIPAL : 2 COLONNES + SIDEBAR --> | ||
<div class="home-layout"> | |||
<!-- ZONE PRINCIPALE (2 colonnes de cards) --> | <!-- ZONE PRINCIPALE (2 colonnes de cards) --> | ||
<div class="home-main"> | |||
<!-- ROW 1 : 2 cards côte à côte --> | <!-- ROW 1 : 2 cards côte à côte --> | ||
<div class="home-main__row"> | |||
{{Card | {{Card | ||
|title=📝 Dernières modifications | |title=📝 Dernières modifications | ||
| Ligne 75 : | Ligne 54 : | ||
|text=Contenu card 2 | |text=Contenu card 2 | ||
}} | }} | ||
</div> | |||
<!-- ROW 2 : 2 cards côte à côte --> | <!-- ROW 2 : 2 cards côte à côte --> | ||
<div class="home-main__row"> | |||
{{Card | {{Card | ||
|title=🎯 En vedette | |title=🎯 En vedette | ||
| Ligne 88 : | Ligne 67 : | ||
|text=Contenu card 4 | |text=Contenu card 4 | ||
}} | }} | ||
</div> | |||
<!-- ROW 3 : Card pleine largeur --> | <!-- ROW 3 : Card pleine largeur --> | ||
<div class="home-main__row home-main__row--full"> | |||
{{Card | {{Card | ||
|title=📰 Actualités récentes | |title=📰 Actualités récentes | ||
|text=Contenu card pleine largeur | |text=Contenu card pleine largeur | ||
}} | }} | ||
</div> | |||
</div> | |||
<!-- SIDEBAR (cards verticales) --> | <!-- SIDEBAR (cards verticales) --> | ||
<aside class="home-sidebar"> | |||
{{Card | {{Card | ||
| Ligne 122 : | Ligne 100 : | ||
|text=Contenu sidebar 4 | |text=Contenu sidebar 4 | ||
}} | }} | ||
</aside> | |||
</div> | |||
</div> | </div> | ||