Sponsorship Section

assets/css/footer-section.css

@@ -134,12 +134,12 @@ footer .social li a {
     background-color: var(--activeColor);
     text-align: center;
     border: 1px solid var(--activeColor);
-    width: 44px;
-    height: 44px;
-    line-height: 44px;
+    width: 65px;
+    height: 65px;
+    line-height: 65px;
     border-radius: 50%;
     display: inline-block;
-    font-size: 16px;
+    font-size: 40px;
     -webkit-transition: all 0.3s ease 0s;
     -moz-transition: all 0.3s ease 0s;
     -o-transition: all 0.3s ease 0s;

assets/css/main.css

@@ -261,6 +261,7 @@ button.main-button:hover {
   display: inline-block;
   height: 110%;
   margin-top: -200px;
+  z-index: 1;
 }
 
 .text-glow {

assets/css/sponsorship-section.css

@@ -1,12 +1,14 @@
 @import "theme-variables.css";
 
-#sponsors .sponsor-carousel {
-    /*background-color: #C97CD820;*/
-    /*padding: 15px;*/
-    /*border-radius: 15px;*/
+/*#sponsors .card {*/
+/*    background-color: #C97CD820;*/
+/*    border-radius: 15px;*/
+/*}*/
+
+#sponsors img {
+    width: 465px;
 }
 
-#sponsors .card {
-    background-color: #C97CD820;
-    border-radius: 15px;
+#sponsors .image-container {
+    height: 330px;
 }

index.html

@@ -289,30 +289,30 @@ <h2>The <em>F.A.Q.</em></h2>
             </div>
         </section>
 
-<!--        <div class="left-image-decor"></div>-->
+        <div class="left-image-decor"></div>
 
-<!--        <section id="sponsors">-->
-<!--            <div class="container">-->
-<!--                <div class="row">-->
-<!--                    <div class="col-lg-8 offset-lg-2" data-scroll-reveal="enter right move 30px over 0.6s after 0.4s">-->
-<!--                        <div class="center-heading">-->
-<!--                            <h2>Meet our <em>Sponsors</em></h2>-->
-<!--                            <p>Without them, events like this would not be possible!</p> &lt;!&ndash; need to increase this font size &ndash;&gt;-->
-<!--                        </div>-->
-<!--                    </div>-->
-<!--                    <div class="offset-lg-1 col-lg-10 col-md-12 col-sm-12 mobile-bottom-fix-big align-items-center" data-scroll-reveal="enter left move 30px over 0.6s after 0.4s">-->
-<!--                        <div class="row sponsor-carousel">-->
-<!--                            <img src="assets/images/sponsors/google.png" alt="Google logo">-->
-<!--                            <img src="assets/images/sponsors/HEB.png" alt="HEB logo">-->
-<!--                            <img src="assets/images/sponsors/jpmorgan-chase.png" alt="JP Morgan Chase logo">-->
-<!--                            <img src="assets/images/sponsors/paycom.png" alt="Paycom logo">-->
-<!--                            <img src="assets/images/sponsors/valero.png" alt="Valero logo">-->
-<!--                            <img src="assets/images/sponsors/matrix.png" alt="MATRIX AI logo">-->
-<!--                        </div>-->
-<!--                    </div>-->
-<!--                </div>-->
-<!--            </div>-->
-<!--        </section>-->
+        <section id="sponsors">
+            <div class="container">
+                <div class="row">
+                    <div class="col-lg-8 offset-lg-2" data-scroll-reveal="enter right move 30px over 0.6s after 0.4s">
+                        <div class="center-heading">
+                            <h2>Meet our <em>Sponsors</em></h2>
+                            <p>Without them, events like this would not be possible!</p> <!-- need to increase this font size -->
+                        </div>
+                    </div>
+                    <div class="offset-lg-1 col-lg-10 col-md-12 col-sm-12 mobile-bottom-fix-big align-items-center" data-scroll-reveal="enter left move 30px over 0.6s after 0.4s">
+                        <div class="row sponsor-carousel">
+                            <img src="assets/images/sponsors/google.png" alt="Google logo" style="margin-top: 20px;">
+                            <img src="assets/images/sponsors/paycom.png" alt="Paycom logo">
+                            <img src="assets/images/sponsors/H-E-B.png" alt="HEB logo" style="margin-top: 115px;">
+                            <img src="assets/images/sponsors/matrix.png" alt="MATRIX AI logo">
+                            <img src="assets/images/sponsors/valero.png" alt="Valero logo" style="margin-top: 65px;">
+                            <img src="assets/images/sponsors/jpmorgan-chase.png" alt="JP Morgan Chase logo" style="margin-top: 20px;">
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </section>
 
         <footer id="connect">
             <div class="container">
@@ -322,11 +322,12 @@ <h2>The <em>F.A.Q.</em></h2>
                             <img src="assets/images/haunted-house.png" class="rounded img-fluid d-block mx-auto" alt="App">
                         </div>
                         <div class="right-content col-lg-6 col-md-12 col-sm-12">
-                            <h2>Looking to <em>Sponsor?</em></h2>
-                            <a class="main-button button" target="_blank" href="https://drive.google.com/file/d/1ETeao2MnMO9b-wmxt-bGjXHVvrfSSnr3/view?usp=sharing">checkout our sponsorship packet here</a>
+                            <h2>Have any <em>Questions?</em></h2>
+<!--                            <a class="main-button button" target="_blank" href="https://drive.google.com/file/d/1ETeao2MnMO9b-wmxt-bGjXHVvrfSSnr3/view?usp=sharing">checkout our sponsorship packet here</a>-->
                             <p>
+                                If you have any questions please email our team at <a href="mailto:team@codequantumutsa.com" target="_blank">team@codequantumutsa.com</a>
                                 <br><br>
-                                We look forward to our first iteration as Code Quantum and we are glad to have you along for the experience!
+                                We look forward to our first iteration as Code Quantum, and we are glad to have you along for the experience!
                             </p>
                             <ul class="social">
                                 <li><a href="https://www.instagram.com/codequantum21/"><i class="fa fa-instagram"></i></a></li>