My branch : Added NavBar (#15) merged

* Added NavBar

* Udated

* Done

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>

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>
   );

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