Update hackathon.html

_pages/hackathon.html

@@ -5,11 +5,26 @@
 full-width: true
 ---
 
-<div style="position: absolute; top: 10px; right: 50px;">
-  <a href="https://forms.gle/rjfEjLjZ1Requ5bk6" class="btn btn-primary">Apply Now</a>
-</div>
+<style>
+  .video-container {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+  }
+
+  .apply-now-button {
+    font-size: 20px;
+    /* Larger font size */
+    padding: 15px 30px;
+    /* Larger padding */
+    margin-bottom: 20px;
+    /* Space between the button and the video */
+  }
+</style>
 
-<div>
+<div class="video-container">
+  <a href="https://forms.gle/rjfEjLjZ1Requ5bk6" class="btn btn-primary apply-now-button">Apply Now</a>
   <iframe width="100%" height="400px" src="https://www.youtube.com/embed/MdUc36a7vfM?si=FgOttcZwDXBekWAu" frameborder="0" allowfullscreen></iframe>
 </div>
 
@@ -32,6 +47,15 @@ <h4>Task 2: Robot assisted dressing</h4>
 </section>
 
 
+<hr>
+
+<section id="registration">
+  <h2>Hackathon Registration</h2>
+  <p>Ready to showcase your skills and creativity? Register now for the upcoming hackathon <a href="https://forms.gle/rjfEjLjZ1Requ5bk6">here</a> and join us for an exciting opportunity to innovate, collaborate, and compete! All hackers have the opportunity to sign up with a team of up to three members or individually. However, if you do complete the registration with a team, each member of the team is required to complete this form separately.</p>
+  <p>For any inquiries or assistance with registration, please contact Patrick Evuleocha at <a href="mailto:[email protected]">[email protected]</a> or (323)376-9754</p>
+  <p>Don't miss out on this chance to make a difference and showcase your talent. Register now for the hackathon, review the schedule below, and let the hacking begin!</p>
+</section>
+
 <hr>
 
 <section id="schedule">