diff --git a/Darshan_Jain_Resume.pdf b/Darshan_Jain_Resume.pdf
index 96f0444..5284636 100644
Binary files a/Darshan_Jain_Resume.pdf and b/Darshan_Jain_Resume.pdf differ
diff --git a/img/gsoc.jpg b/img/gsoc.jpg
new file mode 100644
index 0000000..713fe0e
Binary files /dev/null and b/img/gsoc.jpg differ
diff --git a/index.html b/index.html
index fec2ba3..6cce0a1 100644
--- a/index.html
+++ b/index.html
@@ -65,8 +65,15 @@
 			<h1>Darshan Jain</h1>
 			<h3>Engineering <span>Undergrad</span></h3>
 			<p>
-				Currently in 3<sup>rd</sup> Year & looking for Internship opportunities in Software Domain to take my skills to
-				next level.
+				A Google Summer of Code '24 Cohort, serving as an Open Source Contributer @VIDEOLAN Org for VLC Media Player
+				Project.
+			<p>
+				<br>
+
+			<p>
+				Actively looking for more Internship & Full-Time opportunities
+				<br>
+				Let's explore my Projects and Experience section 😎
 			<p>
 			<div class="button">
 				<a href="Darshan_Jain_Resume.pdf" download>Resume</a>
@@ -118,9 +125,11 @@ <h2>Honors<span> & </span>Awards</h2>
 			<div class="codingcompetitions">
 				<h3>Coding Competitions</h3>
 				<ul>
-					<li>Selected as a <b>GSoC’24</b> Open Source Contributor among <b>1220</b> candidates out of <b>63,000</b> applicants from <b>172</b> countries</li>
+					<li>Selected as a <b>GSoC’24</b> Open Source Contributor among <b>1220</b> candidates out of <b>63,000</b>
+						applicants from <b>172</b> countries</li>
 					<li>Ranked <b>1st</b> / <b>500</b> participants in Coding Contest <b>CodeRush 2k24 SGSITS</b> by
-						<b>AlgoUniversity</b></li>
+						<b>AlgoUniversity</b>
+					</li>
 					<li>Ranked <b>565</b> / <b>3000</b> participants in <b>Codechef Starters-103</b> (Div-3)</li>
 				</ul>
 			</div>
@@ -176,9 +185,11 @@ <h3>Utilities</h3>
 	<!-- Experience Section	 -->
 	<section class="experience" id="experience">
 		<h1><span>Ex</span>perience</h1>
+		<div class="exInfo">
 			<div class="ex1">
 				<div class="videolan">
-					<h3>GOOGLE SUMMER OF CODE’ 24 @ VIDEOLAN</h3>
+					<img src="img/gsoc.jpg" alt="gsocImg">
+					<h3>GOOGLE SUMMER OF CODE’24 @ VIDEOLAN</h3>
 					<h3>(VLC Media Player)</h3>
 					<h4>Open Source Contributer</h2>
 						<div class="timing">
@@ -187,13 +198,13 @@ <h4>Open Source Contributer</h2>
 						</div>
 						<ul>
 							<li>Collaborating with the core team to redesign the Qt interface for the
-                                                            upcoming VLC 4.0</li>
+								upcoming VLC 4.0</li>
 							<li>Used <b>C++, OOPs, Qt/QML, Docker, CMake, State Machine, Git & GitLab<b></li>
 							<li> Implemented features like Minimal Mode, Command Line Options, and
-							Advanced Controls etc. for enhancing user experience</li>
+								Advanced Controls etc. for enhancing user experience</li>
 							<li class="gitlab">
-								<a  href="https://code.videolan.org/Thrillseekr" target="_blank">
-								<span>My VLC GitLab Repo</span>
+								<a href="https://code.videolan.org/Thrillseekr" target="_blank">
+									<span>My VLC GitLab Repo</span>
 								</a>
 							</li>
 						</ul>
@@ -213,9 +224,9 @@ <h4>Open Source Program</h2>
 							<li>Contributed to <b>15</b> projects and merged 12 PRs</li>
 						</ul>
 				</div>
