Skip to content
Snippets Groups Projects
Commit f1d9ca94 authored by Caue Augusto Boneto Goncalves's avatar Caue Augusto Boneto Goncalves
Browse files

Update file layout.html

parent d7a64287
Branches main
No related tags found
No related merge requests found
Pipeline #388494 passed
Stage: build
Stage: deploy
Hide whitespace changes
Inline Side-by-side
Showing
with 67 additions and 64 deletions
wiki/layout.html
+ 67
− 64
View file @ f1d9ca94
...@@ -8,93 +8,96 @@ ...@@ -8,93 +8,96 @@
<title>USP-Brazil - iGEM 2024</title> <title>USP-Brazil - iGEM 2024</title>
<style> <style>
body { body {
background-color: #C0C0C0; background: linear-gradient(to bottom, #A9C9FF, #FFBBEC);
font-family: "Comic Sans MS", cursive, sans-serif; font-family: "Arial", sans-serif;
color: #000000; color: #333333;
margin: 0;
padding: 0;
} }
table { .container {
width: 80%; width: 80%;
margin: auto; margin: auto;
border: 1px solid #000000; overflow: hidden;
background-color: #FFFFFF;
} }
th { header {
background-color: #000080; background: #333333;
color: #FFFFFF; color: #FFFFFF;
padding: 20px 0;
text-align: center;
}
header h1 {
margin: 0;
} }
td { nav {
background: #666666;
color: #FFFFFF;
padding: 10px; padding: 10px;
border: 1px solid #000000; text-align: center;
} }
a { nav a {
color: #FF0000; color: #FFFFFF;
margin: 0 15px;
text-decoration: none; text-decoration: none;
} }
a:hover { nav a:hover {
text-decoration: underline; text-decoration: underline;
} }
marquee { .content {
background-color: #000080; background: #FFFFFF;
color: #FFFFFF; padding: 20px;
padding: 5px; box-shadow: 0 0 10px rgba(0,0,0,0.1);
font-size: 1.2em; margin-bottom: 20px;
} }
.header { footer {
background-color: #000080; background: #333333;
color: #FFFFFF; color: #FFFFFF;
text-align: center; text-align: center;
padding: 10px 0; padding: 10px 0;
margin-bottom: 20px; margin-top: 20px;
}
.banner {
text-align: center;
margin: 20px 0;
}
.banner img {
max-width: 100%;
height: auto;
} }
</style> </style>
</head> </head>
<body> <body>
<div class="header"> <header>
<h1>USP-Brazil - iGEM 2024</h1> <h1>USP-Brazil - iGEM 2024</h1>
<p>Innovating for a better future!</p> <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> </div>
<marquee>Welcome to the USP-Brazil iGEM 2024 Team Page!</marquee> <footer>
<table> <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>
<tr> <p><a href="https://gitlab.igem.org/usp-brazil" style="color: #FFFFFF;">Our GitLab Repository</a></p>
<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> </footer>
</body> </body>
</html> </html>
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment