added easy way to add sponsors

assets/css/main.css

@@ -4248,3 +4248,27 @@ body.is-preload #banner p {
     padding: 2em 1.5em 0.1em 1.5em;
   }
 }
+
+img.gold {
+  width: 80%;
+  margin: 10%;
+  margin-left: auto;
+  margin-right: auto;
+  display: block;
+}
+
+img.silver {
+  width: 30%;
+  margin: 5%;
+}
+
+img.bronze {
+  width: 20%;
+  margin: 5%;
+}
+
+h3.sponsor {
+  text-align: center;
+  margin: 10%;
+  font-size: 150%;
+}

images/sponsors/List.json

@@ -0,0 +1,95 @@
+{
+  "Companies": [
+    {
+      "companyName": "Red Bull Racing",
+      "CompanyURL": "https://redbullracing.redbull.com/",
+      "companyImg": "RedBullEnergy.png",
+      "SponsorLevel": "gold",
+      "altText": "Red Bull Formula 1 Racing"
+    },
+    {
+      "companyName": "Mercedes AMG",
+      "CompanyURL": "https://www.mercedes-amg.com/en.html",
+      "companyImg": "mercedes.png",
+      "SponsorLevel": "bronze",
+      "altText": "Mercedes Benz AMG"
+    },
+    {
+      "companyName": "The Hub Grill and Bar",
+      "CompanyURL": "https://www.hubgrill.com",
+      "companyImg": "HUB_LOGO_OFFICIAL.png",
+      "SponsorLevel": "silver",
+      "altText": "The Hub Grill and Bar Mesa, Az"
+    },
+    {
+      "companyName": "The Hub Grill and Bar",
+      "CompanyURL": "https://www.hubgrill.com",
+      "companyImg": "HUB_LOGO_OFFICIAL.png",
+      "SponsorLevel": "silver",
+      "altText": "The Hub Grill and Bar Mesa, Az"
+    },
+    {
+      "companyName": "The Hub Grill and Bar",
+      "CompanyURL": "https://www.hubgrill.com",
+      "companyImg": "HUB_LOGO_OFFICIAL.png",
+      "SponsorLevel": "silver",
+      "altText": "The Hub Grill and Bar Mesa, Az"
+    },
+    {
+      "companyName": "Mercedes AMG",
+      "CompanyURL": "https://www.mercedes-amg.com/en.html",
+      "companyImg": "mercedes.png",
+      "SponsorLevel": "silver",
+      "altText": "Mercedes Benz AMG"
+    },
+    {
+      "companyName": "The Hub Grill and Bar",
+      "CompanyURL": "https://www.hubgrill.com",
+      "companyImg": "HUB_LOGO_OFFICIAL.png",
+      "SponsorLevel": "silver",
+      "altText": "The Hub Grill and Bar Mesa, Az"
+    },
+    {
+      "companyName": "The Hub Grill and Bar",
+      "CompanyURL": "https://www.hubgrill.com",
+      "companyImg": "HUB_LOGO_OFFICIAL.png",
+      "SponsorLevel": "silver",
+      "altText": "The Hub Grill and Bar Mesa, Az"
+    },
+    {
+      "companyName": "Mercedes AMG",
+      "CompanyURL": "https://www.mercedes-amg.com/en.html",
+      "companyImg": "mercedes.png",
+      "SponsorLevel": "bronze",
+      "altText": "Mercedes Benz AMG"
+    },
+    {
+      "companyName": "The Hub Grill and Bar",
+      "CompanyURL": "https://www.hubgrill.com",
+      "companyImg": "HUB_LOGO_OFFICIAL.png",
+      "SponsorLevel": "bronze",
+      "altText": "The Hub Grill and Bar Mesa, Az"
+    },
+    {
+      "companyName": "Mercedes AMG",
+      "CompanyURL": "https://www.mercedes-amg.com/en.html",
+      "companyImg": "mercedes.png",
+      "SponsorLevel": "bronze",
+      "altText": "Mercedes Benz AMG"
+    },
+    {
+      "companyName": "Mercedes AMG",
+      "CompanyURL": "https://www.mercedes-amg.com/en.html",
+      "companyImg": "mercedes.png",
+      "SponsorLevel": "bronze",
+      "altText": "Mercedes Benz AMG"
+    },
+    {
+      "companyName": "Mercedes AMG",
+      "CompanyURL": "https://www.mercedes-amg.com/en.html",
+      "companyImg": "mercedes.png",
+      "SponsorLevel": "gold",
+      "altText": "Mercedes Benz AMG"
+    }
+  ]
+}

sponsors.html

@@ -58,7 +58,7 @@
       <!-- Content -->
       <div class="wrapper">
         <div class="inner">
-          <h3 class="major">How to Help</h3>
+          <h2 class="major">How to Help</h2>
           <p>
             Completion of our car and Success of our team is heavily dependent
             on sponsorships. All donations, both monetary, and material are
@@ -76,8 +76,10 @@
           </p>
         </div>
         <div class="inner">
-          <h3 class="major">Thank You to This Years Sponsors</h3>
+          <h2 class="major">Thank You to This Years Sponsors</h2>
-          <p>idk how to approach this part yet.</p>
+          <div id="gold"><h3 class="sponsor">Gold Level Sponsors</h3></div>
+          <div id="silver"><h3 class="sponsor">Silver Level Sponsors</h3></div>
+          <div id="bronze"><h3 class="sponsor">Bronze Level Sponsors</h3></div>
         </div>
 
         <!--  -->
@@ -155,6 +157,28 @@
       <script src="assets/js/breakpoints.min.js"></script>
       <script src="assets/js/util.js"></script>
       <script src="assets/js/main.js"></script>
+      <script>
+        (function() {
+          var sponsorPath = "images/sponsors/";
+          $.getJSON(sponsorPath + "List.json", {}).done(function(data) {
+            console.log("Sponsorship");
+            $.each(data, function(i, item) {
+              for (var i = 0; i < item.length; i++) {
+                $("#" + item[i].SponsorLevel).append(
+                  "<img src='" +
+                    sponsorPath +
+                    item[i].companyImg +
+                    "'class = " +
+                    item[i].SponsorLevel +
+                    " alt='" +
+                    item[i].altText +
+                    "'>"
+                );
+              }
+            });
+          });
+        })();
+      </script>
     </div>
   </body>
 </html>