index.html

<!DOCTYPE html>
<html lang="pt-br">
      <head>
        <link rel="preconnect" href="https://fonts.googleapis.com">
        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Pagina Web</title>
        <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono&family=Roboto+Serif:opsz,wght@8..144,500;8..144,700&display=swap" rel="stylesheet">
        <link rel="stylesheet" href="./styles.css"/>
    </head>

    <body class="dark-blue">

    <div class="container">

      <img 
      class="avatar"
      src="img/yan.jpeg"
        alt="imagem Yan" />
      <h1>Yan Santos</h1>
      <p class="username">@yansantz_</p>
      
      <ul>
        <li>
          <a 
          href="https://www.facebook.com/profile.php?id=100006109358990" target="_blank">👨‍👦facebook</a>
        </li>
        <li> 
          <a href="https://instagram.com/yansantos116?igshid=YmMyMTA2M2Y="target="_blank">📱Instagram</a>
        </li>
        <li>
          <a href="https://vm.tiktok.com/ZMNSKbKN9/"target="_blank">🎞 tiktok</a>
        </li> 
        <li>
          <a  href="https://www.twitch.tv/anubisada"target="_blank">🎮twitch</a>
        </li>
        </ul>
      <footer> venha conferir, feito com ❤️ , por <a href="https://www.instagram.com/yansantz_/?hl=pt" target="_blank">@yansantz_</a></footer>
    
  </div>

  </body>
</html>