index.html

<!DOCTYPE html>
<html lang="pt-br">

<head>
    <link rel="shortcut icon" href="images/favicon.png" type="image" />
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Flutuar</title>
    <link
        href="https://fonts.googleapis.com/css2?family=Dosis:wght@400;500;700&family=Inter:wght@400;700&family=Open+Sans:wght@400;700&display=swap"
        rel="stylesheet">
    <link rel="stylesheet" href="style.css">
</head>

<body>
    <div class="main">
        <div class="main-img1">
            <img src="images/imagem1.jpg" alt="Foto do globo terrestre e uma pessoa em pé colando destinos">
        </div>

        <div class="main-h1">
            <h1>O seu próximo <span>destino</span> pode estar aqui...</h1>
        </div>

        <div class="main-p1">
            <p>
                Aqui você encontra uma seleção de <span class="span1">pacotes completos</span> para as suas férias!
            </p>
            <p>Na <span class="span2">Flutuar</span> você encontra pacotes de viagens nacionais e internacionais que
                incluem:
                passagens aéreas, hotéis, café da manhã, e até seguro viagem com <span class="span1">preços
                    arrasadores</span>!
            </p>
        </div>
        <div class="main-p2">
            <p>Se você ainda não tem um destino definido, confira nossa seção de ofertas.
            </p>
        </div>

    </div>
    <div class="footer">

        <div class="line"></div>

        <a target="_blank"
            href="https://viaglins.com.br/blog/index.php/2023/04/18/top-50-lugares-para-viajar-no-brasil-destinos-que-voce-precisa-conhecer/">
            Destinos
        </a>
        &nbsp;
        <a target="_blank" href="https://www.rocketseat.com.br/explorer">
            Ofertas
        </a>
        &nbsp;
        <a  
            href="mailto:contato@flutuar.com.br">
            Contato
        </a>

    </div>
    <div class="footer-wave">
        <img src="images/Wave.svg" alt="Imagem estilo onda na cor cinza escuro no rodapé todo">
    </div>
    </div>

</body>

</html>