diff --git a/CONTRIBUTORS b/CONTRIBUTORS
index 4f1555c..6734bda 100644
--- a/CONTRIBUTORS
+++ b/CONTRIBUTORS
@@ -1,3 +1,4 @@
 Niraj Modi <modiniraj1034@gmail.com>
 Jayanta Pandit <jay.dnb@outlook.in>
 Rajdip Sinha <rajdips834@gmail.com>
+Shivam kumar Shaw <shivamshaw9005@gmail.com>
\ No newline at end of file
diff --git a/src/App.jsx b/src/App.jsx
index 0e573ad..3b7175c 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -1,8 +1,10 @@
+import Navbar from "./components/NavBar/NavBar";
 import Footer from "./components/footer/Footer";
 
 function App() {
   return (
     <div>
+      <Navbar/>
       <Footer />
     </div>
   );
diff --git a/src/Assests/gdsc-logo.png b/src/Assests/gdsc-logo.png
new file mode 100644
index 0000000..490c0d4
Binary files /dev/null and b/src/Assests/gdsc-logo.png differ
diff --git a/src/components/NavBar/NavBar.jsx b/src/components/NavBar/NavBar.jsx
new file mode 100644
index 0000000..a9da52e
--- /dev/null
+++ b/src/components/NavBar/NavBar.jsx
@@ -0,0 +1,22 @@
+import React from 'react'
+import Logo from '../../Assests/gdsc-logo.png'
+const Navbar = () => {
+  return (
+    <div className='w-[100%]  flex justify-center items-center py-6 relative'>
+        <div className='flex justify-center items-center absolute left-[5vw] gap-1'>
+            <img src={Logo} alt="image" className='h-[3.5rem]'/>
+            <h1 className='font-bold text-lg text-[#767676]'>GDSC AEC</h1>
+        </div>
+      <div style={{boxShadow:' 0 0 10px rgba(0, 0, 0, 0.2)'}}    className='  px-[5em] rounded-full '>
+        <ul className=' flex justify-center items-center  gap-12 drop-shadow-2xl text-sm h-[6.4vh] text-[#535353] transition-all delay-300'>
+            <li className='hover:border-b-2 hover:border-b-blue-400 hover:cursor-pointer hover:text-blue-500'>About us</li>
+            <li className='hover:border-b-2 hover:border-b-blue-400 hover:cursor-pointer hover:text-blue-500'>Event</li>
+            <li className='hover:border-b-2 hover:border-b-blue-400 hover:cursor-pointer hover:text-blue-500'>Our Team</li>
+            <li className='hover:border-b-2 hover:border-b-blue-400 hover:cursor-pointer hover:text-blue-500'>Contact</li>
+        </ul>
+      </div>
+    </div>
+  )
+}
+
+export default Navbar
diff --git a/src/components/Navbar.jsx b/src/components/Navbar.jsx
deleted file mode 100644
index e294836..0000000
--- a/src/components/Navbar.jsx
+++ /dev/null
@@ -1,5 +0,0 @@
-// const Navbar = () => {
-//   return <nav>Navbar</nav>;
-// };
-
-// export default Navbar;