Update file home.html

wiki/pages/home.html

@@ -112,8 +112,88 @@
         </div>
       </div>
     </div>
+    <style>
+      .footer {
+        background-color: #f8f9fa;
+        padding: 20px 0;
+        margin-top: 20px;
+      }
+      .footer-content {
+        display: flex;
+        justify-content: space-between;
+        align-items: flex-start;
+        max-width: 1200px;
+        margin: 0 auto;
+        padding: 0 15px;
+      }
+      .social-icons {
+        display: flex;
+        gap: 15px;
+      }
+      .social-icons img {
+        width: 24px;
+        height: 24px;
+        filter: grayscale(100%);
+      }
+      .contact-info {
+        display: flex;
+        flex-direction: column;
+        gap: 10px;
+      }
+      .contact-item {
+        display: flex;
+        align-items: center;
+        gap: 10px;
+      }
+      .contact-item img {
+        width: 20px;
+        height: 20px;
+      }
+      .footer-divider {
+        border-top: 1px solid #dee2e6;
+        margin: 20px 0;
+      }
+      .footer-text {
+        max-width: 800px;
+        margin: 0 auto;
+      }
+      .footer-text p {
+        margin-bottom: 10px;
+      }
+      .subfoot {
+        text-decoration: underline;
+      }
+    </style>
+    <footer class="footer">
+      <div class="footer-content">
+        <div class="social-icons">
+          <a href="#"><img src="https://static.igem.wiki/teams/5187/unrelated-to-tech/icons8-instagram.svg" alt="Instagram"></a>
+          <a href="#"><img src="https://static.igem.wiki/teams/5187/unrelated-to-tech/icons8-youtube.svg" alt="YouTube"></a>
+          <a href="#"><img src="https://static.igem.wiki/teams/5187/unrelated-to-tech/wechat.png" alt="WeChat"></a>
+          <a href="#"><img src="https://static.igem.wiki/teams/5187/unrelated-to-tech/icons8-bilibili.svg" alt="Bilibili"></a>
+        </div>
+        <div class="contact-info">
+          <div class="contact-item">
+            <img src="https://static.igem.wiki/teams/5187/unrelated-to-tech/location.png" alt="Location">
+            <span>Your Address Here</span>
+          </div>
+          <div class="contact-item">
+            <img src="https://static.igem.wiki/teams/5187/unrelated-to-tech/phone.png" alt="Phone">
+            <span>Your Phone Number</span>
+          </div>
+          <div class="contact-item">
+            <img src="https://static.igem.wiki/teams/5187/unrelated-to-tech/email.png" alt="Email">
+            <span>Your Email Address</span>
+          </div>
+        </div>
+      </div>
+      <div class="footer-divider"></div>
+      <div class="footer-text">
+        <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>
+    </footer>
   </div>
-  {% include 'footer.html' %}
 
 
   <script>