<?php include 'header.php';?>
<div class="fleet">
    <a href="#" class="float">
        <i class="beinvestor"><h5>Become A Fleet Partner</h5> <!-- <img src="img/invest-car.png"> --></i>
    </a>
</div>
<!-- Search Start -->
<!-- <div class="container-fluid bg-white pt-3 px-lg-5">
  <div class="row mx-n2">
    <div class="col-xl-2 col-lg-4 col-md-6 px-2">
      <select class="custom-select px-4 mb-3" style="height: 50px;">
        <option selected>Pickup Location</option>
        <option value="1">Location 1</option>
        <option value="2">Location 2</option>
        <option value="3">Location 3</option>
      </select>
    </div>
    <div class="col-xl-2 col-lg-4 col-md-6 px-2">
      <select class="custom-select px-4 mb-3" style="height: 50px;">
        <option selected>Drop Location</option>
        <option value="1">Location 1</option>
        <option value="2">Location 2</option>
        <option value="3">Location 3</option>
      </select>
    </div>
    <div class="col-xl-2 col-lg-4 col-md-6 px-2">
      <div class="date mb-3" id="date" data-target-input="nearest">
        <input type="text" class="form-control p-4 datetimepicker-input" placeholder="Pickup Date" data-target="#date" data-toggle="datetimepicker" />
      </div>
    </div>
    <div class="col-xl-2 col-lg-4 col-md-6 px-2">
      <div class="time mb-3" id="time" data-target-input="nearest">
        <input type="text" class="form-control p-4 datetimepicker-input" placeholder="Pickup Time" data-target="#time" data-toggle="datetimepicker" />
      </div>
    </div>
    <div class="col-xl-2 col-lg-4 col-md-6 px-2">
      <select class="custom-select px-4 mb-3" style="height: 50px;">
        <option selected>Select A Car</option>
        <option value="1">Car 1</option>
        <option value="2">Car 1</option>
        <option value="3">Car 1</option>
      </select>
    </div>
    <div class="col-xl-2 col-lg-4 col-md-6 px-2">
      <button class="btn  btn-block mb-3" type="submit" style="height: 50px;">Search</button>
    </div>
  </div>
</div> -->
<!-- Search End -->
<!-- Page Header Start -->
<div class="container-fluid page-header">
  <h1 class="display-4 text-uppercase text-white text-center mb-5">find your Dream Cars <br>With<br> Burhan Rent A Car<!-- <span class="text-primary">Dream Cars</span> -->
    </h1>
  <!-- <h1 class="display-3 text-uppercase text-white mb-3">Car Listing</h1> -->
  <div class="d-inline-flex text-white">
    <!-- <h6 class="text-uppercase m-0"><a class="text-white" href="">Home</a></h6> -->
    <!-- <h6 class="text-body m-0 px-3">/</h6> -->
    <!-- <h6 class="text-uppercase text-body m-0">Car Listing</h6> -->
  </div>
