Merge branch 'designing-footer' into 'main'

Fixed footer links, waiting on sponsors.

See merge request !6

wiki/footer.html

+<style>
+  .center {
+    display:block;
+    margin-left:auto;
+    margin-right: auto;
+  }
+</style>
+
 <footer class="pt-5 pb-5 footer py-5 mt-5 bg-dark text-white">
   <div class="container">
-    <div class="row mb-4">
+    <!-- <div class="row mb-4">
       <div class="col-lg-6 col-xs-12">
         <h4 class="mb-3">Heading</h4>
         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ac ante mollis quam tristique convallis</p>
@@ -23,6 +31,36 @@
         <p>info@hsdf.com</p>
       </div>
     </div>
+    <hr> !-->
+    <div class="row mt-4" style="padding-bottom:1vh">
+      <div class="col-lg-6">
+        <h2>
+          <a href="https://www.instagram.com/radboud.igemteam/">
+            <img src="https://static.igem.wiki/teams/5342/images/footer/insta-logo-small.png" class="img-fluid" alt="Instagram logo" style="max-height:40px">
+            Instagram
+          </a>
+        </h2>
+      </div>
+      <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>
+          </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>
+          </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>
+          </div>
+        </div>
+      </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">