Merge pull request #398 from sinfo/staging

Update 2.3.8

Author: PMax5

src/app/landing-page/landing-page.component.css

@@ -325,3 +325,11 @@
 *:not(.intro, .fa, .fa-chevron-down, mat-icon) {
   font-family: 'Montserrat' !important;
 }
+
+.offers {
+  display: grid;
+  width: 100%;
+  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+  row-gap: 2rem;
+  column-gap: 1rem;
+}

src/app/landing-page/landing-page.component.html

@@ -405,7 +405,7 @@ <h6>About</h6>
                     city of Portugal, Lisbon. We had a record breaking attendance of participants last year, achievement
                     we
                     hope
-                    to repeat next year, from <b>the 15th to the 19th of March 2024</b>.
+                    to repeat next year, from <b>the 15th to the 19th of April 2024</b>.
                   </p>
                 </div>
               </div>
@@ -471,6 +471,33 @@ <h6>Target</h6>
       </section>
       <mat-divider></mat-divider>
 
+      <section #faq class="price-area section-padding" style="margin-bottom: 5%;" id="the-event">
+        <div class="container">
+          <div class="row">
+            <div class="text-center">
+              <div class="page-title">
+                <h2 class="text-center">Offers</h2>
+                <p class="wh">
+                  Take advantage of exclusive offers from our partners!
+                </p>
+                <div class="offers">
+                  <mat-card class="example-card cursor-pointer" style="padding: 5%">
+                    <a href="https://www.flytap.com"><img src="https://static.sinfo.org/static/31-sinfo/offers/tap.jpg" /></a>
+                    <div class="text-alt description">
+                      <small>Official Carrier of SINFO 31</small>
+                    </div>
+                    <a href="https://static.sinfo.org/static/31-sinfo/offers/tap_tos.pdf" class="btn btn-rounded btn-outline-clr btn-sm" style="margin-top: 2%;">
+                      Claim Offer
+                    </a>
+                  </mat-card>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+      <mat-divider></mat-divider>
+
       <section #faq class="price-area section-padding" style="margin-bottom: 5%;" id="the-event">
         <div class="container">
           <div class="row">