diff --git a/assests/style.css b/assests/style.css
index 0c24eed..8c3ae5b 100644
--- a/assests/style.css
+++ b/assests/style.css
@@ -44,17 +44,41 @@ body{
 .nav-item{
     margin-bottom: .1rem;
     font-size: larger;
-    margin-top: .1rem;
+    margin-top: .7rem;
 
     
     
 }
+.logo-image{
+    height: 90px;
+    width:70px;
+    margin-bottom: 2rem;
+    
+
+}
+
 .logo{
     color: #fff !important;
     margin-right: 60rem;
-    margin-bottom: 5rem;
+    margin-bottom: 4rem;
     font-size: larger;
-    margin-top: 0rem;
+    margin-top: 3rem;
+}
+.logo-title
+{
+    color: #fff !important;
+    display:flex;
+    margin-left:3px;
+}
+.nav-item1{
+    margin-top: 3rem;
+    font-size: 1rem;
+    margin-top: .9rem;
+    display: inline;
+
+
+    
+    
 }
 /* box Sections*/ 
 .container{
@@ -222,4 +246,4 @@ body{
 }
 .fa-linkedin-square:hover{
   color : rgb(0, 119, 181);
-}
\ No newline at end of file
+}
diff --git a/img/logo.png b/img/logo.png
new file mode 100644
index 0000000..2e1af73
Binary files /dev/null and b/img/logo.png differ
diff --git a/index.html b/index.html
index d9bebf8..7643054 100644
--- a/index.html
+++ b/index.html
@@ -20,10 +20,17 @@
     <!---=====Navbar======-->
 
     <section class="nav justify-content-end ">
+        <div class="logo-title ">
         <li class="nav-item">
+            <div class="nav-link"></div>
+            <a class="logopic" href="index.html"><img src="https://th.bing.com/th/id/R.fecb4080c170df1d974e6758ba26bfa5?rik=Gn0jRpyYsVJFwg&riu=http%3a%2f%2fpluspng.com%2fimg-png%2fcoder-png-source-code-icon-1600.png&ehk=VXqs7uL%2bZCLoMLGKZNAWx7hnZ%2fUBd%2b41YTXpCM4hT9A%3d&risl=&pid=ImgRaw&r=0" class="logo-image"/></a>
+        </li>
+        <li class="nav-item1">
             <div class="nav-link"></div>
             <a class="logo" href="index.html">Coding Hustlers</a>
         </li>
+    </div>
+
 
 
         <li class="nav-item">