-			 </div>
+			</div>
 
-			 <div class="ex3">
+			<div class="ex3">
 				<div class="unacademy">
 					<h3>Sorting Hat Technologies (Unacademy)</h3>
 					<h4>Freelancing</h2>
@@ -229,74 +240,80 @@ <h4>Freelancing</h2>
 							<li>Rated <b>4.44 / 5</b> (1100+ positive reviews)</li>
 						</ul>
 				</div>
-
 			</div>
+
+		</div>
 	</section>
 	<hr>
-								
+
 	<!-- Project Section -->
 	<section class="projects" id="projects">
 		<h1><span>Pr</span>ojects</h1>
 
 		<div class="project-info">
 
-			<div class="dekhosa">
-				<a class="github" href="https://github.com/Thrillseekr/DekhoSa" target="_blank">
-					<i class="fa-brands fa-square-github"></i>
-				</a>
-				<h3>DekhoSa - Get Movies & Shows</h3>
-				<div class="timing">
-					<span id="time">2023</span>
-					<span id="location">Self</span>
+			<div class="pro1">
+				<div class="oj">
+					<a class="github" href="https://github.com/Djain318/OnlineJudge" target="_blank">
+						<i class="fa-brands fa-square-github"></i>
+					</a>
+					<h3>Online Code Judge Platform</h3>
+					<div class="timing">
+						<span id="time">2024</span>
+						<span id="location">Self</span>
+					</div>
+					<ul>
+						<li>Built a platform to securely run and compile user‑submitted code
+							for programming problems, providing accurate verdicts</li>
+						<li>Used <b>Node.js, React, Docker, Redux, MongoDB, Express</b></li>
+						<li>Created and published a Docker image on Docker Hub for setting
+							up the code execution environment</li>
+						<li>Utilized Redux Store for authentication feature</li>
+						<li>Deployed in a production environment, making it accessible to
+							end users <a href="https://online-judge-n29r.vercel.app/questions">Deployment Link</a></li>
+					</ul>
 				</div>
-				<ul>
-					<li>Used <b>HTML, CSS</b></li>
-					<li>Build an interactive & <b>Responsive</b> webpage using <b>Flexbox</b></li>
-					<li>Categories are made for sorting different stuffs.</li>
-					<li><a href="https://thrillseekr.github.io/DekhoSa/#">Deployment Link</a></li>
-				</ul>
 			</div>
-			
-			<div class="car-rental">
-				<a class="github" href="https://github.com/Thrillseekr/Car-Rental-Management-System" target="_blank">
-					<i class="fa-brands fa-square-github"></i>
-				</a>
-				<h3>Car Rental Management System</h3>
-				<div class="timing">
-					<span id="time">2021</span>
-					<span id="location">Self</span>
+
+			<div class="pro2">
+				<div class="car-rental">
+					<a class="github" href="https://github.com/Djain318/Car-Rental-Management-System" target="_blank">
+						<i class="fa-brands fa-square-github"></i>
+					</a>
+					<h3>Car Rental Management System</h3>
+					<div class="timing">
+						<span id="time">2021</span>
+						<span id="location">Self</span>
+					</div>
+					<ul>
+						<li>Used <b>Object Oriented Programming Techniques (OOPs)</b>.</li>
+						<li>Admin can enter details of Car</li>
+						<li>User can register / login, book, see approx amount, review
+							history of orders (using classes, objects etc)</li>
+						<li>User's data is saved in database (by File I/O)</li>
+					</ul>
 				</div>
-				<ul>
-					<li>Used <b>Object Oriented Programming Techniques (OOPs)</b>.</li>
-					<li>Admin can enter details of Car</li>
-					<li>User can register / login, book, see approx amount, review
-						history of orders (using classes, objects etc)</li>
-					<li>User's data is saved in database (by File I/O)</li>
-				</ul>
-			</div>
 
