<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Rangpur City - Places</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" class="active">Places</a></li>
        <li><a href="food.html">Food</a></li>
        <li><a href="culture.html">Culture</a></li>
        <li><a href="contact.html">Contact</a></li>
      </ul>
    </nav>
  </div>
</header>

<main>
  <div class="container">
    <h2 class="section-title">Famous Places in Rangpur</h2>

    <div class="grid">
      <div class="card">
        <img src="Tajhat_Rangpur.jpg" alt="Tajhat Palace" class="card-img">
        <h3>Tajhat Palace</h3>
        <p>Tajhat Palace is one of the most famous historical places in Rangpur.</p>
      </div>

      <div class="card">
        <img src="College.jpg" alt="Carmichael College" class="card-img">
        <h3>Carmichael College</h3>
        <p>A well-known college with a beautiful green campus.</p>
      </div>

      <div class="card">
        <img src="Chikli_park.jpeg" alt="Chikli Park" class="card-img">
        <h3>Chikli Park</h3>
        <p>A peaceful park where people relax and enjoy nature.</p>
      </div>

      <div class="card">
        <img src="Town_Hall.jpg" alt="Town Hall" class="card-img">
        <h3>Town Hall</h3>
        <p>An important cultural and historical place in Rangpur.</p>
      </div>

      <div class="card">
        <img src="city.png" alt="Rangpur City" class="card-img">
        <h3>City View</h3>
        <p>Modern and growing parts of Rangpur city.</p>
      </div>

      <div class="card">
        <img src="University.jpg" alt="Begum Rokeya University" class="card-img">
        <h3>Begum Rokeya University</h3>
        <p>A major university contributing to education in Rangpur.</p>
      </div>
    </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 active-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">Contact</a>
    </div>
  </div>
</main>

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

</body>
</html>