Update file home.html

wiki/pages/home.html

@@ -116,8 +116,56 @@
       </div>
     </div>
   </div>
-
+  
   {% include 'footer.html' %}
+  <footer class="pb-2 pt-2 mt-5 footer text-center" style="background-color: #ffe4e1">
+    <div class="container">
+      <div class="footer-content">
+        <div class="social-column">
+          <div class="follow-us-wrapper">
+            <a href="https://www.instagram.com/igem_tsinghua2024?igsh=MTY4d3EzMGtwZjg3ZA==">
+              <img class="follow-us" src="https://static.igem.wiki/teams/5187/unrelated-to-tech/icons8-instagram.svg" alt="Instagram">
+            </a>
+            <a href="https://www.youtube.com/@igemtsinghua2024?si=nrNZ1XaRee_rAYYn">
+              <img class="follow-us" src="https://static.igem.wiki/teams/5187/unrelated-to-tech/icons8-youtube.svg" alt="Youtube">
+            </a>
+            <div class="wechat-container">
+              <img class="follow-us" src="https://static.igem.wiki/teams/5187/unrelated-to-tech/wechat.png" alt="Wechat">
+              <div class="wechat-qr">
+                <img src="https://static.igem.wiki/teams/5187/unrelated-to-tech/wechat-code.png" alt="WeChat QR Code" width="250" height="250">
+              </div>
+            </div>
+            <a href="https://b23.tv/xvsnyxK">
+              <img class="follow-us" src="https://static.igem.wiki/teams/5187/unrelated-to-tech/icons8-bilibili.svg" alt="BiliBili">
+            </a>
+          </div>
+        </div>
+        <div class="contact-column">
+          <div class="contact-info">
+            <img class="contact-icon" src="https://static.igem.wiki/teams/5187/unrelated-to-tech/location.png" alt="Location">
+            <p class="mb-0"><small>Tsinghua University, Hai Dian, Beijing</small></p>
+          </div>
+          <div class="contact-info">
+            <img class="contact-icon" src="https://static.igem.wiki/teams/5187/unrelated-to-tech/phone.png" alt="Phone">
+            <p class="mb-0"><small>+86 12345678900</small></p>
+          </div>
+          <div class="contact-info">
+            <img class="contact-icon" src="https://static.igem.wiki/teams/5187/unrelated-to-tech/email.png" alt="Email">
+            <p class="mb-0"><small>igemtsinghua2024@gmail.com</small></p>
+          </div>
+        </div>
+      </div>
+
+      <hr>
+      <div class="row justify-content-center mt-4">
+        <div class="col">
+          <p class="mb-0 text-center"><small>© 2024 - Content on this site is licensed under a <a class="subfoot" href="https://creativecommons.org/licenses/by/4.0/" style="color: black;" rel="license">Creative Commons Attribution 4.0 International license</a>.</small></p>
+          <p class="text-center"><small>The repository used to create this website is available at <a href="https://gitlab.igem.org/2024/tsinghua" style="color: black;">gitlab.igem.org/2024/tsinghua</a>.</small></p>
+        </div>
+      </div>
+    </div>
+  </footer>
+
 
   <script>
     const blocks = document.querySelectorAll('.content-block');