-			<div class="sleep-alarm">
-				<!-- <a class="github" href="" target="_blank">
-					<i class="fa-brands fa-square-github"></i>
-				</a> -->
-				<h3>Anti Sleep Alarm for Drivers</h3>
-				<div class="timing">
-					<span id="time">2022 - 2023</span>
-					<span id="location">Academic</span>
+				<div class="sleep-alarm">
+					<h3>Anti Sleep Alarm for Drivers</h3>
+					<div class="timing">
+						<span id="time">2022 - 2023</span>
+						<span id="location">Academic</span>
+					</div>
+					<ul>
+						<li>Used IR sensor & IC 555 time delay concept</li>
+						<li>Alert driver when of drowsy sleepy with a beep sound</li>
+						<li>Got a media coverage with <b>ANI, ABP News, Economic Times
+								and other National News too</b>.
+							<a href="https://www.youtube.com/watch?v=6GuwHCYrwn8&feature=youtu.be">ANI News</a>
+						</li>
+					</ul>
 				</div>
-				<ul>
-					<li>Used IR sensor & IC 555 time delay concept</li>
-					<li>Alert driver when of drowsy sleepy with a beep sound</li>
-					<li>Got a media coverage with <b>ANI, ABP News, Economic Times
-							and other National News too</b>.
-						<a href="https://www.youtube.com/watch?v=6GuwHCYrwn8&feature=youtu.be">ANI News</a>
-					</li>
-				</ul>
 			</div>
 		</div>
 	</section>
 	<hr>
-								
+
 	<hr id="footerline">
 
 	<footer class="footer" id="contact">
@@ -311,7 +328,7 @@ <h1>Hire<span> Me</span></h1>
 					<img src="img/linkedin.jpg" alt="linkedin">
 				</a>
 				<a href="https://code.videolan.org/Thrillseekr" target="_blank">
-					<img src="img/github.jpg" alt="github">
+					<img src="img/gitlab.jpg" alt="github">
 				</a>
 				<a href="https://leetcode.com/im_dj318/" target="_blank">
 					<img src="img/leetcode.jpg" alt="leetcode">
@@ -343,4 +360,4 @@ <h1>Hire<span> Me</span></h1>
 
 </body>
 
-</html>
+</html>
\ No newline at end of file
diff --git a/style.css b/style.css
index ec61072..83eb161 100644
--- a/style.css
+++ b/style.css
@@ -32,17 +32,9 @@ body {
 /* Media Queries */
 @media only screen and (max-width: 980px) {
   #projects .project-info {
-    justify-content: center;
-    /* border: 2px solid #ffffff; */
-  }
-
-  #projects .project-info .car-rental,
-  #projects .project-info .sleep-alarm,
-  #projects .project-info .dekhosa {
-    margin: 20px;
-    width: 300px;
-    padding: 10px;
-    /* border: 2px solid #ffffff; */
+    display: flex;
+    flex-direction: column;
+    /* border: 2px solid #ff1818; */
   }
 }
 
@@ -80,6 +72,12 @@ body {
     margin: 20px;
     /* border: 2px solid #ff1818; */
   }
