diff --git a/about.html b/about.html
index 78c4fe4..2dc7d54 100644
--- a/about.html
+++ b/about.html
@@ -192,11 +192,17 @@
     align-items: center;
 }
 
+.navbar  img{
+    width: 100px;
+    padding: 0px 6px;
+    margin-right: -64px;
+}
+
 .navbar h1 {
     color: var(--off-white); /* Changed to use off-white for better contrast */
     margin: 0;
     font-size: 2rem;
-    margin-left: 15px; /* Adjust this value to move the logo right */
+    margin-left: -38rem; /* Adjust this value to move the logo right */
     transition: color 0.3s ease; /* Smooth transition for color change */
 }
 
@@ -257,6 +263,7 @@
 
    <!-- Navbar -->
    <nav class="navbar">
+    <img src="images/logo.png" alt="logo">
     <h1>Resum Resume</h1>
     <ul>
         <li><a href="index.html">Home</a></li>
diff --git a/images/logo.png b/images/logo.png
new file mode 100644
index 0000000..e2df1be
Binary files /dev/null and b/images/logo.png differ
diff --git a/images/logo.png.jpeg b/images/logo.png.jpeg
new file mode 100644
index 0000000..3ef3f80
Binary files /dev/null and b/images/logo.png.jpeg differ
diff --git a/index.html b/index.html
index 438f402..4217324 100644
--- a/index.html
+++ b/index.html
@@ -618,8 +618,7 @@
 		<label for="toggler" class="fas fa-bars"></label>
 
 		<a href="#" class="logo" id=""><span id="newlogo"></span></a>
-		<a href="#" class="logo">Resum Resume</a>
-
+		<a href="#" class="logo"><img src="images/logo.png" alt="logo">Resum Resume</a>
 		<nav class="navbar">
 			<a href="#home">Home</a>
 			<a href="about.html">About</a>
diff --git a/resume.html b/resume.html
index 45a6a33..21e2502 100644
--- a/resume.html
+++ b/resume.html
@@ -126,9 +126,15 @@
             align-items: center;
         }
 
+        .navbar  img{
+        width: 100px;
+        padding: 0px 6px;
+        margin-right: -64px;
+        }
+
         .navbar h1 {
             color: white;
-            margin-left: 15px;
+            margin-left: -38rem;
             font-size: 2rem;
             transition: color 0.3s ease;
         }
@@ -210,6 +216,7 @@
 
     <!-- Navbar -->
     <nav class="navbar">
+        <img src="images/logo.png" alt="logo">
         <h1>Resum Resume</h1>
         <ul>
             <li><a href="index.html">Home</a></li>
diff --git a/style.css b/style.css
index 48f6551..9147154 100644
--- a/style.css
+++ b/style.css
@@ -95,6 +95,12 @@ header .logo {
     font-weight: bolder;
 }
 
+.logo img{
+    width: 100px;
+    padding: 0px 6px;
+    margin-right: -14px;
+}
+
 header .logo:hover {
     font-size: 3rem;
     color: var(--soft-gold); /* Soft Gold on hover for logo */