</div>
<!-- Page Header Start -->
<!-- Rent A Car Start -->
<div class="container-fluid">
  <div class="container  pb-3">
    
    <section>
      <div class="container ">
        <div class="row">
          <div class="col-12">
            <div class="pop-car mt-2">
              <h3 class="text-dark">Popular New Cars</h3>
            </div>
          </div>
          <div class="col-sm-12 col-md-3 col-lg-3">
            <div class="card new-cardsec mt-3" style="width: auto;padding: 10px;">
              <div class="car-limg">
                <img class="card-img-top" src="img/landcruiser.png" alt="Card image cap">
              </div>
              <div class="card-body text-center" style="padding: 10px;">
                <h4>Toyota Land Crusier</h4>
                <a href="https://api.whatsapp.com/send?phone=+923212098809&text=I want Toyota Land Cruiser" class="btn py-md-2 px-md-3 mt-2">Reserve Now</a>
              </div>
            </div>
          </div>
          <div class="col-sm-12 col-md-3 col-lg-3">
            <div class="card new-cardsec mt-3" style="width: auto;padding: 10px;">
              <div class="car-limg">
                <img class="card-img-top" src="img/fortuner.png" alt="Card image cap">
              </div>
              <div class="card-body text-center" style="padding: 10px;">
                <h4>Toyota Fortuner</h4>
                <a href="https://api.whatsapp.com/send?phone=+923212098809&text=I want Toyota Fortuner" class="btn py-md-2 px-md-3 mt-2">Reserve Now</a>
              </div>
            </div>
          </div>
          <div class="col-sm-12 col-md-3 col-lg-3">
            <div class="card new-cardsec mt-3" style="width: auto;padding: 10px;">
              <div class="car-limg">
                <img class="card-img-top" src="img/revo.png" alt="Card image cap">
              </div>
              <div class="card-body text-center" style="padding: 10px;">
                <h4>Toyota Revolution</h4>
                <a href="https://api.whatsapp.com/send?phone=+923212098809&text=I want Toyota Revolution" class="btn py-md-2 px-md-3 mt-2">Reserve Now</a>
              </div>
            </div>
          </div>
          <div class="col-sm-12 col-md-3 col-lg-3">
            <div class="card new-cardsec mt-3" style="width: auto;padding: 10px;">
              <div class="car-limg">
                <img class="card-img-top" src="img/bmw.png" alt="Card image cap">
              </div>
              <div class="card-body text-center" style="padding: 10px;">
                <h4>BMW</h4>
                <a href="https://api.whatsapp.com/send?phone=+923212098809&text=I want BMW" class="btn py-md-2 px-md-3 mt-2">Reserve Now</a>
              </div>
            </div>
          </div>
          <div class="col-sm-12 col-md-3 col-lg-3">
            <div class="card new-cardsec mt-3" style="width: auto;padding: 10px;">
              <div class="car-limg">
                <img class="card-img-top" src="img/mercedes.png" alt="Card image cap">
              </div>
              <div class="card-body text-center" style="padding: 10px;">
                <h4>Mercedes</h4>
                <a href="https://api.whatsapp.com/send?phone=+923212098809&text=I want Mercedes" class="btn py-md-2 px-md-3 mt-2">Reserve Now</a>
              </div>
            </div>
          </div>
          <div class="col-sm-12 col-md-3 col-lg-3">
            <div class="card new-cardsec mt-3" style="width: auto;padding: 10px;">
              <div class="car-limg">
                <img class="card-img-top" src="img/audi.png" alt="Card image cap">
              </div>
              <div class="card-body text-center" style="padding: 10px;">
                <h4>Audi</h4>
                <a href="https://api.whatsapp.com/send?phone=+923212098809&text=I want Audi" class="btn py-md-2 px-md-3 mt-2">Reserve Now</a>
              </div>
            </div>
          </div>
          <div class="col-sm-12 col-md-3 col-lg-3">
            <div class="card new-cardsec mt-3" style="width: auto;padding: 10px;">
              <div class="car-limg">
                <img class="card-img-top" src="img/limousine.png" alt="Card image cap">
              </div>
              <div class="card-body text-center" style="padding: 10px;">
                <h4>Limousine</h4>
                <a href="https://api.whatsapp.com/send?phone=+923212098809&text=I want Limousine" class="btn py-md-2 px-md-3 mt-2">Reserve Now</a>
              </div>
            </div>
          </div>
          <div class="col-sm-12 col-md-3 col-lg-3">
            <div class="card new-cardsec mt-3" style="width: auto;padding: 10px;">
              <div class="car-limg">
                <img class="card-img-top" src="img/kia-sportage.png" alt="Card image cap">
              </div>
              <div class="card-body text-center" style="padding: 10px;">
                <h4>Kia Sportage</h4>
                <a href="https://api.whatsapp.com/send?phone=+923212098809&text=I want Kia Sportage" class="btn py-md-2 px-md-3 mt-2">Reserve Now</a>
              </div>
            </div>
          </div>
          <div class="col-sm-12 col-md-3 col-lg-3">
            <div class="card new-cardsec mt-3" style="width: auto;padding: 10px;">
              <div class="car-limg">
                <img class="card-img-top" src="img/bmw.png" alt="Card image cap">
              </div>
              <div class="card-body text-center" style="padding: 10px;">
                <h4>BMW</h4>
                <a href="https://api.whatsapp.com/send?phone=+923212098809&text=I want BMW" class="btn py-md-2 px-md-3 mt-2">Reserve Now</a>
              </div>
            </div>
          </div>
          <div class="col-sm-12 col-md-3 col-lg-3">
            <div class="card new-cardsec mt-3" style="width: auto;padding: 10px;">
              <div class="car-limg">
                <img class="card-img-top" src="img/civic.png" alt="Card image cap">
              </div>
              <div class="card-body text-center" style="padding: 10px;">
                <h4>Honda Civic</h4>
                <a href="https://api.whatsapp.com/send?phone=+923212098809&text=I want Honda Civic" class="btn py-md-2 px-md-3 mt-2">Reserve Now</a>
              </div>
            </div>
          </div>
          <div class="col-sm-12 col-md-3 col-lg-3">
            <div class="card new-cardsec mt-3" style="width: auto;padding: 10px;">
              <div class="car-limg">
                <img class="card-img-top" src="img/corollax.png" alt="Card image cap">
              </div>
              <div class="card-body text-center" style="padding: 10px;">
                <h4>Toyota Corolla X</h4>
                <a href="https://api.whatsapp.com/send?phone=+923212098809&text=I want Toyota Corolla X" class="btn py-md-2 px-md-3 mt-2">Reserve Now</a>
              </div>
            </div>
          </div>
          <div class="col-sm-12 col-md-3 col-lg-3">
            <div class="card new-cardsec mt-3" style="width: auto;padding: 10px;">
              <div class="car-limg">
                <img class="card-img-top" src="img/toyota-corolla.png" alt="Card image cap">
              </div>
              <div class="card-body text-center" style="padding: 10px;">
                <h4>Toyota Corolla</h4>
                <a href="https://api.whatsapp.com/send?phone=+923212098809&text=I want Toyota Corolla" class="btn py-md-2 px-md-3 mt-2">Reserve Now</a>
              </div>
            </div>
          </div>
          <div class="col-sm-12 col-md-3 col-lg-3">
            <div class="card new-cardsec mt-3" style="width: auto;padding: 10px;">
              <div class="car-limg">
                <img class="card-img-top" src="img/city.png" alt="Card image cap">
              </div>
              <div class="card-body text-center" style="padding: 10px;">
                <h4>Honda City</h4>
                <a href="https://api.whatsapp.com/send?phone=+923212098809&text=I want Honda City" class="btn py-md-2 px-md-3 mt-2">Reserve Now</a>
              </div>
            </div>
          </div>
          <div class="col-sm-12 col-md-3 col-lg-3">
            <div class="card new-cardsec mt-3" style="width: auto;padding: 10px;">
              <div class="car-limg">
                <img class="card-img-top" src="img/brv.png" alt="Card image cap">
              </div>
              <div class="card-body text-center" style="padding: 10px;">
                <h4>Honda BRV</h4>
                <a href="https://api.whatsapp.com/send?phone=+923212098809&text=I want Honda BRV" class="btn py-md-2 px-md-3 mt-2">Reserve Now</a>
              </div>
            </div>
          </div>
          <div class="col-sm-12 col-md-3 col-lg-3">
            <div class="card new-cardsec mt-3" style="width: auto;padding: 10px;">
              <div class="car-limg">
                <img class="card-img-top" src="img/daihatsu-mira.png" alt="Card image cap">
              </div>
              <div class="card-body text-center" style="padding: 10px;">
                <h4>Daihatsu Mira</h4>
                <a href="https://api.whatsapp.com/send?phone=+923212098809&text=I want Daihatsu Mira" class="btn py-md-2 px-md-3 mt-2">Reserve Now</a>
              </div>
            </div>
          </div>
          <div class="col-sm-12 col-md-3 col-lg-3">
            <div class="card new-cardsec mt-3" style="width: auto;padding: 10px;">
              <div class="car-limg">
                <img class="card-img-top" src="img/dai-move.png" alt="Card image cap">
              </div>
              <div class="card-body text-center" style="padding: 10px;">
                <h4>Daihatsu Move</h4>
                <a href="https://api.whatsapp.com/send?phone=+923212098809&text=I want Daihatsu Move" class="btn py-md-2 px-md-3 mt-2">Reserve Now</a>
              </div>
            </div>
          </div>
          <div class="col-sm-12 col-md-3 col-lg-3">
            <div class="card new-cardsec mt-3" style="width: auto;padding: 10px;">
              <div class="car-limg">
                <img class="card-img-top" src="img/vitz.png" alt="Card image cap">
              </div>
              <div class="card-body text-center" style="padding: 10px;">
                <h4>Toyota Vitz</h4>
                <a href="https://api.whatsapp.com/send?phone=+923212098809&text=I want Toyota Vitz" class="btn py-md-2 px-md-3 mt-2">Reserve Now</a>
              </div>
            </div>
          </div>
          <div class="col-sm-12 col-md-3 col-lg-3">
            <div class="card new-cardsec mt-3" style="width: auto;padding: 10px;">
              <div class="car-limg">
                <img class="card-img-top" src="img/suzuki-cultus.png" alt="Card image cap">
              </div>
              <div class="card-body text-center" style="padding: 10px;">
                <h4>Suzuki Cultus</h4>
                <a href="https://api.whatsapp.com/send?phone=+923212098809&text=I want Suzuki Cultus" class="btn py-md-2 px-md-3 mt-2">Reserve Now</a>
              </div>
            </div>
          </div>
          <div class="col-sm-12 col-md-3 col-lg-3">
            <div class="card new-cardsec mt-3" style="width: auto;padding: 10px;">
              <div class="car-limg">
                <img class="card-img-top" src="img/honda-freed.png" alt="Card image cap">
              </div>
              <div class="card-body text-center" style="padding: 10px;">
                <h4>Honda Freed</h4>
                <a href="https://api.whatsapp.com/send?phone=+923212098809&text=I want Honda Freed" class="btn py-md-2 px-md-3 mt-2">Reserve Now</a>
              </div>
            </div>
          </div>
          <div class="col-sm-12 col-md-3 col-lg-3">
            <div class="card new-cardsec mt-3" style="width: auto;padding: 10px;">
              <div class="car-limg">
                <img class="card-img-top" src="img/mazda-flair.png" alt="Card image cap">
              </div>
              <div class="card-body text-center" style="padding: 10px;">
                <h4>Mazda Flair</h4>
                <a href="https://api.whatsapp.com/send?phone=+923212098809&text=I want Mazda Flair" class="btn py-md-2 px-md-3 mt-2">Reserve Now</a>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <!-- newly car launched cars -->
    <!-- <section>
      <div class="container">
        <div class="row">
          <div class="col-12">
            <div class="newly-car mt-2">
              <h3 class="text-white">Newly Launched Cars</h3>
            </div>
          </div>
          <div class="col-sm-12 col-md-3 col-lg-3">
            <div class="card new-cardsec mt-3" style="width: auto;padding: 10px;">
                <div class="car-limg">
                  <img class="card-img-top" src="img/landcrusier.png" alt="Card image cap">
                </div>
                <div class="card-body text-center" style="padding: 10px;">
                  <a href="">
                    <h4>Mercedes</h4>
                  </a>
                    <a href="booking.php" class="btn py-md-2 px-md-3 mt-2">Reserve Now</a>
                </div>
            </div>
          </div>
        </div>
      </div>
    </section> -->
  </div>
