index.html

<!doctype html>
<html>
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width" />
        <title>Olá Mundo!</title>
        <link href="estilos/estilo.css" rel="stylesheet" />
        <link 
            href="https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;700&display=swap" 
            rel="stylesheet" />
    </head>
    <body>
        <h1>Olá Mundo!</h1>
        <h3>Essa é uma tentativa de aparecer na interface gráfica! Vísivel por (quase) todos</h3>
        <img src="imagens/Gato-Preto-Curioso.jpg" alt="imagem de um gato preto observando" />
        <p>Aqui temos um parágrafo simples e logo abaixo alguns sites interessantes:</p>

        <ul>
            <li>MDN</li>
            <li>freeCodeCamp</li>
        </ul>
        
        <p>Os sites citados acima fornecem uma quantidade enorme de conteúdo focado em etapas e níveis diferentes de conhecimento para aprender sobre programação.</p>
        <p>Caso esteja curioso(a) para aprender mais sobre, segue os links:</p>
        <p><a href="https://developer.mozilla.org/pt-BR/docs/Learn">Aprendendo desenvolvimento web</a>, caso queira saber mais sobre criação de sites.</p>
        <p><a href="https://www.freecodecamp.org/portuguese/learn">freeCodeCamp</a>, aqui você vai aprender sobre uma variedade de assuntos na programação.</p>
        <button>Alterar usuário</button>
    <script src="scripts/main.js"></script>
    </body>
</html>