index.html

<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    
    <title>Imersão Dev Alura 5ºEdição 💻</title>

    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <div class="container">
        <header>
            <h1>Imersão Dev Aluna 5ºEdição</h1>
            <nav>
                <a href=""><li class="active">Atualizar</li></a>
            </nav>
        </header>
        <main>
            <div class="formContainer">
                <a href="media/"><button>Calculadora de Média</button></a>
                <a href="/temperatura/"><button>Conversor de temperatura</button></a>
                <a href="/ConvMoeda/"><button>Conversor de moeda</button></a>
                <a href="/Mentalista/"><button>Mentalista</button></a>
                <a href="/TorrentFlix/"><button>TorrentFlix</button></a>
                <a href="/CDZRanking/"><button>CDZRanking</button></a>
                <a href="/CDZTrunfo/"><button>CDZTrunfo</button></a>
                <a href="/Portfólio/"><button>Portfólio</button></a>


            </div>
        </main>
        <footer>
            <span> by <a class="link" target="_blank" href="https://linktr.ee/guicarbonesi">guicarbonesi</a></span>
        </footer>
    </div>
</body>
</html>