<html lang="pt-br">
|
|
<head>
|
|
</head>
|
|
|
|
<body>
|
|
<style>
|
|
* {
|
|
margin: 0;
|
|
padding: 0;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
body {
|
|
background-color: lightgray;
|
|
text-align: center;
|
|
margin: 25px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 10px;
|
|
}
|
|
|
|
h1 {
|
|
font-size: 45px;
|
|
}
|
|
|
|
p {
|
|
margin-top: 50px;
|
|
font-size: 20px;
|
|
}
|
|
|
|
table {
|
|
background-color: lightblue;
|
|
}
|
|
</style>
|
|
|
|
<h1>PRATICANDO VIM</h1>
|
|
<p>RUNNING TABLE</p>
|
|
|
|
<div>
|
|
<table border="1" width="100%">
|
|
<thead>
|
|
<tr>
|
|
<th colspan="3">Running</th>
|
|
</tr>
|
|
</thead>
|
|
|
|
<tbody>
|
|
<tr>
|
|
<td>Monday</td>
|
|
<td>Wednesday</td>
|
|
<td>Sartuday</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>5 km</td>
|
|
<td>6 km</td>
|
|
<td>12 km</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td> km</td>
|
|
<td> km</td>
|
|
<td> km</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
<div>
|
|
<form>
|
|
<div>
|
|
<label for="name">Name:</label>
|
|
<input type="text" name="name" placeholder="Type your name"/>
|
|
</div>
|
|
|
|
<div>
|
|
<label for="name">Distance:</label>
|
|
<input type="text" name="name" placeholder="Type your distance"/>
|
|
</div>
|
|
|
|
<div>
|
|
<label for="name">Time:</label>
|
|
<input type="text" name="name" placeholder="Type your time"/>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</body>
|
|
</html>
|