1
resposta

Resolvido - Consolidando seu conhecimento

html

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title> Produtos - Barbearia Alura</title>
        <link rel="stylesheet" href="produtos.css">
    </head>

    <body>
        <header>
            <h1> <img src="logo.png"> </h1>
            <nav>
                <ul>
                    <li><a href="Index.html">Home</a></li>
                    <li><a href="produtos.html">Produtos </a></li>
                    <li><a href="contato.html">Contato</a></li>
                </ul>
            </nav>
        </header>
    </body>
</html>

css

header{
    background: #BBBBBB;
}

nav li{
    display: inline;
    margin: 0 0 0 15px;
}

nav a{
    text-transform: uppercase;
    color: #000000;
    font-weight: bold;
    font-size: 20px;
    text-decoration: none;
}
1 resposta

Olá Angélica, tudo bem?

Sua conexão entre as páginas ficou excelente!

Uma dica é salvar o arquivo como "index.html" (letra inicial em caixa baixa) ao invés de "Index.html", isso não alterará o resultado mas é considerado um boa prática.

Fique a vontade para utilizar esse espaço do fórum para trazer dúvidas, sugestões ou para compartilhar ideias e projetos.

Abraços e bons estudos :)