landing.html

<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Doce Encanto: uma loja de doces que oferece sabor, magia e encantamento em cada mordida. Descubra doces artesanais e exclusivos, feitos com carinho e perfeição para adoçar seu dia!">
    <title>Doce Encanto: Magia em cada mordida!</title>
    <link rel="stylesheet" href="landing.css">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css">
</head>
<body>
    <header class="cabecalho">
        <img class="cabecalho-imagem" src="/img/logoinicial.svg" alt="Logo da Doce Encanto com um bombom ao lado do nome">
        <h1 class="cabecalho-subtitulo">loja de doces artesanais</h1>
    </header>
    <main class="conteudo">  
        <section class="conteudo-principal">
            <img class="conteudo-principal-imagem" src="/img/Frame 14.png" alt="Vitrine repleta de cupcakes coloridos e doces sortidos em exibição, destacando a variedade da confeitaria Doce Encanto">
        </section>
        <section class="conteudo-secundario-botao">
            <a class="botao" href="vitrine.html">
                Acesse nossa loja
            </a>
        </section>    
    </main>
</body>
</html>