From 282f44a09d32a73e2d4aaac74060a34d52651cc1 Mon Sep 17 00:00:00 2001
From: Jiangyuan Li <jerrylovesapple@icloud.com>
Date: Tue, 11 Oct 2022 13:43:03 +0000
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0=20wiki/pages/index.html?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 wiki/pages/index.html | 86 +++++++++++++++++++++++++++----------------
 1 file changed, 54 insertions(+), 32 deletions(-)

diff --git a/wiki/pages/index.html b/wiki/pages/index.html
index 4fbadab..59cc722 100644
--- a/wiki/pages/index.html
+++ b/wiki/pages/index.html
@@ -2,38 +2,60 @@
 
 {% block page_content %}
 <div class="home-main">
-  <div class="warning">
-    Warning: Website under development. Any changes may occur in the future.
-  </div>
-
-  <div class="welcome-mat">
-    <p id="welcome-sign">Welcome</p>
-  </div>
-
-  <div class="box-1">
-    <p id="third"> Experiments</p>
-    <a href="https://2022.igem.wiki/shsbnu-china/experiments">
-      <p id="fourth">Take a look at what we've done in the lab <i class="fas fa-chevron-right"></i></p>
-    </a>
-  </div>
-
-  <div class="box">
-    <p id="third">
-      About Us</p>
-    <a href="https://2022.igem.wiki/shsbnu-china/team">
-      <p id="fourth">Learn about the team behind all the magic<i class="fas fa-chevron-right"></i></p>
-    </a>
-  </div>
-
-  <a href="#">
-    <div class="return-to-top">
-      <i class="fas fa-chevron-up"></i>
-
-      <br>
-    </div>
-  </a>
 
-  <div class="box3"></div>
-</div>
+        <div class="welcome-mat">
+            <div class="team-logo"></div>
+            <p id="welcome-sign">Welcome</p>
+        </div>
+
+        <div class="vision" id="box-1">
+            <h2 id="home-title">This is us</h2>
+            <p id="home-info">Learn about the team behind all the magic</p>
+        </div>
+
+        <div class="vision" id="box-2">
+            <h2 id="home-title">
+                Experiments</h2>
+            <a href="https://2022.igem.wiki/shsbnu-china/experiments">
+                <p id="home-info">Take a look at what we've done in the lab</p>
+            </a>
+        </div>
+
+        <div class="vision" id="box-3">
+            <h2 id="home-title">
+                About Us</h2>
+            <a href="https://2022.igem.wiki/shsbnu-china/team">
+                <p id="home-info">Learn about the team behind all the magic</p>
+            </a>
+        </div>
+
+        <div class="vision" id="box-4">
+            <div class="inner-box-1">
+                <h2 id="home-title" style="color: rgb(255, 255, 255);">
+                    Project Description</h2>
+            </div>
+            <div class="inner-box-2">
+                <h2 id="home-title" style="color: rgb(255, 255, 255);">
+                    Proof of Concept</h2>
+            </div>
+        </div>
+
+        <div class="info-box">
+            <h2 id="text-1">21st Century. The age of synthetic biology.</h2>
+            <p id="text-2">We welcome change and challenges in this age of uncertainty, and we are determined to make a
+                difference.<br>You're now arriving at the homepage of the iGEM project of SHSBNU_China team.</p>
+        </div>
+
+
+        <a href="#">
+            <div class="return-to-top">
+                <i class="fas fa-chevron-up"></i>
+
+                <br>
+            </div>
+        </a>
+
+        <div class="box3"></div>
+    </div>
 
 {% endblock %}
-- 
GitLab