index.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="styles.css">
  <title>My Personal Website</title>
</head>
<body>
  <header>
    <img class="picedit" src="IMG_ARYAN lol1.ico"/>
    <div class="topbarsection">
      <h1>My Personal Website</h1>
      <nav>
        <ul>
          <li><a href="#about">About</a></li>
          <li><a href="#projects">Projects</a></li>
          <li><a href="#contact">Contact</a></li>
        </ul>
      </nav>
    </div>
  </header>

  <section id="about">
    <div class="container">
      <h2>About Me</h2>
      <p>
        Welcome to my personal website! I am Aryan Kumar, a passionate coder with expertise in various programming languages and technologies. I love building innovative solutions and enjoy working on challenging projects.
      </p>
      <p>
        Connect with me on LinkedIn to learn more about my professional background and experience:
         <a href="https://in.linkedin.com/in/aryankumarakj?trk=profile-badge" target=”_blank”>Aryan Kumar on LinkedIn</a>
      </p>
              
    </div>
  </section>

  <section id="projects">
    <div class="container">
      <h2>Projects</h2>
      <!-- Add your projects here -->
      <h2>soon i will be adding multiple projects</h2>
      <h2>for now you can visit my github page <a href="http://github.com/aryankumarakj" target=”_blank”>My git hub page</a></h2>
    </div>
  </section>

  <section id="contact">
    <div class="container">
      <h2>Contact Me</h2>
      <p>
        Feel free to reach out to me with any inquiries or collaboration opportunities. You can message me at <a href="https://twitter.com/aryankumarakj">My twitter</a>.
      </p>
      <label for=name value="Name" >Name </label>
      <input type="text"   required />
      <label for=number value="number">Number</label>label>
      <input type="number"  maxlength=10 required />
      
    </div>
  </section>

  <footer>
    <div class="container">
      &copy; 2023 Aryan Kumar | All rights reserved
    </div>
  </footer>

  <script src="script.js"></script>
</body>
</html>