<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Rangpur City - Contact</title>
  <link rel="stylesheet" href="style.css">
</head>
<body>

<header>
  <div class="container header-center">
    <div class="logo-center">
      <img src="logo.png" alt="Rangpur City Logo" class="logo-img">
    </div>

    <nav class="nav-center">
      <ul>
        <li><a href="index.html">Home</a></li>
        <li><a href="about.html">About</a></li>
        <li><a href="places.html">Places</a></li>
        <li><a href="food.html">Food</a></li>
        <li><a href="culture.html">Culture</a></li>
        <li><a href="contact.html" class="active">Contact</a></li>
      </ul>
    </nav>
  </div>
</header>

<main>
  <div class="container">
    <h2 class="section-title">Contact Page</h2>

    <div class="two-column">
      <div class="card">
        <h3>Information:</h3>
        <p>This is a simple contact page to complete the website design. </p>
        <p class="small-text">Note: This form is for design only. It does not send data because the website is made with only HTML and CSS.</p>
      </div>

      <form>
        <label for="name">Name</label>
        <input type="text" id="name" name="name" placeholder="Enter your name">

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

        <label for="message">Message</label>
        <textarea id="message" name="message" placeholder="Write your message"></textarea>

        <button type="submit">Send</button>
      </form>
    </div>

    <div class="page-buttons">
      <a href="index.html" class="nav-btn">Home</a>
      <a href="about.html" class="nav-btn">About</a>
      <a href="places.html" class="nav-btn">Places</a>
      <a href="food.html" class="nav-btn">Food</a>
      <a href="culture.html" class="nav-btn">Culture</a>
      <a href="contact.html" class="nav-btn active-btn">Contact</a>
    </div>
  </div>
</main>

<footer>
  <p>&copy; 2026 Rangpur City Website | Swastika Sarker</p>
</footer>

</body>
</html>