<html>
<head>
<title>Clínica Veterinária</title>
<meta charset="utf-8"/>
<style type="text/css">
body {
background: url('http://carloswgama.com.br/cesmac/scripts/fundo_cachorro.png');
}
#cabecalho {
background-color: #86ac41;
}
#conteudo_principal {
background-color: rgb(219, 230, 228);
}
.img-bordas {
border-radius: 10px;
}
.btn-branco {
border: white 2px solid;
border-radius: 30px;
}
</style>
</head>
<body>
<!-- CABEÇALHO -->
<div id="cabecalho">
<table width="100%">
<tr>
<td>
<h1>Clínica Online</h1>
<h2>Bem vindo!</h2>
</td>
<td align="right">
<a href="http://google.com/" class="btn-branco">Sair</a>
</td>
</tr>
</table>
</div>
<!-- CONTEUDO -->
<div id='conteudo_principal'>
<table width="100%">
<tr>
<td width="30%" align="center">
<img class="img-bordas" src="https://imgplaceholder.com/300x300/fff"/>
</td>
<td>
<h3>Marque sua Consulta</h3>
<p>Preço Consulta</p>
<ul>
<li>Gato (R$ 50)</li>
<li>Cachorro (R$ 70)</li>
<li>Passaro (<strike>R$ 40</strike> por <b>R$ 20</b>)</li>
</ul>
<hr/>
<h3>Formulário</h3>
<form action="">
<label for="dono">Dono:</label>
<input type="text" id="dono" name="dono" placeholder="Carlos"/>
<br/>
<label for="animal">Nome animal:</label>
<input type="text" id="animal" name="animal" placeholder="Bob"/>
<br/>
<label for="data">Data da consulta</label>
<input type="date" id="data" name="data"/>
<br/>
<label>Raça:</label>
<input type="radio" value="gato" name="raca" checked="true" /> Gato
<input type="radio" value="cachorro" name="raca"/> Cachorro
<input type="radio" value="gato" name="raca"/> Pássaro
<br/>
<label for="observacao">Observação:</label><br/>
<textarea name="observacao" id="observacao" cols="50" rows=""> </textarea>
<br/>
<input type="submit" value="Confirmar!"/>
</form>
</td>
</tr>
</table>
</div>
</body>
</html>
Comments
0 B
|👍
/👎