index.html

<!DOCTYPE html>
<html lang="en">
<head>
  <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <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>Rocketlink</title>

<link href="https://fonts.googleapis.com/css2?family=Roboto+Mono&family=Roboto:wght@500;900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="./styles.css" />
</head>
<body class="dark">

    <div class="container">

  <img
  class="avatar" 
  src="https://github.com/olcsdantas.png" alt="imagem do lucas" />
  <h1>Lucas Dantas</h1>
  <p class"username">@olcsdantas</p>

  <ul>
    <li>
      <a href="http://facebook.com/olucasdribeiro"target="_blank">💻 Facebook</a>
    </li>
    <li>
      <a href="http://instagram.com/olcsribeiro"target="_blank">📸 Insta</a>
      </li>
      <li>
        <a href="http://linkedin.com/in/olcsdantas" target="_blank">📝 Linkedin</a>
      </li>
      <li>
        <a href="https://github.com/olcsdantas"target="_blank">🐱 Github</a>
      </li>


<footer>Feito com 💜 pela <a href="rocketseat.com.br"target="_blank">rocketseat</a>!</footer>

</div>

</body>
</html>