Untitled

avatar
unknown
plain_text
2 years ago
2.0 kB
7
Indexable
<!DOCTYPE html>
<html>
<head>
	<title>Meu Site de Afiliados</title>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="stylesheet" href="style.css">
</head>
<body>
	<header>
		<h1>Meu Site de Afiliados</h1>
		<nav>
			<ul>
				<li><a href="#">Categoria 1</a></li>
				<li><a href="#">Categoria 2</a></li>
				<li><a href="#">Categoria 3</a></li>
				<li><a href="#">Categoria 4</a></li>
			</ul>
			<form action="#" method="get">
				<input type="search" name="search" placeholder="Pesquisar">
				<button type="submit">Buscar</button>
			</form>
		</nav>
	</header>
	
	<section class="destaque">
		<h2>Ofertas em Destaque</h2>
		<div class="produto">
			<img src="imagem1.jpg" alt="Produto 1">
			<h3>Produto 1</h3>
			<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
			<a href="#" class="botao">Comprar</a>
		</div>
		<div class="produto">
			<img src="imagem2.jpg" alt="Produto 2">
			<h3>Produto 2</h3>
			<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
			<a href="#" class="botao">Comprar</a>
		</div>
		<div class="produto">
			<img src="imagem3.jpg" alt="Produto 3">
			<h3>Produto 3</h3>
			<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
			<a href="#" class="botao">Comprar</a>
		</div>
	</section>
	
	<section class="categorias">
		<h2>Categorias</h2>
		<div class="categoria">
			<img src="categoria1.jpg" alt="Categoria 1">
			<h3>Categoria 1</h3>
			<a href="#" class="botao">Ver Mais</a>
		</div>
		<div class="categoria">
			<img src="categoria2.jpg" alt="Categoria 2">
			<h3>Categoria 2</h3>
			<a href="#" class="botao">Ver Mais</a>
		</div>
		<div class="categoria">
			<img src="categoria3.jpg" alt="Categoria 3">
			<h3>Categoria 3</h3>
			<a href="#" class="botao">Ver Mais</a>
		</div>
		<div class="categoria">
			<img src="categoria4.jpg" alt="Categoria 4">
			<h3>Categoria 4</h3>
			<a href="#" class="botao">Ver Mais</a>
		</div>
	</section>
	
	<footer>
		<p>Todos os direitos reservados.</p>
		<nav>
			<ul>
Editor is loading...