hire.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>Hire Me - DevFolio</title>
  <link rel="stylesheet" href="style.css" />
</head>
<body>
  <header>
    <nav class="navbar">
      <div class="logo">DevFolio</div>
      <ul class="nav-links">
        <li><a href="index.html">Home</a></li>
        <li><a href="about.html">About</a></li>
        <li><a href="experience.html">Experience</a></li>
        <li><a href="portfolio.html">Portfolio</a></li>
        <li><a href="contact.html">Contact</a></li>
        <li><a href="hire.html" class="active">Hire Me</a></li>
      </ul>
    </nav>
  </header>

  <section class="page-section">
    <h1>Hire Me</h1>
    <p>Fill out the form below if you’d like to work with me.</p>

    <form class="hire-form">
      <label for="name">Your Name</label>
      <input type="text" id="name" name="name" placeholder="Enter your name" required />

      <label for="email">Your Email</label>
      <input type="email" id="email" name="email" placeholder="Enter your email" required />

      <label for="message">Project Details</label>
      <textarea id="message" name="message" placeholder="Tell me about your project..." rows="5" required></textarea>

      <button type="submit" class="btn">Send Request</button>
    </form>
  </section>

  <script src="script.js"></script>
</body>
</html>