Update file layout.html

f1d9ca94 · Caue Augusto Boneto Goncalves · d7a64287 · f1d9ca94
Commit f1d9ca94 authored 9 months ago by Caue Augusto Boneto Goncalves
--- a/wiki/layout.html
+++ b/wiki/layout.html
@@ -8,93 +8,96 @@
    <title>USP-Brazil - iGEM 2024</title>
    <style>
        body {
-            background-color: #C0C0C0;
-            font-family: "Comic Sans MS", cursive, sans-serif;
-            color: #000000;
+            background: linear-gradient(to bottom, #A9C9FF, #FFBBEC);
+            font-family: "Arial", sans-serif;
+            color: #333333;
+            margin: 0;
+            padding: 0;
        }
-        table {
+        .container {
            width: 80%;
            margin: auto;
-            border: 1px solid #000000;
-            background-color: #FFFFFF;
+            overflow: hidden;
        }
-        th {
-            background-color: #000080;
+        header {
+            background: #333333;
            color: #FFFFFF;
+            padding: 20px 0;
+            text-align: center;
+        }
+        header h1 {
+            margin: 0;
        }
-        td {
+        nav {
+            background: #666666;
+            color: #FFFFFF;
            padding: 10px;
-            border: 1px solid #000000;
+            text-align: center;
        }
-        a {
-            color: #FF0000;
+        nav a {
+            color: #FFFFFF;
+            margin: 0 15px;
            text-decoration: none;
        }
-        a:hover {
+        nav a:hover {
            text-decoration: underline;
        }
-        marquee {
-            background-color: #000080;
-            color: #FFFFFF;
-            padding: 5px;
-            font-size: 1.2em;
+        .content {
+            background: #FFFFFF;
+            padding: 20px;
+            box-shadow: 0 0 10px rgba(0,0,0,0.1);
+            margin-bottom: 20px;
        }
-        .header {
-            background-color: #000080;
+        footer {
+            background: #333333;
            color: #FFFFFF;
            text-align: center;
            padding: 10px 0;
-            margin-bottom: 20px;
+            margin-top: 20px;
+        }
+        .banner {
+            text-align: center;
+            margin: 20px 0;
+        }
+        .banner img {
+            max-width: 100%;
+            height: auto;
        }
    </style>
 </head>
 <body>
-    <div class="header">
+    <header>
        <h1>USP-Brazil - iGEM 2024</h1>
        <p>Innovating for a better future!</p>
+    </header>
+    <nav>
+        <a href="#">Home</a>
+        <a href="#">About Us</a>
+        <a href="#">Our Projects</a>
+        <a href="#">Contact</a>
+    </nav>
+    <div class="container">
+        <div class="banner">
+            <img src="https://via.placeholder.com/728x90" alt="Banner Ad">
+        </div>
+        <div class="content">
+            <h2>About Us</h2>
+            <p>Hello! Welcome to the USP-Brazil iGEM 2024 team page. We are dedicated to creating innovative solutions for a better future. Explore our site to learn more about our projects and team!</p>
+            <h2>Our Projects</h2>
+            <ul>
+                <li>Project 1: Sustainable Energy</li>
+                <li>Project 2: Bioinformatics</li>
+                <li>Project 3: Environmental Protection</li>
+                <li>Project 4: Health Innovations</li>
+            </ul>
+        </div>
+        <div class="content">
+            <p style="text-align: center;"><a href="mailto:someone@example.com">Email Us!</a></p>
+        </div>
    </div>
-    <marquee>Welcome to the USP-Brazil iGEM 2024 Team Page!</marquee>
-    <table>
-        <tr>
-            <th colspan="2">Welcome to Our Homepage!</th>
-        </tr>
-        <tr>
-            <td colspan="2">
-                <img src="https://via.placeholder.com/728x90" alt="Banner Ad">
-            </td>
-        </tr>
-        <tr>
-            <td>
-                <h2>Navigation</h2>
-                <ul>
-                    <li><a href="#">Home</a></li>
-                    <li><a href="#">About Us</a></li>
-                    <li><a href="#">Our Projects</a></li>
-                    <li><a href="#">Contact</a></li>
-                </ul>
-            </td>
-            <td>
-                <h2>About Us</h2>
-                <p>Hello! Welcome to the USP-Brazil iGEM 2024 team page. We are dedicated to creating innovative solutions for a better future. Explore our site to learn more about our projects and team!</p>
-                <h2>Our Projects</h2>
-                <ul>
-                    <li>Project 1: Sustainable Energy</li>
-                    <li>Project 2: Bioinformatics</li>
-                    <li>Project 3: Environmental Protection</li>
-                    <li>Project 4: Health Innovations</li>
-                </ul>
-            </td>
-        </tr>
-        <tr>
-            <td colspan="2">
-                <p align="center"><a href="mailto:someone@example.com">Email Us!</a></p>
-            </td>
-        </tr>
-    </table>
-    <p align="center"><img src="https://via.placeholder.com/468x60" alt="Banner Ad"></p>
-    <footer style="text-align:center; margin-top:20px;">
-        <p>© 2024 USP-Brazil iGEM Team | <a href="https://creativecommons.org/licenses/by/4.0/">CC BY 4.0 License</a></p>
-        <p><a href="https://gitlab.igem.org/usp-brazil">Our GitLab Repository</a></p>
+    <footer>
+        <p>© 2024 USP-Brazil iGEM Team | <a href="https://creativecommons.org/licenses/by/4.0/" style="color: #FFFFFF;">CC BY 4.0 License</a></p>
+        <p><a href="https://gitlab.igem.org/usp-brazil" style="color: #FFFFFF;">Our GitLab Repository</a></p>
    </footer>
 </body>
 </html>