diff --git a/CodeIgniter-3.1.13/application/views/accueil.php b/CodeIgniter-3.1.13/application/views/accueil.php
index e0e029c..1ae75ff 100644
--- a/CodeIgniter-3.1.13/application/views/accueil.php
+++ b/CodeIgniter-3.1.13/application/views/accueil.php
@@ -1,11 +1,68 @@
 <!DOCTYPE html>
 <html>
-<?php include 'layout/header_not_logged_dark.php';?>
+<?php include 'layout/header_not_logged_dark.php'; ?>
 <head>
+    <link rel="stylesheet" href="assets/css/accueil.css">
+    <link rel="icon" type="image/x-icon" href="assets/img/Logo_ONZEUR.png">
     <title>Page d'accueil</title>
+    
 </head>
 <body>
-    <h1>Bienvenue sur notre site !</h1>
-    <p>Ceci est la page d'accueil de notre application.</p>
+    <div class="hero">
+        <h1>Bienvenue sur Onzeur !</h1>
+        <p>Le service de streaming musical numéro 1 en France.</p>
+    </div>
+
+    <div class="container">
+        <div class="features">
+            <h2>Fonctionnalités</h2>
+            <div class="feature">
+                <h3>Fonctionnalité N°1</h3>
+                <p>Description de la fonctionnalité 1. Cette fonctionnalité permet de ...</p>
+            </div>
+            <div class="feature">
+                <h3>Fonctionnalité N°2</h3>
+                <p>Description de la fonctionnalité 2. Cette fonctionnalité permet de ...</p>
+            </div>
+            <div class="feature">
+                <h3>Fonctionnalité N°3</h3>
+                <p>Description de la fonctionnalité 3. Cette fonctionnalité permet de ...</p>
+            </div>
+        </div>
+
+        <div class="testimonials">
+            <h2>Témoignages</h2>
+            <div class="testimonial">
+                <p>"Ce site est incroyable! J'ai pu accomplir tant de choses grâce à lui."</p>
+                <p>- Mike</p>
+            </div>
+            <div class="testimonial">
+                <p>"Une expérience utilisateur fantastique. Je recommande vivement."</p>
+                <p>- Laura</p>
+            </div>
+            <div class="testimonial">
+                <p>"Service client exceptionnel et fonctionnalités géniales."</p>
+                <p>- Joe</p>
+            </div>
+        </div>
+
+        <div class="gallery">
+            <h2>Ils nous font confiance :</h2>
+            <img src="assets/img/gallerie/pnl.png" alt="PNL">
+            <img src="assets/img/gallerie/booba.png" alt="BOOBA">
+            <img src="assets/img/gallerie/niska.png" alt="NISKA">
+        </div>
+
+        <div class="contact">
+            <h2>Contactez-nous</h2>
+            <form action="#" method="post">
+                <input type="text" name="name" placeholder="Votre nom" required>
+                <input type="email" name="email" placeholder="Votre email" required>
+                <textarea name="message" rows="5" placeholder="Votre message" required></textarea>
+                <button type="submit">Envoyer</button>
+            </form>
+        </div>
+    </div>
+    <?php include 'layout/footer_dark.php'; ?>
 </body>
 </html>
diff --git a/CodeIgniter-3.1.13/application/views/layout/footer_dark.php b/CodeIgniter-3.1.13/application/views/layout/footer_dark.php
index c37558e..2b8237d 100644
--- a/CodeIgniter-3.1.13/application/views/layout/footer_dark.php
+++ b/CodeIgniter-3.1.13/application/views/layout/footer_dark.php
@@ -3,17 +3,17 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="stylesheet" href="../../../assets/css/footer_dark.css">
+    <link rel="stylesheet" href="assets/css/footer_dark.css">
     <title>Musique</title>
 </head>
 <body>
     <footer class="footer">
         <div class="footer-content">
             <div class="social-links">
