index.html

<!DOCTYPE html>
<html lang="ja">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>PORTFOLIO</title>
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap" rel="stylesheet">
  <link rel="stylesheet" href="css/main.css?43c0045fcf33263632bc8ad0e95bf8e83857f4334d2e3dc767cdc0bdbb796333">
  <link rel="stylesheet" href="css/reset.css">
</head>

<body>
  <main>
    <section>
      <h1>PORTFOLIO</h1>
    </section>
    <section id="about">
      <h2>About</h2>
      <div class="links">
        <a href="https://github.com/himantyu-yuma">GitHub</a>
        <a href="https://twitter.com/k_y_kenzen">Twitter</a>
        <a href="https://www.facebook.com/yuma.kshr">facebook</a>
      </div>
    </section>
    <section id="web" class="works">
      <h2>Web</h2>
      <div id="web-works" class="works-container"></div>
    </section>
    <section id="game" class="works">
      <h2>Game</h2>
      <div id="game-works" class="works-container"></div>
    </section>
    <section id="video" class="works">
      <h2>Video</h2>
      <div id="video-works" class="works-container"></div>
    </section>
  </main>
  <script type="module" src="js/main.js?2fb40d585f2e5947b1e885fcedca9b280867139c82d4b9039bbf07b4b9e2e429"></script>
</body>

</html>