Update footer.html

wiki/footer.html

@@ -2,37 +2,37 @@
   
   <div class="container">
     <div class="row">
+      
       <div class="col-lg-6 col-xs-12">
-          <h4 class="mt-lg-0 mt-sm-3">Follow us on social media</h4>
+          <h4>Follow us on social media</h4>
           <div class="row">
-              <div class="col-lg-6 col-xs-12">
+              <div class="col-lg-6 col-xs-12 d-flex flex-column align-items-center justify-content-center">
                   <div class="m-1 p-1">
-                      <a href="https://www.instagram.com/" style="color: black;">Instagram</a>
-                      <a href="https://www.youtube.com/" style="color: black;">YouTube</a>
-                      <a href="https://www.tiktok.com/" style="color: black;">TikTok</a>
-                      <a href="https://www.bilibili.com/" style="color: black;">Bilibili</a>
+                      <p><a href="https://www.instagram.com/" style="color: black;">Instagram</a></p>
+                      <p><a href="https://www.youtube.com/" style="color: black;">YouTube</a></p>
+                      <p><a href="https://www.tiktok.com/" style="color: black;">TikTok</a></p>
+                      <p><a href="https://www.bilibili.com/" style="color: black;">Bilibili</a></p>
                   </ul>
               </div>
-              <div class="col-lg-6 col-xs-12">
+              <div class="col-lg-6 col-xs-12 d-flex flex-column align-items-center justify-content-center">
                   <div class="m-1 p-1">
-                      <a href="https://www.wechat.com/" style="color: black;">WeChat</a>
-                      <a href=# style="color: black;">......</a>
+                      <p><a href="https://www.wechat.com/" style="color: black;">WeChat</a></p>
+                      <p><a href=# style="color: black;">......</a></p>
                   </ul>
               </div>
           </div>
       </div>
 
-      <div class="col-lg-6 col-xs-12">
+      <div class="col-lg-6 col-xs-12 d-flex flex-column align-items-center justify-content-center">
           <h4>Contact</h4>
           <p>Tsinghua University,Hai Dian, Beijing</p>
           <p>+86 12345678900</p>
           <p>xxx@mails.tsinghua.edu.cn</p>
       </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="row mt-4 d-flex flex-column align-items-center justify-content-center">
       <div class="col">
         <p class="mb-0"><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><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>