landing.htm

<!DOCTYPE html>
<html lang="pt-br">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>PlanPet</title>
    <link rel="stylesheet" href="style.css">
</head>

<body>
    <header>
        <nav class="navbar">
            <a href="#" class="logo">PlanPet</a>
            <p> texto </p>
            <ul class="menu">
                <li><a href="#">Sobre</a></li>
                <li><a href="#">Planejamento</a></li>
                <li><a href="#">Meu Pet</a></li>
            </ul>
        </nav>
    </header> 

    <section class="presentation">
        <div class="image-container">
            <img src="imagem.jpg" alt="imagempett">
        </div>
        <div class="login-container">
            <h2>Faça Login</h2>
            <p>Estamos muito felizes por você ter escolhido o nosso site para cuidar do seu melhor amigo. Aqui no
                experiência possível para você e seu companheiro.</p>
            <form action="#">
                <label for="email">Email:</label>
                <input type="email" id="email" name="email" required>
                <label for="password">Senha:</label>
                <input type="password" id="password" name="password" required>
                <button type="submit">Entrar</button>
            </form>
        </div>
    </section>


    <section class="carousel">
        <div class="card">
            <img src="imagem.jpg" alt="Imagempet">
            <h3>Hoteis para Pet</h3>
            <p>Não deixe seu pet sozinho em casa. Faça a sua reserva em hotéis parceiros e viaje tranquilo,sabendo que
                ele esta em boas mãos</p>
            <a href="#">Saiba Mais</a>
        </div>
        <div class="card">
            <h3>Consultório Veterinario</h3>
            <p>Descrição do card 2, </p>
            <a href="#">Saiba Mais</a>
        </div>
        <div class="card">
            <h3>Higiene Animal</h3>
            <p>
            <p>Descrição do card 3, </p>
            <a href="#">Saiba Mais</a>
        </div>
        <div class="card">
            <h3>Título do Card 4</h3>
            <p>Descrição do card 4, </p>
            <a href="#">Saiba Mais</a>
        </div>
    </section>

    <footer>
        <p>&copy; 2024 Nome da Sua Empresa</p>
    </footer>
</body>

</html>