diff --git a/main/index.html b/main/index.html
index 72bca0a..35c3b9f 100644
--- a/main/index.html
+++ b/main/index.html
@@ -15,7 +15,11 @@
     <div id="main">
       <div id="hero">
         <div id="nav">
-          <a href="#">Mordern Site</a>
+          <div class="side">
+
+            <a href="#">Mordern Site</a>
+            <img class="logo" src="cynthia.png" alt="img">
+          </div>
           <h4>Menu+</h4>
         </div>
         <div id="heading">
diff --git a/main/style.css b/main/style.css
index 4c81688..ac076d5 100644
--- a/main/style.css
+++ b/main/style.css
@@ -205,4 +205,14 @@ padding-bottom: 6vw;
 }
 #imageabout{
     border-radius: 50px;
+}
+.side{
+    display: flex ;
+gap: 10px;
+align-items: center;
+}
+.side .logo{
+    width: 50px;
+    height: 50px;
+    border-radius: 100%;
 }
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
index 300a1b2..4d7a05a 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,5 +1,5 @@
 {
-  "name": "template",
+  "name": "CodePlay-my",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {