index.html

<!DOCTYPE html>
<html lang="pt-BR">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/style.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=Kodchasan:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet">
    <title>L'ORÉAL</title>
</head>
<body>
    <header>
        <div class="header-logo">
            <img src="./assets/loreoal-paris-vector-logo.svg" alt="Logotipo da marca de cosméticos L'Oréal Paris">
        </div>
        <nav>
            
            <ul>
                <li><a href="#">CUIDADOS COM O CABELO</a></li>
                <li><a href="#">CUIDADOS COM A PELE</a></li>
                <li><a href="#">COLORADO</a></li>
                <li><a href="#">BELEZA VIRTUAL</a></li>
                <li><a href="#">BLOG</a></li>
            </ul>
        </nav>

    </header>
    <main>
        <section class="else-glycolic">
            <img src="./assets/image 1.png" alt="Anúncio da linha de cuidados capilares Elseve Glycolic Gloss da L'Oréal Paris, apresentando shampoo, condicionador e spray em embalagens rosa, com modelo de cabelo longo e brilhante">
            <div class="texto-glycolic">
                <h1>Novo Elseve Glycolic Gloss</h1>
                <p>
                    Luta contra Cabelo poroso e sem brilho? Para ajudar a trazer todo o brilho para o seu cabelo, Elseve apresenta a nova linha Glycolic Gloss. Contando com um ativo já queridinho no universo de skincare – o ácido glicólico. ​É mais que brilho, é ultra gloss!
                </p>
            </div>

        </section>
        <section class="produtos-favoritos">
            <h2>Conheça os produtos favoritos de L’oréal Paris</h2>
            <div class="produtos-favoritos--img">
                <img src="./assets/image 2.png" alt="Shampoo L'Oréal Elseve Cachos Nutri Preenchedor">
                <img src="./assets/image 3.png" alt="Tinta de Cabelo Casting Creme Gloss de L'ORÉAL Paris">
                <img src="./assets/image 4.png" alt="Frasco de sérum L'Oréal Paris Revitalift">
                <img src="./assets/image 5.png" alt="Frasco de protetor solar L'Oréal Paris UV Defender">
            </div>

        </section>

    </main>
    
</body>
</html>