#slay

index.css

@@ -125,3 +125,14 @@ footer {
 #headerLogo {
     font-size: 30px !important;
 }
+
+.prizeSection {
+    border-color: rgba(26, 93, 26);
+    border-left: 10px solid rgba(251, 171, 26, .90);
+    border-right: 10px solid rgba(251, 171, 26, .90);
+    background-color: rgba(26, 93, 26, .70);
+}
+
+.image {
+    height: 18rem;
+}

index.html

@@ -42,8 +42,64 @@ <h1>Introducing <b>PantherHacks</b></h1>
                     <li>Enjoy mentor help, sponsor stations and various fun events.</li> 
                     <li>We hope to see you there and we can't wait to meet you!</li>
                 </ul>
+
+                <div id="carouselIndicators2" class="carousel slide prizeSection" data-ride="carousel" data-interval="false">
+                    <div class="carousel-inner" style="margin-top: 0px;"> 
+                        <div class="carousel-item active container-fluid" style="padding-top: 0px;">
+                            <h3 class="review-text2"><b>Prizes</b></h3>
+                            <p class="review-text3">
+                            <img class="image" src="keyboardSneller.jpg"/>
+                            </p>
+                            <h2 class="review-text3">
+                                Logitech G915 TKL Tenkeyless LIGHTSPEED Wireless RGB Keyboard
+                            </h2>
+                            <div style="display:flex; flex-direction:row; justify-content: center; align-items: center;">
+                            <h2>Sponsored by</h2>
+                            <img src="sneller_logo_white.svg">
+                            </div>
+                        </div>
+                        <div class="carousel-item container-fluid" style="padding-top: 0px;">
+                            <h3 class="review-text2"><b>Prizes</b></h3>
+                            <p class="review-text3">
+                            <img class="image" src="MetaQuest.jpg"/>
+                            </p>
+                            <h2 class="review-text3">
+                                VR Headset Meta Quest
+                            </h2>
+                            <div style="display:flex; flex-direction:row; justify-content: center; align-items: center;">
+                            <h2>Sponsored by <b>TBD</b></h2>
+                            <!-- <img src="sneller_logo_white.svg"> -->
+                            </div>
+                        </div>
+                        <div class="carousel-item container-fluid" style="padding-top: 0px;">
+                            <h3 class="review-text2"><b>Prizes</b></h3>
+                            <p class="review-text3">
+                            <img class="image" src="wireless.webp"/>
+                            </p>
+                            <h2 class="review-text3">
+                                Wireless Chargers
+                            </h2>
+                            <div style="display:flex; flex-direction:row; justify-content: center; align-items: center;">
+                            <h2>Sponsored by</h2>
+                            <img class="sponsor" src="BytecampsLogo.png">
+                            </div>
+                        </div>
+                    </div>
+                    <a class="carousel-control-prev" href="#carouselIndicators2" role="button" data-slide="prev">
+                        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
+                        <span class="sr-only">Previous</span>
+                    </a>
+                    <a class="carousel-control-next" href="#carouselIndicators2" role="button" data-slide="next">
+                        <span class="carousel-control-next-icon" aria-hidden="true"></span>
+                        <span class="sr-only">Next</span>
+                    </a>
+
+                </div>
+
+                <hr>
+
                 <div id="buttonContainer">
-                    <a class="btn btn-lg btn-outline-success btn-block" href="https://docs.google.com/forms/d/e/1FAIpQLSdgmetzWhXQ2FiRJde27nOuu_7c1uCHrt1sD5v4PJk5Q83j1g/viewform?usp=sharing" type="button"><span class="textButton">Sign Me Up!</span></a>
+                    <a class="btn btn-lg btn-success btn-block" href="https://docs.google.com/forms/d/e/1FAIpQLSdgmetzWhXQ2FiRJde27nOuu_7c1uCHrt1sD5v4PJk5Q83j1g/viewform?usp=sharing" type="button"><span class="textButton">Sign Me Up!</span></a>
                 </div>
                 <p class="text">
                     <br> This year, PantherHacks will take place at Pinewood Upper School.