+
+  #experience .exInfo {
+    display: flex;
+    flex-direction: column;
+    /* border: 2px solid #ff1818; */
+  }
 }
 
 @media only screen and (max-width: 700px) {
@@ -106,12 +104,6 @@ body {
   #home .home-text h1 {
     font-size: 55px;
   }
-
-  #experience .ex1,
-  .ex2, .ex3 {
-    margin-left: 60px;
-    margin-right: 60px;
-  }
 }
 
 @media only screen and (max-width: 450px) {
@@ -571,6 +563,7 @@ img {
 
 .projects h1 {
   margin-top: 40px;
+  margin-bottom: 60px;
   font-size: 40px;
   /* border: 2px solid #ff0000; */
 }
@@ -582,17 +575,26 @@ img {
 .projects .project-info {
   position: relative;
   width: 100%;
+  margin-bottom: 60px;
   display: flex;
-  justify-content: space-between;
+  justify-content: space-evenly;
   flex-wrap: wrap;
+  align-content: center;
+  /* border: 2px solid #ff0000; */
+}
+
+.projects .project-info .pro1,
+.pro2 {
+  position: relative;
+  align-content: center;
   /* border: 2px solid #ff0000; */
 }
 
 .project-info .car-rental,
 .sleep-alarm,
-.dekhosa {
-  margin: 100px 0px;
-  width: 300px;
+.oj {
+  margin-bottom: 60px;
+  width: 400px;
   padding: 20px;
   border-radius: 20px;
   box-shadow: 0px 0px 5px 5px var(--main-color);
@@ -602,13 +604,13 @@ img {
 
 .project-info .car-rental:hover,
 .sleep-alarm:hover,
-.dekhosa:hover {
+.oj:hover {
   transform: translateY(-5px) scale(1.05);
 }
 
 .car-rental .github i,
 .sleep-alarm .github i,
-.dekhosa .github i {
+.oj .github i {
   margin-bottom: 10px;
   color: #ffffff;
   font-size: 30px;
@@ -616,11 +618,11 @@ img {
 }
 
 .sleep-alarm a,
-.dekhosa a {
+.oj a {
   color: var(--main-color);
 }
 .sleep-alarm a:visited,
-.dekhosa a:visited {
+.oj a:visited {
   color: var(--main-color);
 }
 
@@ -663,6 +665,7 @@ img {
 
 .experience h1 {
   margin-top: 40px;
+  margin-bottom: 60px;
   font-size: 40px;
   /* border: 2px solid #ff0000; */
 }
@@ -671,25 +674,21 @@ img {
   color: var(--main-color);
 }
 
-.experience {
+.experience .exInfo {
   position: relative;
   width: 100%;
   margin-bottom: 60px;
   display: flex;
-  flex-direction: column;
   justify-content: space-evenly;
   flex-wrap: wrap;
   align-content: center;
   /* border: 2px solid #ff0000; */
 }
 
-.experience .ex1, .ex2, .ex3 {
+.experience .exInfo .ex1,
+.ex2,
+.ex3 {
   position: relative;
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-  justify-content: space-evenly;
-  flex-wrap: wrap;
   align-content: center;
   /* border: 2px solid #ff0000; */
 }
@@ -697,8 +696,8 @@ img {
 .experience .videolan,
 .unacademy,
 .gssoc {
-  margin: 50px 0%;
-  width: 300px;
+  margin-bottom: 50px;
+  width: 320px;
   padding: 20px;
   border-radius: 20px;
   box-shadow: 0px 0px 5px 5px var(--main-color);
@@ -706,24 +705,41 @@ img {
   border: 2px ridge white;
 }
 
-.experience-info .videolan:hover,
+.videolan img {
+  width: 100px;
+  height: 100px;
+  margin: 5px 30%;
+
+  animation: rotate 2s linear infinite;
+}
+
+@keyframes rotate {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+.exInfo .videolan:hover,
 .unacademy:hover,
 .gssoc:hover {
   transform: translateY(-5px) scale(1.05);
 }
 
-.experience-info h3 {
+.exInfo h3 {
   text-align: center;
   /* border: 2px solid #ff0000; */
 }
 
-.experience-info h4 {
+.exInfo h4 {
   color: #ccc;
   text-align: center;
   /* border: 2px solid #ff0000; */
 }
 
-.experience-info .timing {
+.exInfo .timing {
   display: flex;
   justify-content: space-between;
   padding: 10px;
@@ -732,20 +748,20 @@ img {
   /* border: 2px solid #ff0000; */
 }
 
-.experience-info li {
+.exInfo li {
   list-style-type: disc;
 }
 
-.experience-info ul {
+.exInfo ul {
   padding-left: 20px;
   /* border: 2px solid #ff0000; */
 }
 
-.experience-info ul b {
+.exInfo ul b {
   color: #ccc;
 }
 
-.experience-info .videolan .gitlab i {
+.exInfo .videolan .gitlab i {
   color: #fff;
 }