diff --git a/src/App.jsx b/src/App.jsx
index 3340a98..4d9c564 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -3,7 +3,7 @@ import LandingPage from "./Components/LandingPage";
 import Yooho from "./Components/Yooho";
 import Combined from "./Components/Combined";
 import Combined2 from "./Components/Combined2";
-import Sponsors from "./Components/responsivedesign";
+import Spons from "./Components/Spons";
 import Navbar from "./Components/Navbar";
 import Footer from "./Components/Footer";
 import HackBattle from "./Components/HackBattle";
@@ -21,7 +21,9 @@ function App() {
       <Yooho />
       <Combined/>
       <Combined2/>
+      
       <Why />
+      <Spons/>
       <Happie />
       <Faq />
       <Footer />
diff --git a/src/Components/Spons.jsx b/src/Components/Spons.jsx
new file mode 100644
index 0000000..10e7631
--- /dev/null
+++ b/src/Components/Spons.jsx
@@ -0,0 +1,67 @@
+import React from 'react';
+
+function resp() {
+  return (
+    <main>
+      <meta name="viewport" content="width=device-width, initial-scale=1.0"></meta>
+      <section className='sm:justify-center sm:items-center'>
+      <div>
+        <img src="prevsponsors.png" className='w-4/5 justify-center items-center mx-8 mt-24 mt-16'
+        />
+      </div>
+      <div className='items-center'>
+      <div className='relative md:ml-24 lg:ml-24 xl:ml-48'>
+        <img src="echoell.svg" className='absolute w-44 mt-9 object-cover rounded-full z-10 '
+        />
+        <img src="galaxy.svg" className='absolute w-28 ml-12 mt-16 object-cover rounded-full z-20'
+        />
+      </div>
+      <div className='relative md:ml-40 lg:ml-56 xl:ml-72'>
+        <img src="echoell.svg" className='absolute w-44 ml-32 mt-9 object-cover rounded-full z-10'
+        />
+        <img src="bolt.svg" className='absolute w-28 ml-48 mt-16 object-cover rounded-full z-20'
+        />
+      </div>
+      <div className='relative md:ml-64 lg:ml-96 xl:ml-96'>
+        <img src="echoell.svg" className='absolute w-44 ml-72 mt-9 object-cover rounded-full z-10'
+        />
+        <img src="axure.svg" className='absolute w-28 ml-80 mt-16 object-cover rounded-full z-20'
+        />
+      </div>
+      <div className='relative md:ml-24 lg:ml-24 xl:ml-48'>
+        <img src="echoell.svg" className='absolute w-44 mt-48 object-cover rounded-full z-10'
+        />
+        <img src="caps.svg" className='absolute w-28 ml-12 mt-56 object-cover rounded-full z-20'
+        />
+      </div>
+      <div className='relative md:ml-40 lg:ml-56 xl:ml-72'>
+        <img src="echoell.svg" className='absolute w-44 ml-40 mt-48 object-cover rounded-full z-10'
+        />
+        <img src="feather.svg" className='absolute w-28 ml-48 mt-56 object-cover rounded-full z-20'
+        />
+      </div>
+      <div className='relative md:ml-64 lg:ml-96 xl:ml-96'>
+        <img src="echoell.svg" className='absolute w-44 ml-72 mt-48 object-cover rounded-full z-10'
+        />
+        <img src="inter.svg" className='absolute w-28 ml-80 mt-56 object-cover rounded-full z-20'
+        />
+      </div>
+      <div className='relative md:ml-32 lg:ml-40 xl:ml-56'>
+        <img src="echoell.svg" className='absolute w-44 ml-20 mt-96 object-cover rounded-full z-10'
+        />
+        <img src="echo.svg" className='absolute w-28 ml-32 mt-96 object-cover rounded-full z-20'
+        />
+      </div>
+      <div className='relative md:ml-48 lg:ml-72 xl:ml-80'>
+        <img src="echoell.svg" className='absolute w-44 ml-56 mt-96 object-cover rounded-full z-10'
+        />
+        <img src="fashion.svg" className='absolute w-28 ml-64 mt-96 object-cover rounded-full z-20'
+        />
+      </div>
+      </div>
+      </section>
+    </main>
+  );
+}
+
+export default resp;
diff --git a/src/Components/responsivedesign.jsx b/src/Components/responsivedesign.jsx
index 10e7631..6665514 100644
--- a/src/Components/responsivedesign.jsx
+++ b/src/Components/responsivedesign.jsx
@@ -11,51 +11,51 @@ function resp() {
       </div>
       <div className='items-center'>
       <div className='relative md:ml-24 lg:ml-24 xl:ml-48'>
-        <img src="echoell.svg" className='absolute w-44 mt-9 object-cover rounded-full z-10 '
+        <img src="echoell.svg" className='relative w-44 mt-9 object-cover rounded-full z-10 '
         />
-        <img src="galaxy.svg" className='absolute w-28 ml-12 mt-16 object-cover rounded-full z-20'
+        <img src="galaxy.svg" className='relative w-28 ml-12 mt-16 object-cover rounded-full z-20'
         />
       </div>
       <div className='relative md:ml-40 lg:ml-56 xl:ml-72'>
-        <img src="echoell.svg" className='absolute w-44 ml-32 mt-9 object-cover rounded-full z-10'
+        <img src="echoell.svg" className='relative w-44 ml-32 mt-9 object-cover rounded-full z-10'
         />
-        <img src="bolt.svg" className='absolute w-28 ml-48 mt-16 object-cover rounded-full z-20'
+        <img src="bolt.svg" className='relative w-28 ml-48 mt-16 object-cover rounded-full z-20'
         />
       </div>
       <div className='relative md:ml-64 lg:ml-96 xl:ml-96'>
-        <img src="echoell.svg" className='absolute w-44 ml-72 mt-9 object-cover rounded-full z-10'
+        <img src="echoell.svg" className='relative w-44 ml-72 mt-9 object-cover rounded-full z-10'
         />
-        <img src="axure.svg" className='absolute w-28 ml-80 mt-16 object-cover rounded-full z-20'
+        <img src="axure.svg" className='relative w-28 ml-80 mt-16 object-cover rounded-full z-20'
         />
       </div>
       <div className='relative md:ml-24 lg:ml-24 xl:ml-48'>
-        <img src="echoell.svg" className='absolute w-44 mt-48 object-cover rounded-full z-10'
+        <img src="echoell.svg" className='relative w-44 mt-48 object-cover rounded-full z-10'
         />
-        <img src="caps.svg" className='absolute w-28 ml-12 mt-56 object-cover rounded-full z-20'
+        <img src="caps.svg" className='relative w-28 ml-12 mt-56 object-cover rounded-full z-20'
         />
       </div>
       <div className='relative md:ml-40 lg:ml-56 xl:ml-72'>
-        <img src="echoell.svg" className='absolute w-44 ml-40 mt-48 object-cover rounded-full z-10'
+        <img src="echoell.svg" className='relative w-44 ml-40 mt-48 object-cover rounded-full z-10'
         />
-        <img src="feather.svg" className='absolute w-28 ml-48 mt-56 object-cover rounded-full z-20'
+        <img src="feather.svg" className='relative w-28 ml-48 mt-56 object-cover rounded-full z-20'
         />
       </div>
       <div className='relative md:ml-64 lg:ml-96 xl:ml-96'>
-        <img src="echoell.svg" className='absolute w-44 ml-72 mt-48 object-cover rounded-full z-10'
+        <img src="echoell.svg" className='relative w-44 ml-72 mt-48 object-cover rounded-full z-10'
         />
-        <img src="inter.svg" className='absolute w-28 ml-80 mt-56 object-cover rounded-full z-20'
+        <img src="inter.svg" className='relative w-28 ml-80 mt-56 object-cover rounded-full z-20'
         />
       </div>
       <div className='relative md:ml-32 lg:ml-40 xl:ml-56'>
-        <img src="echoell.svg" className='absolute w-44 ml-20 mt-96 object-cover rounded-full z-10'
+        <img src="echoell.svg" className='relative w-44 ml-20 mt-96 object-cover rounded-full z-10'
         />
-        <img src="echo.svg" className='absolute w-28 ml-32 mt-96 object-cover rounded-full z-20'
+        <img src="echo.svg" className='relative w-28 ml-32 mt-96 object-cover rounded-full z-20'
         />
       </div>
       <div className='relative md:ml-48 lg:ml-72 xl:ml-80'>
-        <img src="echoell.svg" className='absolute w-44 ml-56 mt-96 object-cover rounded-full z-10'
+        <img src="echoell.svg" className='relative w-44 ml-56 mt-96 object-cover rounded-full z-10'
         />
-        <img src="fashion.svg" className='absolute w-28 ml-64 mt-96 object-cover rounded-full z-20'
+        <img src="fashion.svg" className='relative w-28 ml-64 mt-96 object-cover rounded-full z-20'
         />
       </div>
       </div>