-                <a href="https://www.instagram.com" class="social-icon"><img src="../../../assets/img/reseaux_sociaux/instagram.png" alt="Instagram"></a>
-                <a href="https://www.facebook.com" class="social-icon"><img src="../../../assets/img/reseaux_sociaux/facebook.png" alt="Facebook"></a>
-                <a href="https://www.snapchat.com" class="social-icon"><img src="../../../assets/img/reseaux_sociaux/snapchat.png" alt="Snapchat"></a>
-                <a href="https://www.youtube.com" class="social-icon"><img src="../../../assets/img/reseaux_sociaux/youtube.png" alt="Youtube"></a>
+                <a href="https://www.instagram.com" class="social-icon"><img src="assets/img/reseaux_sociaux/instagram.png" alt="Instagram"></a>
+                <a href="https://www.facebook.com" class="social-icon"><img src="assets/img/reseaux_sociaux/facebook.png" alt="Facebook"></a>
+                <a href="https://www.snapchat.com" class="social-icon"><img src="assets/img/reseaux_sociaux/snapchat.png" alt="Snapchat"></a>
+                <a href="https://www.youtube.com" class="social-icon"><img src="assets/img/reseaux_sociaux/youtube.png" alt="Youtube"></a>
             </div>
             <div class="legal">
                 <a href="#" class="legal-link">Mentions légales</a>
diff --git a/CodeIgniter-3.1.13/assets/css/accueil.css b/CodeIgniter-3.1.13/assets/css/accueil.css
new file mode 100644
index 0000000..b4e9e60
--- /dev/null
+++ b/CodeIgniter-3.1.13/assets/css/accueil.css
@@ -0,0 +1,55 @@
+
+        body {
+            font-family: Arial, sans-serif;
+            background-color: #f4f4f4;
+            margin: 0;
+            padding: 0;
+            color: #333;
+        }
+        .container {
+            width: 80%;
+            margin: 0 auto;
+            padding: 20px;
+        }
+        h1, h2, h3 {
+            color: #444;
+        }
+        .hero {
+            background-color: #333;
+            color: #fff;
+            padding: 50px 20px;
+            text-align: center;
+        }
+        .features, .testimonials, .gallery, .contact {
+            margin: 20px 0;
+            padding: 20px;
+            background: #fff;
+            border-radius: 8px;
+            box-shadow: 0 0 10px rgba(0,0,0,0.1);
+        }
+        .features h2, .testimonials h2, .gallery h2, .contact h2 {
+            margin-top: 0;
+        }
+        .features .feature, .testimonials .testimonial {
+            margin: 10px 0;
+        }
+        .gallery img {
+            width: 100%;
+            height: auto;
+            border-radius: 8px;
+        }
+        .contact form input, .contact form textarea {
+            width: 100%;
+            padding: 10px;
+            margin: 10px 0;
+            border: 1px solid #ccc;
+            border-radius: 4px;
+        }
+        .contact form button {
+            padding: 10px 20px;
+            background-color: #333;
+            color: #fff;
+            border: none;
+            border-radius: 4px;
+            cursor: pointer;
+        }
\ No newline at end of file
diff --git a/CodeIgniter-3.1.13/assets/img/gallerie/booba.png b/CodeIgniter-3.1.13/assets/img/gallerie/booba.png
new file mode 100644
index 0000000..f013a06
Binary files /dev/null and b/CodeIgniter-3.1.13/assets/img/gallerie/booba.png differ
diff --git a/CodeIgniter-3.1.13/assets/img/gallerie/niska.png b/CodeIgniter-3.1.13/assets/img/gallerie/niska.png
new file mode 100644
index 0000000..54ee89e
Binary files /dev/null and b/CodeIgniter-3.1.13/assets/img/gallerie/niska.png differ
diff --git a/CodeIgniter-3.1.13/assets/img/gallerie/pnl.png b/CodeIgniter-3.1.13/assets/img/gallerie/pnl.png
new file mode 100644
index 0000000..043c68e
Binary files /dev/null and b/CodeIgniter-3.1.13/assets/img/gallerie/pnl.png differ
