contact.html

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>Contact Us</title>
  <link rel="stylesheet" href="css/style.css">

</head>
<div class="header-div">
  <header class="header">
    <a href="index.html">Jet Set Journey</a>
    <a href="index.html"><img src="img/logo.jpg"></a>
    <hr style="width:80%">
  </header>
  <center>
    <nav class="menu">

      <a href="index.html">HOME</a>
      <a href="lgin.html">LOG IN</a>
      <a href="destinations.html">DESTINATIONS</a>
      <a href="traveltips.html">TRAVEL TIPS</a>
      <a href="contact.html">CONTACT</a>
    </nav>
  </center>

</div>

<body>
  <div class="form-container">

    <h2>Interested in working with us?</h2>
    <p>I'd love to hear from our readers – so no matter what you want to chat to us about; whether it be some travel
      advice, some feedback on the site or simply some random banter feel free to contact us using the form below.</p>
    <hr>
    <div class="form">

      <form method="post" action="http://localhost/php_try/process_query.php">

        <label for="Name">Name</label><br>
        <input type="text" name="name" required><br>
        <label for="Email">Email</label><br>
        <input type="email" name="email" required><br>
        <label for="Subject">Subject</label><br>
        <input type="text" name="subject"><br>
        <label for="Message">Message</label><br>
        <textarea placeholder="Message" name="message" rows="10" cols="30"
          style="margin: 0px; width: 503px; height: 179px; background-color: lightgrey;font-size: 16px;border-radius: 10px;"
          required>   </textarea>
        <button type="submit" name="submit">Submit</button>



      </form>
    </div><br>
    <hr>
    <img src="img/c.jpg" style="height: 548px;width: 1000px;padding: -1px 10px 10px 10px">
  </div>



</body>

</html>