Update home.html

d71464cc · Zhefu Li · af0e5eae · d71464cc
Commit d71464cc authored 6 months ago by Zhefu Li
--- a/wiki/pages/home.html
+++ b/wiki/pages/home.html
@@ -225,6 +225,41 @@
     background-color: #ff6b5b;
    }

+    .aromatherapy-content {
+      display: flex;
+      align-items: center;
+      width: 90%;
+      max-width: 1000px;
+      margin: 50px auto;
+      background-color: #ffffff;
+      border-radius: 15px;
+      overflow: hidden;
+      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+      padding: 30px;
+    }
+
+    .aromatherapy-content-image {
+      width: 300px;
+      height: auto;
+      margin-left: 30px;
+    }
+
+    .aromatherapy-content-text {
+      flex: 1;
+    }
+
+    .aromatherapy-content-text h3 {
+      font-family: 'Merriweather', serif;
+      font-size: 2rem;
+      color: #333;
+      margin-top: 0;
+    }
+
+    .aromatherapy-content-text p {
+      font-size: 1.1rem;
+      color: #666;
+    }
+
    .ape-solution {
    width: 90%;
    max-width: 1000px;
@@ -280,6 +315,27 @@
    margin: 0;
  }

+  #last-block {
+    padding: 40px;
+    background-color: transparent;
+    box-shadow: none;
+    text-align: center;
+  }
+
+  #last-block h2, #last-block p {
+    font-family: Baskerville, 'Baskerville Old Face', serif;
+    color: #97291d;
+    font-style: italic;
+  }
+
+  #last-block h2 {
+    font-size: 3rem;
+  }
+
+  #last-block p {
+    font-size: 1.8rem;
+  }
+
  </style>
 </head>
 <body>
@@ -368,6 +424,14 @@
    </div>
  </div>

+  <div class="aromatherapy-content">
+    <div class="aromatherapy-content-text">
+      <h3>Why "Mus" Cure?</h3>
+      <p>The root "mus" comes from Latin, meaning "musk". Since the Han Dynasty, aromatherapy has been included in the scope of Chinese medicine to enhance physical fitness and prevent diseases from occurring in the first place. During our brainstorm for treating IBD, we were inspired by the wisdom of our ancestor. A non-invasive, convenient and aromatic medication is what the Chinese IBD patient could use of.</p>
+    </div>
+    <img src="https://static.igem.wiki/teams/5187/art/aromatherapy.png" alt="aromatherapy" class="aromatherapy-content-image">
+  </div>
+
  <div class="ape-solution">
    <h2>We offer an <span>APE</span> solution!</h2>
    
@@ -395,6 +459,11 @@
      </div>
    </div>
  </div>
+
+  <div id="last-block">
+    <h2>Finding Strength Amidst the Struggles</h2>
+    <p>In conclusion, living with inflammatory bowel disease (IBD) presents unique challenges that can feel overwhelming. Yet, as we've seen through the inspiring stories of individuals facing these struggles, hope, determination, and support can transform adversity into strength. At Muscure, we are committed to pioneering innovative solutions that not only address the symptoms of IBD but also empower patients to reclaim their lives. Together, we can build a brighter future for those affected by IBD, fostering resilience and enhancing the quality of life. Your journey towards healing doesn't have to be walked alone; we're here to help every step of the way.</p>
+  </div>
 </div>
 </div>