🔨 Pages de base & Login

views/footer.php

@@ -0,0 +1,52 @@
+<!-- Site footer -->
+<footer class="site-footer">
+    <div class="container">
+        <div class="row">
+            <div class="col-sm-12 col-md-6">
+                <h6>à propos</h6>
+                <p class="text-justify">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quo consequatur illum,
+                    officiis nisi porro minus voluptates impedit unde perspiciatis commodi? Mollitia dolores dolore
+                    deserunt. Numquam officia ex vitae, ipsum veritatis atque recusandae accusantium consequatur
+                    dolorum.</p>
+            </div>
+
+            <div class="col-xs-6 col-md-3">
+                <h6>Catégories</h6>
+                <ul class="footer-links">
+                    <li><a href="../">Accueil</a></li>
+                    <li><a href="../events">Évènements</a></li>
+                    <li><a href="http://scanfcode.com/category/back-end-development/">PHP</a></li>
+                    <li><a href="http://scanfcode.com/category/java-programming-language/">Java</a></li>
+                </ul>
+            </div>
+
+            <div class="col-xs-6 col-md-3">
+                <h6>Liens rapides</h6>
+                <ul class="footer-links">
+                    <li><a href="http://scanfcode.com/about/">About Us</a></li>
+                    <li><a href="http://scanfcode.com/privacy-policy/">Privacy Policy</a></li>
+                    <li><a href="http://scanfcode.com/sitemap/">Sitemap</a></li>
+                </ul>
+            </div>
+        </div>
+        <hr>
+    </div>
+    <div class="container">
+        <div class="row">
+            <div class="col-md-8 col-sm-6 col-xs-12">
+                <p class="copyright-text">Copyright &copy; 2024
+                    <a href="#">Juliette & Loris</a>.
+                </p>
+            </div>
+
+            <div class="col-md-4 col-sm-6 col-xs-12">
+                <ul class="social-icons">
+                    <li><a class="facebook" href="#"><i class="fa fa-facebook"></i></a></li>
+                    <li><a class="twitter" href="#"><i class="fa fa-twitter"></i></a></li>
+                    <li><a class="dribbble" href="#"><i class="fa fa-dribbble"></i></a></li>
+                    <li><a class="linkedin" href="#"><i class="fa fa-linkedin"></i></a></li>
+                </ul>
+            </div>
+        </div>
+    </div>
+</footer>

views/header.php

@@ -0,0 +1,30 @@
+<nav class="menu-container">
+    <!-- burger menu -->
+    <input type="checkbox" aria-label="Toggle menu" />
+    <span></span>
+    <span></span>
+    <span></span>
+
+    <!-- logo -->
+    <a href="../" class="menu-logo">
+        <img src="https://i.imgur.com/RkmSo9Q.png" alt="Jeux Olympiques - Paris 2024" />
+    </a>
+
+    <!-- menu items -->
+    <div class="menu">
+        <ul>
+            <li>
+                <a href="/events">
+                    Évènements
+                </a>
+            </li>
+        </ul>
+        <ul>
+            <li>
+                <a href="/login">
+                    Connexion
+                </a>
+            </li>
+        </ul>
+    </div>
+</nav>