<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="UTF-8" />

  <meta name="viewport" content="width=device-width, initial-scale=1.0" />

  <title>Your Name</title>

  <link rel="stylesheet" href="styles.css" />

</head>

<body>

  <main class="container">

    <div class="profile">

      <img src="avatar.jpg" alt="Profile picture" class="avatar" />

      <h1>Your Name</h1>

      <p class="bio">Short bio or tagline goes here.</p>

    </div>


    <div class="links">

      <a href="#" target="_blank" class="link">🌐 Website</a>

      <a href="#" target="_blank" class="link">🐦 Twitter</a>

      <a href="#" target="_blank" class="link">💼 LinkedIn</a>

      <a href="#" target="_blank" class="link">📸 Instagram</a>

      <a href="#" target="_blank" class="link">📺 YouTube</a>

    </div>


    <footer>

      <p>© 2026 Your Name</p>

    </footer>

  </main>

</body>

</html>