
<?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>
<!-- Page Header Start -->
<!-- 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 -->
<!-- Rent A Car End -->

<div class="container-fluid py-5">
  <div class="container pt-5 pb-3">
    <h1 class="display-4 text-uppercase text-dark text-center mb-5">find your Dream Cars<!-- <span class="text-primary">Dream Cars</span> -->
    </h1>
  </div>
  <section>
      <div class="container ">
        <div class="row">
          <div class="col-12">
            <div class="pop-car mt-2">
              <h3 class="text-dark">SUV 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 a car 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/prado.png" alt="Card image cap">
              </div>
              <div class="card-body text-center" style="padding: 10px;">
                <h4>Toyota Prado</h4>
                <a href="https://api.whatsapp.com/send?phone=+923212098809&text=I want a car Toyota Prado" 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 a car 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 a car 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/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 a car Kia Sportage" class="btn py-md-2 px-md-3 mt-2">Reserve Now</a>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
</div>

<!-- 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 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
            quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
            consequat.</p>

            <!-- <a class="btn btn-primary py-2 px-4" href="">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 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
                quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
                consequat.</p>            <!-- <a class="btn btn-primary py-2 px-4" href="">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="bg-light p-4">
        <img src="img/vendor-1.png" alt="">
      </div>
      <div class="bg-light p-4">
        <img src="img/vendor-2.png" alt="">
      </div>
      <div class="bg-light p-4">
        <img src="img/vendor-3.png" alt="">
      </div>
      <div class="bg-light p-4">
        <img src="img/vendor-4.png" alt="">
      </div>
      <div class="bg-light p-4">
        <img src="img/vendor-5.png" alt="">
      </div>
      <div class="bg-light p-4">
        <img src="img/vendor-6.png" alt="">
      </div>
      <div class="bg-light p-4">
        <img src="img/vendor-7.png" alt="">
      </div>
      <div class="bg-light p-4">
        <img src="img/vendor-8.png" alt="">
      </div>
    </div>
  </div>
</div>
<!-- Vendor End --> <?php include 'footer.php';?>