diff --git a/src/App.jsx b/src/App.jsx
index 0586e03..09034cd 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -9,6 +9,7 @@ import Sponsor from "./components/Sponsor/Sponsor";
 import { NavBar } from "./components/Nav/NavBar";
 import Glimpse from "./components/Glimpse/Glimpse";
 import Signup from "./components/Signup/Signup";
+import Registration from "./components/registration/registration";
 import { render } from "@testing-library/react";
 const App = () => {
 
@@ -24,6 +25,7 @@ const App = () => {
         {/* <Sponsor /> */}
         <Glimpse />
       <Signup/>
+      <Registration/>
         <Footer />
     </div>
   );
diff --git a/src/assets/regisbg.svg b/src/assets/regisbg.svg
new file mode 100644
index 0000000..b2c9998
--- /dev/null
+++ b/src/assets/regisbg.svg
@@ -0,0 +1,63 @@
+<svg width="1952" height="1080" viewBox="0 0 1952 1080" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1764_67)">
+<rect width="1952" height="1080" fill="#010D14"/>
+<rect x="1803.51" y="787.003" width="146" height="146" transform="rotate(-17.7407 1803.51 787.003)" stroke="url(#paint0_linear_1764_67)" stroke-opacity="0.45" stroke-width="4"/>
+<rect x="785" y="902" width="61" height="61" stroke="url(#paint1_linear_1764_67)" stroke-opacity="0.45" stroke-width="4"/>
+<rect x="258" y="25" width="79.5043" height="79.5" stroke="url(#paint2_linear_1764_67)" stroke-opacity="0.33" stroke-width="4"/>
+<rect x="1941.05" y="110.303" width="150" height="150" transform="rotate(106.83 1941.05 110.303)" fill="url(#paint3_linear_1764_67)" fill-opacity="0.45"/>
+<rect x="-6" y="65" width="95" height="95" fill="url(#paint4_linear_1764_67)" fill-opacity="0.45"/>
+<rect x="17" y="832.84" width="50" height="50" transform="rotate(-0.961515 17 832.84)" fill="url(#paint5_linear_1764_67)" fill-opacity="0.33"/>
+<rect x="1627.75" y="40.6135" width="65.439" height="71.1091" transform="rotate(124.83 1627.75 40.6135)" fill="url(#paint6_linear_1764_67)" fill-opacity="0.33"/>
+<rect x="1723.6" y="689.967" width="33.3146" height="33.9952" transform="rotate(134.83 1723.6 689.967)" fill="url(#paint7_linear_1764_67)" fill-opacity="0.33"/>
+<g filter="url(#filter0_f_1764_67)">
+<path d="M2125.81 471.934C2126.74 556.95 2058.07 626.626 1972.43 627.561C1886.79 628.495 1816.61 560.334 1815.68 475.318C1814.75 390.303 1883.43 320.626 1969.07 319.692C2054.71 318.757 2124.89 386.919 2125.81 471.934Z" fill="#00FD65" fill-opacity="0.3"/>
+</g>
+<rect x="1619.7" y="375.624" width="61" height="61" transform="rotate(124.83 1619.7 375.624)" stroke="url(#paint8_linear_1764_67)" stroke-opacity="0.33" stroke-width="4"/>
+</g>
+<defs>
+<filter id="filter0_f_1764_67" x="1315.67" y="-180.318" width="1310.15" height="1307.89" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="250" result="effect1_foregroundBlur_1764_67"/>
+</filter>
+<linearGradient id="paint0_linear_1764_67" x1="1876" y1="785.707" x2="1876" y2="935.707" gradientUnits="userSpaceOnUse">
+<stop stop-color="#2E5693"/>
+<stop offset="1" stop-color="#0A1E3C" stop-opacity="0.97"/>
+</linearGradient>
+<linearGradient id="paint1_linear_1764_67" x1="815.5" y1="900" x2="815.5" y2="965" gradientUnits="userSpaceOnUse">
+<stop stop-color="#2E5693"/>
+<stop offset="1" stop-color="#0A1E3C" stop-opacity="0.97"/>
+</linearGradient>
+<linearGradient id="paint2_linear_1764_67" x1="297.752" y1="23" x2="297.752" y2="106.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#00FD65"/>
+<stop offset="1" stop-color="#0D0D0D"/>
+</linearGradient>
+<linearGradient id="paint3_linear_1764_67" x1="2016.05" y1="110.303" x2="2016.05" y2="260.303" gradientUnits="userSpaceOnUse">
+<stop stop-color="#2E5693"/>
+<stop offset="1" stop-color="#0A1E3C" stop-opacity="0.97"/>
+</linearGradient>
+<linearGradient id="paint4_linear_1764_67" x1="41.5" y1="65" x2="41.5" y2="160" gradientUnits="userSpaceOnUse">
+<stop stop-color="#2E5693"/>
+<stop offset="1" stop-color="#0A1E3C" stop-opacity="0.97"/>
+</linearGradient>
+<linearGradient id="paint5_linear_1764_67" x1="42" y1="832.84" x2="42" y2="882.84" gradientUnits="userSpaceOnUse">
+<stop stop-color="#00FD65"/>
+<stop offset="1" stop-color="#0D0D0D"/>
+</linearGradient>
+<linearGradient id="paint6_linear_1764_67" x1="1660.46" y1="40.6135" x2="1660.46" y2="111.723" gradientUnits="userSpaceOnUse">
+<stop stop-color="#00FD65"/>
+<stop offset="1" stop-color="#0D0D0D"/>
+</linearGradient>
+<linearGradient id="paint7_linear_1764_67" x1="1740.25" y1="689.967" x2="1740.25" y2="723.962" gradientUnits="userSpaceOnUse">
+<stop stop-color="#00FD65"/>
+<stop offset="1" stop-color="#0D0D0D"/>
+</linearGradient>
+<linearGradient id="paint8_linear_1764_67" x1="1654.98" y1="375.125" x2="1654.98" y2="440.125" gradientUnits="userSpaceOnUse">
+<stop stop-color="#00FD65"/>
+<stop offset="1" stop-color="#0D0D0D"/>
+</linearGradient>
+<clipPath id="clip0_1764_67">
+<rect width="1952" height="1080" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/src/assets/registrationbg.png b/src/assets/registrationbg.png
new file mode 100644
index 0000000..d6c0054
Binary files /dev/null and b/src/assets/registrationbg.png differ
diff --git a/src/components/registration/registration.css b/src/components/registration/registration.css
new file mode 100644
index 0000000..96db12f
--- /dev/null
+++ b/src/components/registration/registration.css
@@ -0,0 +1,90 @@
+.registration{
+    background: url('../../assets/bgprakarsh.png');
+    height: fit-content;
+    /* width: max-content; */
+    background-size: contain;
+    background-repeat: no-repeat;
+    
+    /* flex-wrap: wrap; */
+    /* flex-direction: column; */
+
+}
+
+.rhead h1{
+    font-size: 3rem;
+    font-family: 'valorant';
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    background: linear-gradient( 180deg,rgba(128, 128, 128) 1.25%, rgba(128, 128, 128)1.26%, rgba(255, 255, 255) 1.27%, rgba(255,255,255,0.4) 69.7%);
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+    background-clip: text;
+    letter-spacing: 10px;
+    
+}
+.rcontent{
+    padding: 20px; 
+    margin: 50px;
+    display: grid;
+    grid-template-columns: 1fr ;
+    /* grid-auto-rows: 300px; */
+
+}
+
+.first{
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+}
+
+.second{
+    display: grid;
+    grid-template-columns: 1fr ;
+    justify-self: center;
+    grid-column-start: 1;
+    
+}
+
+.try{
+    display: flex;
+    justify-content: center;
+    flex-direction: column;
+    /* gap: 1px; */
+}
+
+.pad{
+    margin: 20px;
+}
+.try-2{
+
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+}
+.r-rect{
+    width: 500px;
+    height: 50px;
+    border: solid rgb(1, 209, 105);
+    border-radius: 5px;
+    position: relative;
+    background-color: #1d2a2e;
+    bottom: 58px;
+    z-index: 0;
+    right: 11px;
+}
+ 
+
+/* .inputbox input{
+    width: 100%;
+    padding: 10px;
+    height: 52px;
+    border: 3px solid  rgba(106, 15, 233); ;
+    border-radius: 5px;
+    background-color: transparent;
+    outline: none;
+    color: #fff;
+    font-size: 1.4em; 
+    position: relative;
+    bottom: 118px;
+    right: 21px;
+    
+} */
\ No newline at end of file
diff --git a/src/components/registration/registration.jsx b/src/components/registration/registration.jsx
new file mode 100644
index 0000000..edc9860
--- /dev/null
+++ b/src/components/registration/registration.jsx
@@ -0,0 +1,76 @@
+import React from 'react'
+import './registration.css'
+
+const registration = () => {
+  return (
+    
+    <div className="registration">
+
+        <div className="rhead">
+        <h1> Registration </h1>
+        </div>
+        
+    
+    
+
+    <div className="rcontent">  
+        <div className="first">
+
+        <div className="inputbox  ">
+                    <div className="rect" />
+                     <input type="text" placeholder=' First name'  required="required" />
+            </div>
+
+            <div className="inputbox">
+                     <div className="rect" />
+                    <input type="text" placeholder=' Last name'  required="required" />
+            </div>
+        </div>
+         <div className="second">
+
+           <div className="try">
+
+                <div className="inputbox pad ">
+                    <div className="rect" />
+                    <input type="email" placeholder=' email'  required="required" />
+                </div>
+
+                 <div className="inputbox pad">
+                    <div className="rect" />
+                <input type="text" placeholder=' phone Number'  required="required" />
+                    </div>
+
+                <div className="inputbox pad">
+                    <div className="rect" />
+                <input type="text" placeholder=' College name'  required="required" />
+                </div>
+
+             </div>
+         </div>
+            
+        <div className="third">
+
+              <div className="try-2">
+                  <div className="inputbox pad ">
+                        <div className="rect" />
+                       <input type="text" placeholder=' Department'  required="required" />
+                     </div>
+
+                <div className="inputbox pad">
+                        <div className="rect" />
+                    <input type="text" placeholder='YEAR'  required="required" />
+                 </div>
+              </div>
+          
+        </div>
+           
+
+
+
+    </div> 
+
+             </div> 
+  )
+}
+
+export default registration
\ No newline at end of file