56 lines
2.1 KiB
PHP
56 lines
2.1 KiB
PHP
|
<!-- Sidebar de navigation -->
|
||
|
|
<div class="sidebar">
|
||
|
|
<a href="index.php" class="logo">
|
||
|
|
<img src="img/logo.png" alt="Kaubuntu.re">
|
||
|
|
</a>
|
||
|
|
|
||
|
|
<nav class="sidebar-nav">
|
||
|
|
<a href="index.php" class="nav-item" data-title="Accueil">
|
||
|
|
<i class="fas fa-home"></i> <span>Accueil</span>
|
||
|
|
</a>
|
||
|
|
<a href="#" class="nav-item" data-title="Direct">
|
||
|
|
<i class="fas fa-broadcast-tower"></i> <span>Direct</span>
|
||
|
|
</a>
|
||
|
|
|
||
|
|
<div class="nav-divider"></div>
|
||
|
|
|
||
|
|
<a href="#" class="nav-item" data-title="Explorer">
|
||
|
|
<i class="fas fa-compass"></i> <span>Explorer</span>
|
||
|
|
</a>
|
||
|
|
<a href="#" class="nav-item" data-title="Actualité">
|
||
|
|
<i class="fas fa-globe"></i> <span>Actualité</span>
|
||
|
|
</a>
|
||
|
|
<a href="#" class="nav-item" data-title="Musique">
|
||
|
|
<i class="fas fa-music"></i> <span>Musique</span>
|
||
|
|
</a>
|
||
|
|
<a href="#" class="nav-item" data-title="Histoire">
|
||
|
|
<i class="fas fa-monument"></i> <span>Histoire</span>
|
||
|
|
</a>
|
||
|
|
<a href="#" class="nav-item" data-title="Sport">
|
||
|
|
<i class="fas fa-running"></i> <span>Sport</span>
|
||
|
|
</a>
|
||
|
|
|
||
|
|
<div class="nav-divider"></div>
|
||
|
|
|
||
|
|
<div class="category-title">
|
||
|
|
<i class="fas fa-hashtag"></i> <span>Hashtags</span>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<a href="#" class="tag-item" data-title="Interview">
|
||
|
|
<div class="tag-dot"></div> <span>Interview</span>
|
||
|
|
</a>
|
||
|
|
<a href="#" class="tag-item" data-title="Conférence">
|
||
|
|
<div class="tag-dot"></div> <span>Conférence</span>
|
||
|
|
</a>
|
||
|
|
<a href="#" class="tag-item" data-title="Colonialisme">
|
||
|
|
<div class="tag-dot"></div> <span>Colonialisme</span>
|
||
|
|
</a>
|
||
|
|
<a href="#" class="tag-item" data-title="La Réunion">
|
||
|
|
<div class="tag-dot"></div> <span>La Réunion</span>
|
||
|
|
</a>
|
||
|
|
<a href="#" class="tag-item" data-title="Afrique">
|
||
|
|
<div class="tag-dot"></div> <span>Afrique</span>
|
||
|
|
</a>
|
||
|
|
</nav>
|
||
|
|
</div>
|