Merge pull request #48 from ThetaTauMiami/elizabeth-branch

Update Recruitment Page with Information for Fall 2025 Recruitment

Author: varnereh

public/assets/img/groupPictures/fraternity-full-spring2025.webp

@@ -37,69 +37,57 @@
 
     <!-- Added upper ---------------------------------->
 
-    <!-- START RECRUITMENT SEASON SNIPPET
+    <!-- START RECRUITMENT SEASON SNIPPET -->
     <div class="container">
+        <!-- Heading row -->
         <div class="row">
-            <h1 style="color: #5B0000; text-align: center">Ready to Join Our Brotherhood?</h1>
-            <hr>
-            <div class="col-sm-offset-1 col-sm-5">
-                <div>
-                    <picture>
-                    <source srcset="assets/img/initiation.webp" type="image/webp">
-                    <img class="img-responsive center-block"
-                         loading="lazy"
-                         src="assets/img/initiation.JPG"
-                         alt="Initiation Event">
+            <div class="col-xs-12">
+                <h1 style="color: #5B0000; text-align: center;">Ready to Join?</h1>
+                <hr>
+            </div>
+        </div>
+        <!-- Flex layout row -->
+        <div class="row" style="display: flex; align-items: center; flex-wrap: wrap;">
+            <div class="col-xs-12 col-sm-offset-1 col-sm-5">
+                <picture>
+                    <source srcset="assets/img/recruitment/fraternity-spring2025.webp" type="image/webp">
+                    <img class="img-responsive center-block" loading="lazy"
+                        src="assets/img/recruitment/fraternity-spring2025.JPG" alt="Initiation Event">
                 </picture>
-                </div>
             </div>
-            <div class="col-sm-5">
-                <p style="font-size: medium">Theta Tau conducts recruitment at the beginning of each fall semester. Our
-                    recruitment process consists of
-                    events that allow our chapter to evaluate candidates on their values, credentials, and overall fit
-                    in our brotherhood. These events include Information Sessions, Informal Nights, and Formal
-                    Interviews.</p>
-                <br>
-                <p style="font-size: medium">For more information, please read the flyers below!</p>
+            <div class="col-xs-12 col-sm-5 text-center">
+                <p style="font-size: medium">Theta Tau conducts recruitment at the beginning of each fall semester.
+                    Our
+                    recruitment process consists of events that allow our chapter to evaluate candidates on their
+                    values, credentials, and overall fit in our brotherhood. These events include Information
+                    Sessions, Informal Nights, and Formal Interviews.</p>
+                <p style="font-size: medium">For more information, please read the flyer below!</p>
             </div>
         </div>
-        <div class="row">
-            <h1 style="color: #5B0000; text-align: center">Fall Rush 2024 Flyers</h1>
-            <hr>
-            <div class="col-sm-6">
-                <div>
-                    <picture>
-                        <source srcset="assets/img/recruitmentFlyer2024_1.webp" type="image/webp">
-                        <img class="img-responsive"
-                             src="assets/img/recruitmentFlyer2024_1.png"
-                             loading="lazy"
-                             alt="Recruitment Flyer 1">
-                    </picture>
-
-                </div>
-            </div>
-            <div class="col-sm-6">
-                <div>
-                    <picture>
-                        <source srcset="assets/img/recruitmentFlyer2024_2.webp" type="image/webp">
-                        <img class="img-responsive"
-                             src="assets/img/recruitmentFlyer2024_2.png"
-                             loading="lazy"
-                             alt="Recruitment Flyer 1">
-                    </picture>
-
-                </div>
+    </div>
+    <br>
+    <div class="row">
+        <h1 style="color: #5B0000; text-align: center">Fall Rush 2025 Information Sessions</h1>
+        <hr>
+        <div class="text-center">
+            <div>
+                <picture>
+                    <source srcset="assets/img/recruitment/RecruitmentFlyer2025.webp" type="image/webp">
+                    <img class="img-fluid d-block mx-auto" src="assets/img/recruitment/RecruitmentFlyer2025.jpg"
+                        style="width: 30%;" loading="lazy" alt="Recruitment Flyer 1">
+                </picture>
             </div>
         </div>
     </div>
-    -->
+    </div>
+
 
     <!-- END RECRUITMENT SEASON SNIPPET -->
 
 
 
     <!-- START OFF SEASON SNIPPET -->
-    <div class="container">
+    <!-- div class="container">
         <div class="row">
             <h1 style="color: #5B0000; text-align: center">Check Back Next Fall!</h1>
             <hr>
@@ -121,7 +109,7 @@ <h1 style="color: #5B0000; text-align: center">Check Back Next Fall!</h1>
                 </p>
             </div>
         </div>
-    </div>
+    </div -->
     <!-- END OFF SEASON SNIPPET -->
 
     <!-- START FAQ -->
@@ -183,7 +171,8 @@ <h1 style="color: #5B0000; text-align: center">Frequently Asked Questions</h1>
                             During this time, anyone interested in joining Theta Tau is invited to attend informal and
                             formal interviews to get to know our members.<br><br>
                             After Bid Day comes the membership process, which lasts eight weeks.
-                            Potential New Members (PNMs) engage in social and professional events with their PNM class and learn about
+                            Potential New Members (PNMs) engage in social and professional events with their PNM class
+                            and learn about
                             Theta Tau's history and values.<br><br>
                             The process concludes with Initiation at the beginning of the spring semester.
                         </p>