<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>About us</title>
    <!-- swiper css link -->
    <link rel="stylesheet" href="https://unpkg.com/swiper@8/swiper-bundle.min.css"/>
    <!-- linking font -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css">
    <!-- custom css file -->
    <link rel="stylesheet" href="style.css">
</head>
<body>
  <section class="header">
    <a href="home.html" class="logo"><img src="images/homelogo.png" alt=""></a>
      <nav class="navbar">
      <a href="home.php">Home</a>
      <a href="about.php">About</a>
      <a href="package.php">Package</a>
      <a href="booking.php">Booking</a>
      <!-- <a href="booking.html">Booking</a> -->
    </nav>
  </section>
    <!-- header sections ends here  -->
    <div class="head contents">
        <h2 class="main">Our Packages</h2>
    </div>

    <!-- packages section start  -->

    <section class="l-home-packages">

      <!-- <h1 class="heading-title">Our Packages</h1> -->
  
      <div class="box-container">
          <div class="box">
              <div class="image">
              <img src="images/img-1.jpg" alt="">
          </div>
          <div class="content">
              <h3>BRONZE</h3>
              <p>Egg &#8594; 2000 Chickens &#8594; 500</p>
              <!-- <p>Price: 20,000/-RS</p> -->
              <a href="booking.php" class="btn">Book Now</a>
          </div>
          </div>
  
          <div class="box">
              <div class="image">
              <img src="images/img-2.jpg" alt="">
          </div>
          <div class="content">
              <h3>SILVER</h3>
              <p>Egg &#8594; 2000 Chickens &#8594; 1000</p>
              <!-- <p>Price: 30,000/-RS</p> -->
              <a href="booking.php" class="btn">Book Now</a>
          </div>
          </div>
  
          <div class="box">
              <div class="image">
              <img src="images/img-3.jpg" alt="">
          </div>
          <div class="content">
              <h3>GOLD</h3>
              <p>Egg &#8594; 2500 Chickens &#8594; 1500</p>
              <!-- <p>Price: 40,000/-RS</p> -->
              <a href="booking.php" class="btn">Book Now</a>
          </div>
          </div>
  
          <div class="box">
            <div class="image">
            <img src="images/img-4.jpg" alt="">
        </div>
        <div class="content">
            <h3>PLATINUM</h3>
            <p>Egg &#8594; 3500 Chickens &#8594; 1500</p>
            <!-- <p>Price: 50,000/-RS</p> -->
            <a href="booking.php" class="btn">Book Now</a>
        </div>
        </div>

        <div class="box">
          <div class="image">
          <img src="images/img-5.jpg" alt="">
      </div>
      <div class="content">
          <h3>DYNAMITE</h3>
          <p>Egg &#8594; 3500 Chickens &#8594; 2500</p>
          <!-- <p>Price: 60,000/-RS</p> -->
          <a href="booking.php" class="btn">Book Now</a>
      </div>
      </div>
      <div class="box">
        <div class="image">
        <img src="images/img-6.jpg" alt="">
    </div>
    <div class="content">
        <h3>DIAMOND</h3>
        <p>Egg &#8594; 4500 Chickens &#8594; 2500</p>
        <!-- <p>Price: 70,000/-RS</p> -->
        <a href="booking.php" class="btn">Book Now</a>
    </div>
    </div>
          
    <div class="box">
      <div class="image">
      <img src="images/img-7.jpg" alt="">
  </div>
  <div class="content">
      <h3>KRYPTONITE</h3>
      <p>Egg &#8594; 5500 Chickens &#8594; 3500</p>
      <!-- <p>Price: 80,000/-RS</p> -->
      <a href="booking.php" class="btn">Book Now</a>
  </div>
  </div>

  <div class="box">
    <div class="image">
    <img src="images/img-8.jpg" alt="">
</div>
<div class="content">
    <h3>VIBRANIUM</h3>
    <p>Egg &#8594; 6500 Chickens &#8594; 4500</p>
    <!-- <p>Price: 90,000/-RS</p> -->
    <a href="booking.php" class="btn">Book Now</a>
</div>
</div>

<div class="box">
  <div class="image">
  <img src="images/img-9.jpg" alt="">
</div>
<div class="content">
  <h3>ADAMANTIUM</h3>
  <p>Egg &#8594; 7500 Chickens &#8594; 5500</p>
  <!-- <p>Price: 100,000/-RS</p> -->
  <a href="booking.php" class="btn">Book Now</a>
</div>
</div>

      </div>
     <div class="load-more" ><span class="btn">Load More</span></div>
  </section>
    <!-- packages section ends here -->






  <!-- footer -->
  <section class="footer">
      <div class="box-container">
          <div class="box">
              <h3>Quick Links</h3>
            <a href="home.html"> <i class="fas fa-angle-right"></i> Home</a>
            <a href="about.html"> <i class="fas fa-angle-right"></i> About</a>
            <a href="package.html"> <i class="fas fa-angle-right"></i> Package</a>
            <a href="booking.html"> <i class="fas fa-angle-right"></i> Booking</a>
          </div>

          <div class="box">
            <h3>Extra Links</h3>
          <a href="#"> <i class="fas fa-angle-right"></i>Ask Questions</a>
          <a href="#"> <i class="fas fa-angle-right"></i>About Us</a>
          <a href="#"> <i class="fas fa-angle-right"></i>Privacy Policy</a>
          <a href="#"> <i class="fas fa-angle-right"></i>Terms of Use</a>
        </div>
        <div class="box">
        <h3>Contact Info</h3>
        <a href="#"><i class="fas fa-angle-right fa-angle-phone" ></i>+92-318-7486-849</a>
        <a href="#"><i class="fas fa-angle-right fa-angle-phone"></i>+92-304-6628-824</a>
        <a href="#"><i class="fas fa-angle-right fa-angle-envelope"></i>f200282@cfd.nu.edu.pk</a>
        <a href="#"><i class="fas fa-angle-right fa-angle-maps"></i> punjab, pakistan </a>
        </div>
        <div class="box">
            <h3>Follow Us</h3>
            <a href="#"> <i class="fab fa-facebook-f"></i>Facebook</a>
            <a href="#"> <i class="fab fa-twitter"></i>Twitter</a>
            <a href="#"> <i class="fab fa-instagram"></i>Instagram</a>
            <a href="#"> <i class="fab fa-linkedin"></i>linkedin</a>
  
        </div>
      </div>
      </div>
      <div class="credit">created by <span>Muhammad Ahmad & Muhammad Awais</span> | All Rights Reserved! </div>
  </section>
    <!-- swiper js link -->
    <script src="https://unpkg.com/swiper@8/swiper-bundle.min.js"></script>
    <!-- custom script -->
    <script src="script.js"></script>
</body>
</html>