</div>
<!-- Rent A Car End -->
<!-- Banner Start -->
    <div class=" py-5">
        <div class=" py-5">
            <div class="row mx-0">
                <div class="col-lg-6 px-0">
                    <div class="px-5 bg-secondary d-flex align-items-center justify-content-between" style="height: 350px;">
                        <img class="img-fluid flex-shrink-0 ml-n5 w-50 mr-4" src="img/banner-left.png" alt="">
                        <div class="text-right">
                            <h3 class="text-uppercase text-light mb-3">Want to be driver?</h3>
                            <p class="mb-4">Lorem justo sit sit ipsum eos lorem kasd, kasd labore</p>
                            <a class="btn py-2 px-4" href="https://api.whatsapp.com/send?phone=+923212098809&text=I want to be a driver">Start Now</a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6 px-0">
                    <div class="px-5 bg-dark d-flex align-items-center justify-content-between" style="height: 350px;">
                        <div class="text-left">
                            <h3 class="text-uppercase text-light mb-3">Looking for a car?</h3>
                            <p class="mb-4">Lorem justo sit sit ipsum eos lorem kasd, kasd labore</p>
                            <a class="btn py-2 px-4" href="https://api.whatsapp.com/send?phone=+923212098809&text=I am looking for a car">Start Now</a>
                        </div>
                        <img class="img-fluid flex-shrink-0 mr-n5 w-50 ml-4" src="img/banner-right.png" alt="">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Banner End -->
<!-- Vendor Start -->
    <div class="py-5">
        <div class="py-5">
            <div class="owl-carousel vendor-carousel">
                <div class=" p-4">
                    <img src="img/bmw.png.png" alt="">
                </div>
                <div class=" p-4">
                    <img src="img/mer.png.png" alt="">
                </div>
                <div class=" p-4">
                    <img src="img/pro.png.png" alt="">
                </div>
                <div class=" p-4">
                    <img src="img/nis.png.png" alt="">
                </div>
                <div class=" p-4">
                    <img src="img/bmw.png.png" alt="">
                </div>
                <div class=" p-4">
                    <img src="img/mer.png.png" alt="">
                </div>
                <div class=" p-4">
                    <img src="img/pro.png.png" alt="">
                </div>
                <div class=" p-4">
                    <img src="img/nis.png.png" alt="">
                </div>
            </div>
        </div>
    </div>
    <!-- Vendor End -->
<!-- footer -->
 <?php include 'footer.php';?>