You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
81 lines
1.9 KiB
81 lines
1.9 KiB
<html lang="pt-br">
|
|
<head>
|
|
<meta charset="UTF-8"/>
|
|
<link rel="stylesheet" href="style.css"/>
|
|
<link rel="stylesheet/less" type="text/css" href="styles/styles.less" />
|
|
<script src="scripts/less.min.js" type="text/javascript"></script>
|
|
</head>
|
|
|
|
<body>
|
|
<header>
|
|
<ul>
|
|
<li>Incio</li>
|
|
<li>Personagens</li>
|
|
<li>Curiosidades</li>
|
|
</ul>
|
|
</header>
|
|
|
|
<main>
|
|
<div class="titulo">
|
|
<h1 class="titulo-principal">AVENGERS</h1>
|
|
<p class="titulo-texto">Super heróis no mundoverso</p>
|
|
</div>
|
|
|
|
<div class="table">
|
|
<table border="4" width="30%" height="50%">
|
|
<thead>
|
|
<tr align="center">
|
|
<th>Heróis</th>
|
|
<th>Características</th>
|
|
</tr>
|
|
</thead>
|
|
|
|
<tbody>
|
|
<tr>
|
|
<td>Homem de Ferro</td>
|
|
<td>Inteligente | Confiante</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>Capitão América</td>
|
|
<td>Líder | Ex-militar</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>Thor</td>
|
|
<td>Deus do trovão</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>Hulk</td>
|
|
<td>Super forte</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>Viúva Negra</td>
|
|
<td>Destreza | Agilidade</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>Arqueiro Verde</td>
|
|
<td>Calculista | Agilidade</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
<div class="button">
|
|
<input type="text" placeholder="Escolha seu herói">
|
|
<button id="btn" type="submit">Mostrar herói</button>
|
|
</div>
|
|
|
|
<footer>
|
|
<div class=rodape_texto"">
|
|
<p>Copyright 2023</p>
|
|
<p>Em memória do grande herói Homem de Ferro</p>
|
|
</div>
|
|
</footer>
|
|
</main>
|
|
|
|
<script src="scripts/main.js"></script>
|
|
</body>
|
|
</html>
|