basic project skeleton

includes/mobile-menu.php

@@ -0,0 +1,42 @@
+<div class="mobile-menu">
+    <div class="mobile-menu-header">
+        <div class="logo">
+            <a href="index.php">
+                <img src="img/logo.png" alt="Kaubuntu.re">
+            </a>
+        </div>
+        <button class="mobile-menu-close">
+            <i class="fas fa-times"></i>
+        </button>
+    </div>
+    
+    <nav class="mobile-menu-nav">
+        <ul>
+            <li><a href="index.php"><i class="fas fa-home"></i> Accueil</a></li>
+            <li><a href="categories.php"><i class="fas fa-th-large"></i> Catégories</a></li>
+            <li><a href="channels.php"><i class="fas fa-users"></i> Chaînes</a></li>
+            <li><a href="about.php"><i class="fas fa-info-circle"></i> À propos</a></li>
+            <li><a href="contact.php"><i class="fas fa-envelope"></i> Contact</a></li>
+        </ul>
+    </nav>
+    
+    <div class="mobile-menu-section">
+        <h3>Catégories populaires</h3>
+        <ul>
+            <li><a href="categories.php?id=1">Technologie</a></li>
+            <li><a href="categories.php?id=2">Culture</a></li>
+            <li><a href="categories.php?id=3">Éducation</a></li>
+            <li><a href="categories.php?id=4">Divertissement</a></li>
+        </ul>
+    </div>
+    
+    <div class="mobile-menu-section">
+        <h3>Suivez-nous</h3>
+        <div class="social-icons">
+            <a href="#"><i class="fab fa-facebook"></i></a>
+            <a href="#"><i class="fab fa-twitter"></i></a>
+            <a href="#"><i class="fab fa-instagram"></i></a>
+            <a href="#"><i class="fab fa-youtube"></i></a>
+        </div>
+    </div>
+</div>