diff --git a/public/assests/css/style.css b/public/assests/css/style.css
index 3d41e70..0eed6f1 100644
--- a/public/assests/css/style.css
+++ b/public/assests/css/style.css
@@ -1,75 +1,83 @@
- body {
-            background-color: #f5f5f5;
-        }
-        
-        .navbar {
-            background-color: #ffffff;
-            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
-            padding: 0.8rem 2rem;
-        }
-        
-        .navbar-brand {
-            font-size: 1.5rem;
-            font-weight: bold;
-            color: #0d6efd !important;
-        }
-        
-        .navbar-brand span {
-            color: #6c757d;
-        }
-        
-        .navbar-nav .nav-link {
-            color: #333;
-            font-weight: 500;
-            padding: 0.5rem 1rem;
-            margin: 0 0.2rem;
-            transition: color 0.3s;
-        }
-        
-        .navbar-nav .nav-link:hover {
-            color: #0d6efd;
-        }
-        
-        .btn-login {
-            color: #333;
-            background-color: transparent;
-            border: none;
-            font-weight: 500;
-            padding: 0.5rem 1rem;
-        }
-        
-        .btn-login:hover {
-            color: #0d6efd;
-        }
-        
-        .btn-signup {
-            background-color: #0d6efd;
-            color: white;
-            border: none;
-            border-radius: 25px;
-            padding: 0.5rem 2rem;
-            font-weight: 500;
-            transition: background-color 0.3s;
-        }
-        
-        .btn-signup:hover {
-            background-color: #0b5ed7;
-        }
-        
-        .notification-bell {
-            font-size: 1.2rem;
-            color: #6c757d;
-            margin-right: 1rem;
-            cursor: pointer;
-            transition: color 0.3s;
-        }
-        
-        .notification-bell:hover {
-            color: #0d6efd;
-        }
-        
-        .logo-image {
-            height: 30px;
-            width: auto;
-            margin-right: 0.5rem;
-        }
+body {
+  background-color: #f5f5f5;
+}
+
+.navbar {
+  background-color: #ffffff;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+  padding: 0.8rem 2rem;
+}
+
+.navbar-brand {
+  font-size: 1.5rem;
+  font-weight: bold;
+  color: #0d6efd !important;
+}
+
+.navbar-brand span {
+  color: #6c757d;
+}
+
+.navbar-nav .nav-link {
+  color: #333;
+  font-weight: 500;
+  padding: 0.5rem 1rem;
+  margin: 0 0.2rem;
+  transition: color 0.3s;
+}
+
+.navbar-nav .nav-link:hover {
+  color: #0d6efd;
+}
+
+.btn-login {
+  color: #333;
+  background-color: transparent;
+  border: none;
+  font-weight: 500;
+  padding: 0.5rem 1rem;
+}
+
+.btn-login:hover {
+  color: #0d6efd;
+}
+
+.btn-signup {
+  background-color: #0d6efd;
+  color: white;
+  border: none;
+  border-radius: 25px;
+  padding: 0.5rem 2rem;
+  font-weight: 500;
+  transition: background-color 0.3s;
+}
+
+.btn-signup:hover {
+  background-color: #0b5ed7;
+}
+
+.notification-bell {
+  font-size: 1.2rem;
+  color: #6c757d;
+  margin-right: 1rem;
+  cursor: pointer;
+  transition: color 0.3s;
+}
+
+.notification-bell:hover {
+  color: #0d6efd;
+}
+
+.logo-image {
+  height: 30px;
+  width: auto;
+  margin-right: 0.5rem;
+}
+.logo{ 
+    font-size: 5rem;
+    font-weight: 700;
+    background: linear-gradient(90deg, #667eea 0%, #764ba2 100%);
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+    background-clip: text;
+}
\ No newline at end of file
diff --git a/public/index.php b/public/index.php
index 7afade6..ff77be1 100644
--- a/public/index.php
+++ b/public/index.php
@@ -10,7 +10,7 @@ var_dump($arrArticle);
 ?>
 
 <section class="container mt-5 p-5 d-flex flex-column align-items-center text-center">
-    <h1>Folliow</h1>
+    <h1 class="logo">Folliow</h1>
     <h2>Là où les talents rencontrent leur avenir</h2>
     <p class="col-6">Une plateforme de portfolio adapté à vos besoins et aux besoins des entreprises. 
         Créer un portfolio réellement pertinent aux exigences du marché et rentrez