56 lines
2.3 KiB
HTML
56 lines
2.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="pt">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>PetLink - Adoção e Doação</title>
|
|
<link rel="stylesheet" href="style.css">
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<h1>PetLink</h1>
|
|
<nav>
|
|
<a href="home.html">Início</a>
|
|
<a href="#adocao">Adote um Animal</a>
|
|
<a href="#doacao">Doe para um Canil</a>
|
|
</nav>
|
|
</header>
|
|
<main>
|
|
<section id="adocao">
|
|
<h2>Adote um Animal</h2>
|
|
<p>Veja alguns animais disponíveis para adoção:</p>
|
|
<div class="animais-lista">
|
|
<!-- Exemplos de animais -->
|
|
<div class="animal">
|
|
<img src="https://images.unsplash.com/photo-1518717758536-85ae29035b6d?auto=format&fit=facearea&w=300&h=300" alt="Cachorro para adoção">
|
|
<h3>Rex</h3>
|
|
<p>Idade: 2 anos<br>Raça: SRD<br>Personalidade: Brincalhão</p>
|
|
<button>Quero Adotar</button>
|
|
</div>
|
|
<div class="animal">
|
|
<img src="https://images.unsplash.com/photo-1518715308788-3005759c41da?auto=format&fit=facearea&w=300&h=300" alt="Gato para adoção">
|
|
<h3>Mia</h3>
|
|
<p>Idade: 1 ano<br>Raça: SRD<br>Personalidade: Carinhosa</p>
|
|
<button>Quero Adotar</button>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section id="doacao">
|
|
<h2>Doe para um Canil</h2>
|
|
<p>Ajude os canis doando alimentos, cobertores, brinquedos e outros itens essenciais.</p>
|
|
<form class="form-doacao">
|
|
<label for="nome">Seu nome:</label>
|
|
<input type="text" id="nome" name="nome" required>
|
|
<label for="item">Item para doação:</label>
|
|
<input type="text" id="item" name="item" required>
|
|
<label for="quantidade">Quantidade:</label>
|
|
<input type="number" id="quantidade" name="quantidade" min="1" required>
|
|
<button type="submit">Quero Doar</button>
|
|
</form>
|
|
</section>
|
|
</main>
|
|
<footer>
|
|
<p>© 2026 PetLink</p>
|
|
</footer>
|
|
</body>
|
|
</html> |