diff --git a/wiki/pages/home.html b/wiki/pages/home.html index 27980b45d6d439eb7bd12920f44c3435a9ddb40c..551009051a9c02532dd14d7a0601d1add7fc0dd2 100644 --- a/wiki/pages/home.html +++ b/wiki/pages/home.html @@ -84,7 +84,7 @@ align-items: center; } - .card, .additional-content { + .card, .additional-content, .muscare-content { width: 90%; max-width: 1000px; margin-bottom: 30px; @@ -141,30 +141,30 @@ display: block; } - .additional-content { + .additional-content, .muscare-content { display: flex; align-items: center; margin-top: 50px; } - .additional-content-text { + .additional-content-text, .muscare-content-text { flex: 1; padding: 30px; } - .additional-content-text h3 { + .additional-content-text h3, .muscare-content-text h3 { font-family: 'Merriweather', serif; font-size: 2rem; color: #333; margin-top: 0; } - .additional-content-text p { + .additional-content-text p, .muscare-content-text p { font-size: 1.1rem; color: #666; } - .additional-content-image { + .additional-content-image, .muscare-content-image { width: 400px; height: auto; object-fit: contain; @@ -246,6 +246,16 @@ </div> </div> + <div class="muscare-content"> + <img src="https://static.igem.wiki/teams/5187/art/logo.png" alt="Muscure Logo" class="muscare-content-image"> + <div class="muscare-content-text"> + <h3>What is Muscure?</h3> + <p>Muscure is our latest innovation aimed at addressing chronic inflammation in patients with IBD and other inflammatory diseases. Our solution leverages advanced synthetic biology techniques to develop a targeted, non-invasive therapeutic approach, designed to restore balance in the gut microbiome. Our vision is to help patients regain their quality of life and reduce the burden of long-term medication through a more natural and sustainable treatment method.</p> + </div> + </div> +</div> +</div> + {% include 'footer.html' %} <script> window.addEventListener('load', function() {