despet1.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ADOPET</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <!--PARTE DE CIMA(CABEÇALHO/TITULO)-->
    <div class="title">
        <!-- Logo e nome ADOPET -->
        <div class="cabeçalho">
            <div class="logo"><a href="index.html"><img src="pet-house.png" alt="Logo ADOPET" width="100" height="100"></a></div>
            <a class="adopetlogo0" href="adopet.html"><div class="adopetlogo"><h1>ADOPET</h1></div></a>
        </div>
        <!-- DIV dos contatos e saiba mais -->
        <div class="infos">
            <a class="contatos" href="contatos.html"><div class="contatos_">Contatos</div></a>
            <a class="saiba_mais" href="index_sobre.html"><div class="saiba_mais_">Saiba mais</div></a>
            <a class="sair" href="index.html"><div class="sair_">Sair</div></a>
        </div>
    </div>
    <section class="main">
    <!--Pet=foto e descrição-->
    <div class="descpet">
        <a href="#"> <div class="imgtyler"> <img src="cachorro1.jpg" alt="pet1" width="500"></div>
        </a>
    <div class="txttyler">
        <h2 class="name">Tyler, <span class="age">3 meses</span></h2>
    <div class="pet-info">
        <h2 class="raça">Raça: <span class="race">Vira-lata</span></h2>
        <h3 class="contact">Contato: <span class="Contact2">(83)998320636</span></h3>
        <h4 class="city">João Pessoa, <span class="state">PB</span></h4>
        <h4 class="descricao"> Descrição do pet: <span class="desc">Tyler é um doguinho muito brincalhão e carinhoso, adora brincar de pegar a bolinha.</span></h4>
        <h4 class="health"> Saúde do pet: <span class="saud1">ainda não tomou nenhuma vacinas.</span></h4>
    </div>
    </div>
    </div>
    </section>
   