<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>BargunaOnlineSheba</title>
  <link rel="stylesheet" href="style.css">
  <link rel="stylesheet" href="script.js">
</head>
<body>
  <!-- Header Section -->
  <header>
    <div class="top-bar">
      <marquee>Today's Date: 2025/02/02,[THIS WEBSITE CREATE BY MD MASUD RANA ANIK STUDY AT BARGUNA POLYTECHNIC INSTITUTE IN COMPUTER SCIENCE AND ENGINEERING DEPARTMENT ]এই ওয়েবসাইট তৈরি করেছেন বরগুনা পলিটেকনিক এর কম্পিউটার ডিপার্টমেন্ট এর ছাত্র মোঃ মাসুদ রানা অনিক,ওয়েবসাইট তৈরি এর প্রধান উদ্দেশ্য হচ্ছে বরগুনায় থাকা সবাই হাতের নাগালে সব সুবিধা ভোগ করতে পারেন এর জন্য ধন্যবাদ।
      </marquee>
    </div>
    <div class="heading">
      <h1>বরগুনা অনলাইন সেবা</h1>
      <div class="search-bar">
        <input type="text" placeholder="Search...">
        <button>Search</button>
      </div>
    </div>
    <nav>
      <ul>
        <li><a href="#">Home</a></li>
        <li><a href="#">Fire Service</a></li>
        <li><a href="#">Police</a></li>
        <li><a href="#">Doctor</a></li>
        <li><a href="#">Blood Donation</a></li>
      </ul>
    </nav>
  </header>

  <!-- Main Content -->
  <main>

    <!-- Services Section -->
    <section class="services">
      <div class="service">
        <img src="images/fire.png" alt="Fire Service">
        <h2>ফায়ার সার্ভিস</h2>
        <p>Emergency contact: 101</p>
      </div>
      <div class="service">
        <img src="images/bangladesh-police-logo-ECF6205606-seeklogo.com.png" alt="Police">
        <h2>পুলিশ</h2>
        <p>Emergency contact: 100</p>
      </div>
      <div class="service">
        <img src="images/dolctor.png" alt="Doctor">
        <h2>ডাক্তার</h2>
        
      </div>
      <div class="service">
        <img src="images/bload.jpg" alt="Blood Donation">
        <h2>রক্ত দান,রক্ত খোজা</h2>
    
      </div>
      <div class="service">
        <img src="images/stack-colorful-books-isolated-on-600nw-2499703085.webp" alt="Doctor">
        <h2>পুরাতন বই ক্রয়/বিক্রয়</h2>
        
      </div>
      <div class="service">
        <img src="images/janbahon.jpg" alt="Doctor">
        <h2> যানবাহন সেবা</h2>
        <p>24/7 Helpline: 12345</p>
      </div>
      <div class="service">
        <img src="images/call-26.png" alt="Doctor">
        <h2>জরুরি হটলাইন নম্বর</h2>
        <p>24/7 Helpline: 12345</p>
      </div>
      <div class="service">
        <img src="images/Medicine-Logo-Graphics-1-2.jpg" alt="Doctor">
        <h2>ঔষধ ও ফার্মেসি তথ্য </h2>
        <p>24/7 Helpline: 12345</p>
      </div>
      <div class="service">
        <img src="images/বরগুনা_ইউনিয়নের_লোগো.jpg" alt="Doctor">
        <h2>ইউনিয়ন পরিষদ</h2>
        <p>24/7 Helpline: 12345</p>
      </div>
      <div class="service">
        <img src="images/education-school-logo-design-vector-44972154.jpg" alt="Doctor">
        <h2>শিক্ষা প্রতিষ্ঠান তথ্য</h2>
        
      </div>
      <div class="service">
        <img src="images/weather-icon-with-sun-and-cloud-on-transparent-background-free-png.webp" alt="Doctor">
        <h2>আবহাওয়া তথ্য</h2>
        <p>24/7 Helpline: 12345</p>
      </div>
      <div class="service">
        <img src="images/law-balance-and-attorney-monogram-logo-design-law-firm-and-office-logo-design-free-vector.jpg" alt="Doctor">
        <h2>আইন ও অধিকার</h2>
        <p>24/7 Helpline: 12345</p>
      </div>
      <div class="service">
        <img src="images/nari o sisu.jpeg" alt="Doctor">
        <h2> নারী ও শিশু সহায়তা কেন্দ্র</h2>
        <p>24/7 Helpline: 12345</p>
      </div>
      <div class="service">
        <img src="images/biddut.jpg" alt="Doctor">
        <h2>বিদ্যুৎ সেবা</h2>
        <p>24/7 Helpline: 12345</p>
      </div>
    </section>
  </main>

  <!-- Footer Section -->
  <footer>
    <p>&copy; BargunaOnlineSheba - Your Local Service Hub | Created by Masud Rana Anik </p>
  </footer>

  
</body>
</html>