index.html

<!DOCTYPE html>
<html lang="en">
  <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>Animated Portfolio Website HTML CSS Only | Codehal</title>
    <link rel="stylesheet" href="style.css" />
    <link
      href="https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css"
      rel="stylesheet"
    />
  </head>
 
  <body>
    <header class="header">
      <a href="#" class="logo">NT Games.</a>
 
      <nav class="navbar">
        <a href="#" style="--i: 1" class="active">Home</a>
      </nav>
    </header>
 
    <section class="home">
      <div class="home-sci">
        <a href="https://www.youtube.com/@N-b-h" target="_blank"
          ><i class="bx bxl-youtube"></i
        ></a>
        <a href="https://discord.com/invite/Mf3Bus2yPB" target="_blank"
          ><i class="bx bxl-discord"></i
        ></a>
        <a href="https://www.instagram.com/netanel_ben_haim/" target="_blank"
          ><i class="bx bxl-instagram"></i
        ></a>
        <a href="https://instagram.com/netanel3126" target="_blank"
          ><i class="bx bxl-instagram-alt"></i
        ></a>
      </div>
 
      <div class="home-content">
        <h1>Hi, I'm NT Games</h1>
        <h3>Frontend Developer</h3>
        <p>
          I'm a pretty talented photographer. For any inquiries related to photography, click on the first Instagram.
        </p>
        <a href="https://wa.me/message/PGLUNPEW5JEJP1" class="btn">Hire Me</a>
      </div>
 
      <div class="home-img">
        <div class="glowing-circle">
          <span></span>
          <span></span>
          <div class="image">
            <img src="NT.jpg" alt="NT Games" />
          </div>
        </div>
      </div>
    </section>
  </body>
</html>