<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta name="viewport" content="width=device-width,initial-scale=1"/>
|
|
<title>Título Página Triplo X</title>
|
|
<link rel="stylesheet" href="estilos.css"/>
|
|
<link rel="stylesheet/less" type="text/css" href="base.less"/>
|
|
<script src="scripts/index.js"></script>
|
|
<script src="less.min.js" type="text/javascript"></script>
|
|
</head>
|
|
|
|
|
|
<body>
|
|
<header>
|
|
<h1>Smartphone XJK +</h1>
|
|
</header>
|
|
|
|
<main>
|
|
<table cellspacing="5" cellpadding="10" border="0">
|
|
<thead>
|
|
<tr>
|
|
<th>Ano</th>
|
|
<td>2022</td>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<th>Processador</th>
|
|
<td>4 cores</td>
|
|
</tr>
|
|
<tr>
|
|
<th>Espessura</th>
|
|
<td>100mm</td>
|
|
</tr>
|
|
</tbody>
|
|
<tfoot>
|
|
<tr>
|
|
<th>Média</th>
|
|
<td>1,60</td>
|
|
</tr>
|
|
</tfoot>
|
|
</table>
|
|
|
|
<form action="salvar.html">
|
|
<h2>Registre seu interesse</h2>
|
|
<div class="form__infor">
|
|
<label class="form__label">Nome:</label>
|
|
<input type="text" name="nome" class="form__input"/>
|
|
</div>
|
|
<div class="form__infor">
|
|
<label class="form__label" for="campo_sobrenome">
|
|
Sobrenome:
|
|
</label>
|
|
<input id="campo_sobrenome" type="text" name="sobrenome" class="form__input"/>
|
|
</div>
|
|
|
|
<div class="form__infor">
|
|
<label for="campo_email" class="form__label">
|
|
Email:
|
|
</label>
|
|
<input id="campo_email" type="email" name="email" class="form__input"/>
|
|
</div>
|
|
|
|
|
|
<div class="form__infor">
|
|
<label class="form__label">
|
|
<input type="checkbox" name="autoriza" /> Receber novidades.
|
|
</label>
|
|
</div>
|
|
<button>Enviar</button>
|
|
</form>
|
|
</main>
|
|
|
|
<footer>
|
|
<p>©equipe triplo X</p>
|
|
</footer>
|
|
</body>
|
|
</html>
|