diff --git a/ci/application/config/config.php b/ci/application/config/config.php
index f248cde..e947623 100644
--- a/ci/application/config/config.php
+++ b/ci/application/config/config.php
@@ -23,7 +23,7 @@ defined('BASEPATH') OR exit('No direct script access allowed');
 | a PHP script and you can easily do that on your own.
 |
 */
-$config['base_url'] = '/~brigitte/SAEWEB2.2/ci/';
+$config['base_url'] = '/~boutaric/SAEWEB2.2/ci/';
 
 /*
 |--------------------------------------------------------------------------
diff --git a/ci/application/controllers/Playlist.php b/ci/application/controllers/Playlist.php
index 5a7acc6..d3037a2 100644
--- a/ci/application/controllers/Playlist.php
+++ b/ci/application/controllers/Playlist.php
@@ -24,6 +24,7 @@ class Playlist extends CI_Controller {
 
     public function SongPlaylist($playlist_id){
         $songPlaylists = $this->model_music->getSongOfPlaylist($playlist_id);
+        $songs = $this->model_music->getSongOfAlbum($playlist_id);
         $playlists = $this->model_music->getPlaylist(); // Récupère toutes les playlists
         $id_playlist = null; // Initialise $id_playlist à null
         foreach ($playlists as $playlist_item) {
@@ -32,7 +33,7 @@ class Playlist extends CI_Controller {
                 break;
             }
         }
-        $this->load->view('song_playlist', ['songPlaylists' => $songPlaylists, 'id_playlist' => $id_playlist]);
+        $this->load->view('song_playlist', ['songPlaylists' => $songPlaylists, 'id_playlist' => $id_playlist, 'songs'=>$songs]);
     }
 
     public function delete($playlist_id) {
diff --git a/ci/application/views/Welcome.php b/ci/application/views/Welcome.php
index 5949a35..91e1475 100644
--- a/ci/application/views/Welcome.php
+++ b/ci/application/views/Welcome.php
@@ -10,7 +10,7 @@
     <main class='container'>
     <header class="navbar">
             <div class="logo">
-                <img src="assets/img/Logo1.png" alt="SpotiFly">
+            <img src=<?= base_url('assets/img/Logo1.png') ?> alt="SpotiFly">
             </div>
             <nav class="menu">
                 <ul>
@@ -47,7 +47,7 @@
         </header>
         <div id="Page">
         <div class="content">
-        <img src="assets/img/logo_page.png" alt="SpotiFly">
+        <img src=<?= base_url('assets/img/logo_page.png') ?> alt="SpotiFly">
         <div class="text-page">
             <h2>SpotiFly : envole-toi au rythme de la musique !</h2>
         </div>
@@ -66,7 +66,7 @@
         </section>
         <section id="product" class="box">
             <div class="box-img">
-            <img src="assets/img/argent.png" alt="Description de l'image 3">
+            <img src=<?= base_url('assets/img/argent.png') ?> alt="Description de l'image 2">
             <div class="text-content">
             <h2>La Cognition</h2>
             <p>Découvrez notre nouveaux cube v3 qui peut avoir la voix de votre choix.</p>
@@ -76,7 +76,7 @@
         </section>
         <section id="sale" class="box">
             <div class="box-content">
-            <img src="assets/img/Statistique.png" alt="Description de l'image 4">
+            <img src=<?= base_url('assets/img/Statistique.png') ?> alt="Description de l'image 2">
             <div class="text-content">
             <h2>Statistiques</h2>
             <p>"Découvrez les statistiques de notre application de musique : des millions d'utilisateurs s'immergent dans une expérience audio immersive, créant des milliers de playlists et explorant une multitude de genres musicaux, tout en bénéficiant d'un mois gratuit dès l'abonnement !"</p>
@@ -105,19 +105,19 @@
             <div class="logo-reseaux">
                 <p>
                     <a href="https://www.instagram.com/" target="_blank" class="social-icon">
-                        <img src="assets/img/Instagram.png" alt="Logo Instagram">
+                    <img src=<?= base_url('assets/img/Instagram.png') ?> alt="Description de l'image 2">
                     </a>
                 </p>
                 <p>
                     <a href="https://www.X.com/" target="_blank" class="social-icon">
-                        <img src="assets/img/twitter.png" alt="Logo X">
+                    <img src=<?= base_url('assets/img/twitter.png') ?> alt="Description de l'image 2">
                     </a>
                 </p>
             </div>
         </div>
     </div>
     <div class="footer-logo">
-        <img src="assets/img/SpotiFly.png" alt="SpotiFly Logo">
+    <img src=<?= base_url('assets/img/SpotiFly.png') ?> alt="Description de l'image 2">
         <p>&copy; 2024 SpotiFly.</p>
     </div>
 </footer>
diff --git a/ci/application/views/create_playlist.php b/ci/application/views/create_playlist.php
index ce0be49..470bf44 100644
--- a/ci/application/views/create_playlist.php
+++ b/ci/application/views/create_playlist.php
@@ -1,6 +1,27 @@
-<h5 class="playlist-title">Créer une nouvelle Playlist</h5>
-<form action="<?= base_url('index.php/playlist/createPlaylistController') ?>" method="post" class="playlist-form">
-    <label for="name_playlist" class="playlist-label">Nom de la Playlist:</label>
-    <input type="text" name="name_playlist" id="name_playlist" class="playlist-input" required>
-    <button type="submit" name="submit" class="playlist-button">Créer</button>
+    <div class="content">
+        <section id="about" class="box">
+            <div class="box-content">
+                <img src=<?= base_url('assets/img/musique.png') ?> alt="Description de l'image 2">
+                <div class="text-content">
+                    <h2>Créer une nouvelle Playlist</h2>
+                    <form action="<?= base_url('index.php/playlist/createPlaylistController') ?>" method="post" class="playlist-form">
+                    <label for="name_playlist" class="playlist-label">Nom de la Playlist:</label>
+                    <input type="text" name="name_playlist" id="name_playlist" class="playlist-input" required>
+                    <button type="submit" name="submit" class="playlist-button">Créer</button>
+                </div>
+            </div>
+        </section>
+        <section id="product" class="box">
+            <div class="box-img">
+            <img src=<?= base_url('assets/img/musique1.png') ?> alt="Description de l'image 2">
+            <div class="text-content">
+            <h2>Créer une playlist aléatoire</h2>
+            <form action="<?= base_url('index.php/playlist/createPlaylistController') ?>" method="post" class="playlist-form">
+                    <label for="name_playlist" class="playlist-label">Nom de la Playlist:</label>
+                    <input type="text" name="name_playlist" id="name_playlist" class="playlist-input" required>
+                    <button type="submit" name="submit" class="playlist-button">Créer</button>
+         </div>
+        </div>
+        </section>
+</div>
 </form>
diff --git a/ci/application/views/layout/footer.php b/ci/application/views/layout/footer.php
index f5253c0..af1e0f9 100644
--- a/ci/application/views/layout/footer.php
+++ b/ci/application/views/layout/footer.php
@@ -28,19 +28,19 @@
             <div class="logo-reseaux">
                 <p>
                     <a href="https://www.instagram.com/" target="_blank" class="social-icon">
-                        <img src="../assets/img/Instagram.png" alt="Logo Instagram">
+                    <img src=<?= base_url('assets/img/Instagram.png') ?> alt="Description de l'image 2">
                     </a>
                 </p>
                 <p>
                     <a href="https://www.X.com/" target="_blank" class="social-icon">
-                        <img src="../assets/img/twitter.png" alt="Logo X">
+                    <img src=<?= base_url('assets/img/twitter.png') ?> alt="Description de l'image 2">
                     </a>
                 </p>
             </div>
         </div>
     </div>
     <div class="footer-logo">
-        <img src="../assets/img/SpotiFly.png" alt="SpotiFly Logo">
+    <img src=<?= base_url('assets/img/SpotiFly.png') ?> alt="Description de l'image 2">
         <p>&copy; 2024 SpotiFly.</p>
     </div>
 </footer>
diff --git a/ci/application/views/layout/header.php b/ci/application/views/layout/header.php
index 0094a76..bbc1bf8 100644
--- a/ci/application/views/layout/header.php
+++ b/ci/application/views/layout/header.php
@@ -12,12 +12,12 @@
 <body>
     <main class='contain'>
         <header class="navbar">
+        <img src=<?= base_url('assets/img/Logo1.png') ?> alt="Description de l'image 2">
             <div class="logo">
-                <img src="../assets/img/Logo1.png" alt="SpotiFly">
             </div>
             <nav class="menu">
                 <ul>
-                    <li><?= anchor('https://dwarves.iut-fbleau.fr/~brigitte/SAEWEB2.2/ci/','Home'); ?></li>
+                    <li><?= anchor('https://dwarves.iut-fbleau.fr/~boutaric/SAEWEB2.2/ci/','Home'); ?></li>
                     <li class="menu_déroulant"><?= anchor('albums','Albums'); ?>
                         <div class="menu_déroulant_content">
                             <?= anchor('https://dwarves.iut-fbleau.fr/~brigitte/SAEWEB2.2/ci/index.php/Song/view/196','New Masters'); ?>
diff --git a/ci/application/views/song_album_list.php b/ci/application/views/song_album_list.php
index af0df78..3357dd9 100644
--- a/ci/application/views/song_album_list.php
+++ b/ci/application/views/song_album_list.php
@@ -1,8 +1,6 @@
 <section class="list">
 <?php
 $i = 0;
-echo '<img src="data:image/jpeg;base64,' . base64_encode($album->jpeg) . '" alt="' . $album->name . '" />';
-echo "<footer class='short-text'>{$album->year} - {$album->artistName}</footer>";
 foreach($songs as $song){ 
     echo "<div><article>";
     echo "<header class='short-text'>"; 
diff --git a/ci/application/views/song_playlist.php b/ci/application/views/song_playlist.php
index d567e72..e389944 100644
--- a/ci/application/views/song_playlist.php
+++ b/ci/application/views/song_playlist.php
@@ -1,6 +1,14 @@
 
 <section class="list">
 <?php
+$i = 0;
+foreach($songs as $song){  
+       echo "<div><article>";
+    echo "<header class='short-text'>"; 
+    $i = $i+1;
+    $minutes = floor($song->duration/60);
+    $secondes = $song->duration %60;
+    echo "{$i} - {$song->name} : {$minutes} min {$secondes} sec"; 
 foreach($songPlaylists as $songPlaylist){ 
     echo "<div><article>";
     echo "<header class='short-text'>";
@@ -12,6 +20,11 @@ foreach($songPlaylists as $songPlaylist){
     echo "</header>";
     echo "</article></div>";
 }
-
+}
 ?>
-</section>
\ No newline at end of file
+</section>
+
+
+
+
+
diff --git a/ci/assets/album.css b/ci/assets/album.css
index 0c674ab..791ad5f 100644
--- a/ci/assets/album.css
+++ b/ci/assets/album.css
@@ -40,3 +40,4 @@
 }
 
 
+
diff --git a/ci/assets/img/musique.png b/ci/assets/img/musique.png
new file mode 100644
index 0000000..6f201d2
Binary files /dev/null and b/ci/assets/img/musique.png differ
diff --git a/ci/assets/img/musique1.png b/ci/assets/img/musique1.png
new file mode 100644
index 0000000..566aae1
Binary files /dev/null and b/ci/assets/img/musique1.png differ