Merge branch 'designing-footer' into 'main'

Sponsor addition

See merge request !7

wiki/footer.html

 <style>
-  .center {
+  .center-x {
     display:block;
     margin-left:auto;
     margin-right: auto;
   }
+  .sponsor {
+    width: 12vw;
+    min-width: 200px;
+  }
 </style>
 
 <footer class="pt-5 pb-5 footer py-5 mt-5 bg-dark text-white">
@@ -44,24 +48,45 @@
       <div class="col-lg-6">
         <div style="max-height:100px; display:flex;">
           <div style="flex:33.3; padding:15px">
-            <a href="https://igem.org/" class="center">
-              <img src="https://static.igem.org/websites/common/2022/logos/igem-logo-dark.svg" alt="iGEM Logo" class="img-fluid, center" style="max-height:100px">
+            <a href="https://igem.org/" class="center-x">
+              <img src="https://static.igem.org/websites/common/2022/logos/igem-logo-dark.svg" alt="iGEM Logo" class="img-fluid, center-x" style="max-height:100px">
             </a>
           </div>
           <div style="flex:33.3; padding:15px">
-            <a href="https://www.ru.nl/" class="center">
-              <img src="https://static.igem.wiki/teams/5342/images/footer/radboud-uni-white.png" alt="Radboud Uni Logo" class="img-fluid, center" style="max-height:100px">
+            <a href="https://www.ru.nl/" class="center-x">
+              <img src="https://static.igem.wiki/teams/5342/images/footer/radboud-uni-white.png" alt="Radboud Uni Logo" class="img-fluid, center-x" style="max-height:100px">
             </a>
           </div>
           <div style="flex:33.3; padding:15px">
-            <a href="https://2024.igem.wiki/radboud-university/" class="center">
-              <img src="https://static.igem.wiki/teams/5342/images/teamlogo-nb.png" alt="Radboud Uni Team Logo" class="img-fluid, center" style="max-height:100px">
+            <a href="https://2024.igem.wiki/radboud-university/" class="center-x">
+              <img src="https://static.igem.wiki/teams/5342/images/teamlogo-nb.png" alt="Radboud Uni Team Logo" class="img-fluid, center-x" style="max-height:100px">
             </a>
           </div>
         </div>
       </div>
     </div>
     <hr>
+    <div style="display:flex;">
+      <h1 style="margin:auto; max-width:80vw;">Thank you to all of our sponsors!</h1>
+    </div>
+    <div style="display:flex; flex-wrap:wrap; justify-content:space-around; margin-top:2vh; margin-bottom:2vh;">
+      <div class="sponsor">
+        <img src="https://static.igem.wiki/teams/5342/images/footer/idt.webp" class="img-fluid" alt="Integrated Data Technologies">
+      </div>
+      <div class="sponsor">
+        <img src="https://static.igem.wiki/teams/5342/images/footer/pivot-park.webp" class="img-fluid" alt="Pivot Park">
+      </div>
+      <div class="sponsor">
+        <img src="https://static.igem.wiki/teams/5342/images/footer/purivise.webp" class="img-fluid" alt="Purivise">
+      </div>
+      <div class="sponsor">
+        <img src="https://static.igem.wiki/teams/5342/images/footer/promega.webp" class="img-fluid" alt="Promega">
+      </div>
+      <div class="sponsor">
+        <img src="https://static.igem.wiki/teams/5342/images/footer/reset.webp" class="img-fluid" alt="Reset">
+      </div>
+    </div>
+    <hr>
     <!-- The following MUST be on every page: license information and link to the repository on gitlab.igem.org -->
     <div class="row mt-4">
       <div class="col">