Index.html

<!DOCTYPE html>
<html lang="en" dir="ltr">

<head>
  <meta charset="utf-8">
  <title>Responsive Navbar</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="style.css">

  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" />
</head>

<body>
  <nav>

    <input type="checkbox" id="check">


    <label for="check" class="checkbtn">
      <i class="fas fa-bars"></i>
    </label>


    <label class="logo" href="Index.html">HBTech</label>


    <ul>
      <li><a class="active" href="Index.html">Home</a></li>
      <li><a href="#">About</a></li>
      <li><a href="#">Services</a></li>
      <li><a href="#">Contact</a></li>
      <li><a href="#">Feedback</a></li>
    </ul>
  </nav>

  <section>

    <div class="image-container">
      <img src="girl with ok .png+" alt="">
      <div class="overlay"></div>
      <div class="circle"></div>
      <div class="triangle"></div>
      <p><Strong><em>Hey there I am Harshad </em></Strong><em> I am Web designer, Graphic designer, Social meida marketing</em></p>
  </div> 
    <div class="center-align">
      
      
    </div>

  </section>
  <footer>
    <p>Author: Harshad<br>
      <a href="bansodeharshad098@gmail.com">bansodeharshad098@gmail.com</a>
    </p>
  </footer>

</body>

</html>