<?php include 'header.php';?>

<div class="fleet">
    <a href="partner.php" class="float">
        <i class="beinvestor"><h5>Become A Fleet Partner</h5> <!-- <img src="img/invest-car.png"> --></i>
    </a>
</div>

<!-- Carousel Start -->
    <div class="container-fluid carousel-start p-0" style="margin-bottom: 90px;">
        <div id="header-carousel" class="carousel slide" data-ride="carousel">
            <div class="carousel-inner">
                <div class="carousel-item active">
                    <img class="w-100" src="img/carousel-1.jpg" alt="Image">
                    <div class="carousel-caption d-flex flex-column align-items-center justify-content-center">
                        <div class="p-3" style="max-width: 900px;">
                            <!-- <h4 class="text-white text-uppercase mb-md-3">Rent A Car</h4> -->
                            <h1 class="display-1 text-white mb-md-4">Best Rental Cars In Your Location</h1>
                            <a href="https://api.whatsapp.com/send?phone=+923212098809&text=I want a car " class="btn  py-md-3 px-md-5 mt-2">Book Now</a>
                        </div>
                    </div>
                </div>
                <div class="carousel-item">
                    <img class="w-100" src="img/carousel-2.jpg" alt="Image">
                    <div class="carousel-caption d-flex flex-column align-items-center justify-content-center">
                        <div class="p-3" style="max-width: 900px;">
                            <!-- <h4 class="text-white text-uppercase mb-md-3">Rent A Car</h4> -->
                            <h1 class="display-1 text-white mb-md-4">Quality Cars with Unlimited Miles</h1>
                            <a href="https://api.whatsapp.com/send?phone=+923212098809&text=I want a car " class="btn  py-md-3 px-md-5 mt-2">Book Now</a>
                        </div>
                    </div>
                </div>
            </div>
            <a class="carousel-control-prev" href="#header-carousel" data-slide="prev">
                <div class="btn btn-dark" style="width: 45px; height: 45px;">
                    <span class="carousel-control-prev-icon mb-n2"></span>
                </div>
            </a>
            <a class="carousel-control-next" href="#header-carousel" data-slide="next">
                <div class="btn btn-dark" style="width: 45px; height: 45px;">
                    <span class="carousel-control-next-icon mb-n2"></span>
                </div>
            </a>
        </div>
    </div>
    <!-- Carousel End -->
                <!--car categorie cards -->

                <div class="container">
                    <?php include "demo.php";?>
                </div>
                                      

    <!-- About Start -->
    <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">Burhan Rent A Car <!-- <span class="text-primary">Brhan Rent A Cars</span> --></h1>
            <div class="row justify-content-center">
                <div class="col-lg-10 text-center">
                    <img class="w-75 mb-4" src="img/about.png" alt="">
                    <p>Serving the community since 2005. Our business is about giving you more comfort and bring you a hassle-free experience from start to end. We help you find the right car for you and guide you through the best options at lower price..</p>
                </div>
            </div>
            <div class="row mt-3">
                <div class="col-lg-4 mb-2">
                    <div class="d-flex align-items-center bg-light p-4 mb-4" style="height: 150px;">
                        <div class="d-flex align-items-center justify-content-center flex-shrink-0 bg-secondary ml-n4 mr-4" style="width: 100px; height: 100px;">
                            <i class="fas fa-2x fa-headset text-white"></i>
                        </div>
                        <h4 class="text-uppercase m-0">24/7 Car Rental Support</h4>
                    </div>
                </div>
                <div class="col-lg-4 mb-2">
                    <div class="d-flex align-items-center bg-secondary p-4 mb-4" style="height: 150px;">
                        <div class="d-flex align-items-center justify-content-center flex-shrink-0 bg-light ml-n4 mr-4" style="width: 100px; height: 100px;">
                            <i class="fas fa-2x fa-car text-secondary"></i>
                        </div>
                        <h4 class="text-light text-uppercase m-0">Car Reservation Anytime</h4>
                    </div>
                </div>
                <div class="col-lg-4 mb-2">
                    <div class="d-flex align-items-center bg-light p-4 mb-4" style="height: 150px;">
                        <div class="d-flex align-items-center justify-content-center flex-shrink-0 bg-secondary ml-n4 mr-4" style="width: 100px; height: 100px;">
                            <i class="fas fa-2x fa-map-marker-alt text-white"></i>
                        </div>
                        <h4 class="text-uppercase m-0">Lots Of Pickup Locations</h4>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- About End -->
    

    <!-- Services Start -->
   <!--  <div class="container-fluid py-5">
        <div class="container pt-5 pb-3">
            <h1 class="display-4 text-uppercase text-center mb-5">Our <span class="text-primary">Services</span></h1>
            <div class="row">
                <div class="col-lg-4 col-md-6 mb-2">
                    <div class="service-item d-flex flex-column justify-content-center px-4 mb-4">
                        <div class="d-flex align-items-center justify-content-between mb-3">
                            <div class="d-flex align-items-center justify-content-center bg-primary ml-n4" style="width: 80px; height: 80px;">
                                <i class="fa fa-2x fa-taxi text-secondary"></i>
                            </div>
                            <h1 class="display-2 text-white mt-n2 m-0">01</h1>
                        </div>
                        <h4 class="text-uppercase mb-3">Car Rental</h4>
                        <p class="m-0">Kasd dolor no lorem nonumy sit labore tempor at justo rebum rebum stet, justo elitr dolor amet sit sea sed</p>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 mb-2">
                    <div class="service-item active d-flex flex-column justify-content-center px-4 mb-4">
                        <div class="d-flex align-items-center justify-content-between mb-3">
                            <div class="d-flex align-items-center justify-content-center bg-primary ml-n4" style="width: 80px; height: 80px;">
                                <i class="fa fa-2x fa-money-check-alt text-secondary"></i>
                            </div>
                            <h1 class="display-2 text-white mt-n2 m-0">02</h1>
                        </div>
                        <h4 class="text-uppercase mb-3">Car Financing</h4>
                        <p class="m-0">Kasd dolor no lorem nonumy sit labore tempor at justo rebum rebum stet, justo elitr dolor amet sit sea sed</p>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 mb-2">
                    <div class="service-item d-flex flex-column justify-content-center px-4 mb-4">
                        <div class="d-flex align-items-center justify-content-between mb-3">
                            <div class="d-flex align-items-center justify-content-center bg-primary ml-n4" style="width: 80px; height: 80px;">
                                <i class="fa fa-2x fa-car text-secondary"></i>
                            </div>
                            <h1 class="display-2 text-white mt-n2 m-0">03</h1>
                        </div>
                        <h4 class="text-uppercase mb-3">Car Inspection</h4>
                        <p class="m-0">Kasd dolor no lorem nonumy sit labore tempor at justo rebum rebum stet, justo elitr dolor amet sit sea sed</p>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 mb-2">
                    <div class="service-item d-flex flex-column justify-content-center px-4 mb-4">
                        <div class="d-flex align-items-center justify-content-between mb-3">
                            <div class="d-flex align-items-center justify-content-center bg-primary ml-n4" style="width: 80px; height: 80px;">
                                <i class="fa fa-2x fa-cogs text-secondary"></i>
                            </div>
                            <h1 class="display-2 text-white mt-n2 m-0">04</h1>
                        </div>
                        <h4 class="text-uppercase mb-3">Auto Repairing</h4>
                        <p class="m-0">Kasd dolor no lorem nonumy sit labore tempor at justo rebum rebum stet, justo elitr dolor amet sit sea sed</p>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 mb-2">
                    <div class="service-item d-flex flex-column justify-content-center px-4 mb-4">
                        <div class="d-flex align-items-center justify-content-between mb-3">
                            <div class="d-flex align-items-center justify-content-center bg-primary ml-n4" style="width: 80px; height: 80px;">
                                <i class="fa fa-2x fa-spray-can text-secondary"></i>
                            </div>
                            <h1 class="display-2 text-white mt-n2 m-0">05</h1>
                        </div>
                        <h4 class="text-uppercase mb-3">Auto Painting</h4>
                        <p class="m-0">Kasd dolor no lorem nonumy sit labore tempor at justo rebum rebum stet, justo elitr dolor amet sit sea sed</p>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 mb-2">
                    <div class="service-item d-flex flex-column justify-content-center px-4 mb-4">
                        <div class="d-flex align-items-center justify-content-between mb-3">
                            <div class="d-flex align-items-center justify-content-center bg-primary ml-n4" style="width: 80px; height: 80px;">
                                <i class="fa fa-2x fa-pump-soap text-secondary"></i>
                            </div>
                            <h1 class="display-2 text-white mt-n2 m-0">06</h1>
                        </div>
                        <h4 class="text-uppercase mb-3">Auto Cleaning</h4>
                        <p class="m-0">Kasd dolor no lorem nonumy sit labore tempor at justo rebum rebum stet, justo elitr dolor amet sit sea sed</p>
                    </div>
                </div>
            </div>
        </div>
    </div> -->
    <!-- Services End -->


    <!-- Banner Start -->
    <div class="py-5">
        <div class=" py-5">
            <div class="bg-banner py-5 px-4 text-center">
                <div class="py-5">
                    <h1 class="display-1 text-uppercase text-white mb-4">Special Discount </h1>
                    <h1 class="text-uppercase text-light mb-4">On Special Occasions</h1>
                    <!-- <p class="mb-4">Only for Sunday from 1st Jan to 30th Jan 2045</p>
                    <a class="btn  mt-2 py-3 px-5" href="">Register Now</a> -->
                </div>
            </div>
        </div>
    </div>
    <!-- Banner End -->


    <!-- Rent A Car Start -->
    <div class="container-fluid py-5">
        <div class="container pt-5 pb-3">
                <h1 class="display-4 text-dark text-uppercase text-center mb-5">Find Your Car <!-- <span class="text-primary">Cars</span> --></h1>
            <div class="row">
                <div class="col-lg-4 col-md-6 mb-2">
                    <div class="rent-item mb-4">
                        <div class="rent-img">
                            <img class="img-fluid mb-4" src="img/landcruiser.png" alt="">
                        </div>
                        <h4 class="text-uppercase mb-4">Toyota Land Cruiser</h4>
                        <!-- <div class="d-flex justify-content-center mb-4">
                            <div class="px-2">
                                <i class="cs fa fa-car mr-1"></i>
                                <span>2015</span>
                            </div>
                            <div class="px-2 border-left border-right">
                                <i class="cs fa fa-cogs mr-1"></i>
                                <span>AUTO</span>
                            </div>
                            <div class="px-2">
                                <i class="cs fa fa-road mr-1"></i>
                                <span>25K</span>
                            </div>
                        </div> -->
                        <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 class="col-lg-4 col-md-6 mb-2">
                    <div class="rent-item mb-4">
                        <div class="rent-img">
                            <img class="img-fluid mb-4" src="img/prado.png" alt="">
                        </div>
                        <h4 class="text-uppercase mb-4">Toyota Prado</h4>
                        <!-- <div class="d-flex justify-content-center mb-4">
                            <div class="px-2">
                                <i class="cs fa fa-car mr-1"></i>
                                <span>2015</span>
                            </div>
                            <div class="px-2 border-left border-right">
                                <i class="cs fa fa-cogs mr-1"></i>
                                <span>AUTO</span>
                            </div>
                            <div class="px-2">
                                <i class="cs fa fa-road mr-1"></i>
                                <span>25K</span>
                            </div>
                        </div> -->
                        <a href="https://api.whatsapp.com/send?phone=+923212098809&text=I want Toyota Prado" class="btn py-md-2 px-md-3 mt-2">Reserve Now</a>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 mb-2">
                    <div class="rent-item mb-4">
                        <div class="rent-img">
                            <img class="img-fluid mb-4" src="img/fortuner.png" alt="">
                        </div>
                        <h4 class="text-uppercase mb-4">Toyota Fortuner</h4>
                        <!-- <div class="d-flex justify-content-center mb-4">
                            <div class="px-2">
                                <i class="cs fa fa-car mr-1"></i>
                                <span>2015</span>
                            </div>
                            <div class="px-2 border-left border-right">
                                <i class="cs fa fa-cogs mr-1"></i>
                                <span>AUTO</span>
                            </div>
                            <div class="px-2">
                                <i class="cs fa fa-road mr-1"></i>
                                <span>25K</span>
                            </div>
                        </div> -->
                        <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 class="col-lg-4 col-md-6 mb-2">
                    <div class="rent-item mb-4">
                        <div class="rent-img">
                            <img class="img-fluid mb-4" src="img/revo.png" alt="">
                        </div>
                        <h4 class="text-uppercase mb-4">Toyota Revolution</h4>
                        <!-- <div class="d-flex justify-content-center mb-4">
                            <div class="px-2">
                                <i class="cs fa fa-car mr-1"></i>
                                <span>2015</span>
                            </div>
                            <div class="px-2 border-left border-right">
                                <i class="cs fa fa-cogs mr-1"></i>
                                <span>AUTO</span>
                            </div>
                            <div class="px-2">
                                <i class="cs fa fa-road mr-1"></i>
                                <span>25K</span>
                            </div>
                        </div> -->
                        <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 class="col-lg-4 col-md-6 mb-2">
                    <div class="rent-item mb-4">
                        <div class="rent-img">
                            <img class="img-fluid mb-4" src="img/bmw.png" alt="">
                        </div>
                        <h4 class="text-uppercase mb-4">BMW</h4>
                        <!-- <div class="d-flex justify-content-center mb-4">
                            <div class="px-2">
                                <i class="cs fa fa-car mr-1"></i>
                                <span>2015</span>
                            </div>
                            <div class="px-2 border-left border-right">
                                <i class="cs fa fa-cogs mr-1"></i>
                                <span>AUTO</span>
                            </div>
                            <div class="px-2">
                                <i class="cs fa fa-road mr-1"></i>
                                <span>25K</span>
                            </div>
                        </div> -->
                        <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 class="col-lg-4 col-md-6 mb-2">
                    <div class="rent-item mb-4">
                        <div class="rent-img">
                            <img class="img-fluid mb-4" src="img/mercedes.png" alt="">
                        </div>
                        <h4 class="text-uppercase mb-4">Mercedes</h4>
                        <!-- <div class="d-flex justify-content-center mb-4">
                            <div class="px-2">
                                <i class="cs fa fa-car mr-1"></i>
                                <span>2015</span>
                            </div>
                            <div class="px-2 border-left border-right">
                                <i class="cs fa fa-cogs mr-1"></i>
                                <span>AUTO</span>
                            </div>
                            <div class="px-2">
                                <i class="cs fa fa-road mr-1"></i>
                                <span>25K</span>
                            </div>
                        </div> -->
                        <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 class="col-lg-4 col-md-6 mb-2">
                    <div class="rent-item mb-4">
                        <div class="rent-img">
                            <img class="img-fluid mb-4" src="img/audi.png" alt="">
                        </div>
                        <h4 class="text-uppercase mb-4">Audi</h4>
                        <!-- <div class="d-flex justify-content-center mb-4">
                            <div class="px-2">
                                <i class="cs fa fa-car mr-1"></i>
                                <span>2015</span>
                            </div>
                            <div class="px-2 border-left border-right">
                                <i class="cs fa fa-cogs mr-1"></i>
                                <span>AUTO</span>
                            </div>
                            <div class="px-2">
                                <i class="cs fa fa-road mr-1"></i>
                                <span>25K</span>
                            </div>
                        </div> -->
                        <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 class="col-lg-4 col-md-6 mb-2">
                    <div class="rent-item mb-4">
                        <div class="rent-img">
                            <img class="img-fluid mb-4" src="img/kia-sportage.png" alt="">
                        </div>
                        <h4 class="text-uppercase mb-4">Kia Sportage</h4>
                        <!-- <div class="d-flex justify-content-center mb-4">
                            <div class="px-2">
                                <i class="cs fa fa-car mr-1"></i>
                                <span>2015</span>
                            </div>
                            <div class="px-2 border-left border-right">
                                <i class="cs fa fa-cogs mr-1"></i>
                                <span>AUTO</span>
                            </div>
                            <div class="px-2">
                                <i class="cs fa fa-road mr-1"></i>
                                <span>25K</span>
                            </div>
                        </div> -->
                        <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 class="col-lg-4 col-md-6 mb-2">
                    <div class="rent-item mb-4">
                        <div class="rent-img">
                            <img class="img-fluid mb-4" src="img/limousine.png" alt="">
                        </div>
                        <h4 class="text-uppercase mb-4">Limousine</h4>
                        <!-- <div class="d-flex justify-content-center mb-4">
                            <div class="px-2">
                                <i class="cs fa fa-car mr-1"></i>
                                <span>2015</span>
                            </div>
                            <div class="px-2 border-left border-right">
                                <i class="cs fa fa-cogs mr-1"></i>
                                <span>AUTO</span>
                            </div>
                            <div class="px-2">
                                <i class="cs fa fa-road mr-1"></i>
                                <span>25K</span>
                            </div>
                        </div> -->
                        <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 class="col-lg-4 col-md-6 mb-2">
                    <div class="rent-item mb-4">
                        <div class="rent-img">
                            <img class="img-fluid mb-4" src="img/civic.png" alt="">
                        </div>
                        <h4 class="text-uppercase mb-4">Honda Civic</h4>
                        <!-- <div class="d-flex justify-content-center mb-4">
                            <div class="px-2">
                                <i class="cs fa fa-car mr-1"></i>
                                <span>2015</span>
                            </div>
                            <div class="px-2 border-left border-right">
                                <i class="cs fa fa-cogs mr-1"></i>
                                <span>AUTO</span>
                            </div>
                            <div class="px-2">
                                <i class="cs fa fa-road mr-1"></i>
                                <span>25K</span>
                            </div>
                        </div> -->
                        <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 class="col-lg-4 col-md-6 mb-2">
                    <div class="rent-item mb-4">
                        <div class="rent-img">
                            <img class="img-fluid mb-4 mt-4" src="img/toyota-corolla.png" alt="">
                        </div>
                        <h4 class="text-uppercase mb-4">Toyota Corolla</h4>
                        <!-- <div class="d-flex justify-content-center mb-4">
                            <div class="px-2">
                                <i class="cs fa fa-car mr-1"></i>
                                <span>2015</span>
                            </div>
                            <div class="px-2 border-left border-right">
                                <i class="cs fa fa-cogs mr-1"></i>
                                <span>AUTO</span>
                            </div>
                            <div class="px-2">
                                <i class="cs fa fa-road mr-1"></i>
                                <span>25K</span>
                            </div>
                        </div> -->
                        <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 class="col-lg-4 col-md-6 mb-2">
                    <div class="rent-item mb-4">
                        <div class="rent-img">
                            <img class="img-fluid mb-4" src="img/city.png" alt="">
                        </div>
                        <h4 class="text-uppercase mb-4">Honda City</h4>
                        <!-- <div class="d-flex justify-content-center mb-4">
                            <div class="px-2">
                                <i class="cs fa fa-car mr-1"></i>
                                <span>2015</span>
                            </div>
                            <div class="px-2 border-left border-right">
                                <i class="cs fa fa-cogs mr-1"></i>
                                <span>AUTO</span>
                            </div>
                            <div class="px-2">
                                <i class="cs fa fa-road mr-1"></i>
                                <span>25K</span>
                            </div>
                        </div> -->
                        <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 class="col-lg-4 col-md-6 mb-2">
                    <div class="rent-item mb-4">
                        <div class="rent-img">
                            <img class="img-fluid mb-4" src="img/honda-brv.png" alt="" style="max-width: 200px; height: 200px; margin-top: 15px;">
                        </div>
                        <h4 class="text-uppercase mb-4">Honda BRV</h4>
                        <!-- <div class="d-flex justify-content-center mb-4">
                            <div class="px-2">
                                <i class="cs fa fa-car mr-1"></i>
                                <span>2015</span>
                            </div>
                            <div class="px-2 border-left border-right">
                                <i class="cs fa fa-cogs mr-1"></i>
                                <span>AUTO</span>
                            </div>
                            <div class="px-2">
                                <i class="cs fa fa-road mr-1"></i>
                                <span>25K</span>
                            </div>
                        </div> -->
                        <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 class="col-lg-4 col-md-6 mb-2">
                    <div class="rent-item mb-4">
                        <div class="rent-img">
                            <img class="img-fluid mb-4" src="img/vitz.png" alt="">
                        </div>
                        <h4 class="text-uppercase mb-4">Toyota Vitz</h4>
                        <!-- <div class="d-flex justify-content-center mb-4">
                            <div class="px-2">
                                <i class="cs fa fa-car mr-1"></i>
                                <span>2015</span>
                            </div>
                            <div class="px-2 border-left border-right">
                                <i class="cs fa fa-cogs mr-1"></i>
                                <span>AUTO</span>
                            </div>
                            <div class="px-2">
                                <i class="cs fa fa-road mr-1"></i>
                                <span>25K</span>
                            </div>
                        </div> -->
                        <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 class="col-lg-4 col-md-6 mb-2">
                    <div class="rent-item mb-4">
                        <div class="rent-img">
                            <img class="img-fluid mb-4" src="img/daihatsu-mira.png" alt="">
                        </div>
                        <h4 class="text-uppercase mb-4">Daihatsu Mira</h4>
                        <!-- <div class="d-flex justify-content-center mb-4">
                            <div class="px-2">
                                <i class="cs fa fa-car mr-1"></i>
                                <span>2015</span>
                            </div>
                            <div class="px-2 border-left border-right">
                                <i class="cs fa fa-cogs mr-1"></i>
                                <span>AUTO</span>
                            </div>
                            <div class="px-2">
                                <i class="cs fa fa-road mr-1"></i>
                                <span>25K</span>
                            </div>
                        </div> -->
                        <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 class="col-lg-4 col-md-6 mb-2">
                    <div class="rent-item mb-4">
                        <div class="rent-img">
                            <img class="img-fluid mb-4" src="img/move.png" alt="">
                        </div>
                        <h4 class="text-uppercase mb-4">Daihatsu Move</h4>
                        <!-- <div class="d-flex justify-content-center mb-4">
                            <div class="px-2">
                                <i class="cs fa fa-car mr-1"></i>
                                <span>2015</span>
                            </div>
                            <div class="px-2 border-left border-right">
                                <i class="cs fa fa-cogs mr-1"></i>
                                <span>AUTO</span>
                            </div>
                            <div class="px-2">
                                <i class="cs fa fa-road mr-1"></i>
                                <span>25K</span>
                            </div>
                        </div> -->
                        <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 class="col-lg-4 col-md-6 mb-2">
                    <div class="rent-item mb-4">
                        <div class="rent-img">
                            <img class="img-fluid mb-4" src="img/changan.png" alt="">
                        </div>
                        <h4 class="text-uppercase mb-4">Changan Karvaan</h4>
                        <!-- <div class="d-flex justify-content-center mb-4">
                            <div class="px-2">
                                <i class="cs fa fa-car mr-1"></i>
                                <span>2015</span>
                            </div>
                            <div class="px-2 border-left border-right">
                                <i class="cs fa fa-cogs mr-1"></i>
                                <span>AUTO</span>
                            </div>
                            <div class="px-2">
                                <i class="cs fa fa-road mr-1"></i>
                                <span>25K</span>
                            </div>
                        </div> -->
                        <a href="https://api.whatsapp.com/send?phone=+923212098809&text=I want Changan Karvaan" class="btn py-md-2 px-md-3 mt-2">Reserve Now</a>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 mb-2">
                    <div class="rent-item mb-4">
                        <div class="rent-img">
                            <img class="img-fluid mb-4" src="img/apv.png" alt="">
                        </div>
                        <h4 class="text-uppercase mb-4">Suzuki APV</h4>
                        <!-- <div class="d-flex justify-content-center mb-4">
                            <div class="px-2">
                                <i class="cs fa fa-car mr-1"></i>
                                <span>2015</span>
                            </div>
                            <div class="px-2 border-left border-right">
                                <i class="cs fa fa-cogs mr-1"></i>
                                <span>AUTO</span>
                            </div>
                            <div class="px-2">
                                <i class="cs fa fa-road mr-1"></i>
                                <span>25K</span>
                            </div>
                        </div> -->
                        <a href="https://api.whatsapp.com/send?phone=+923212098809&text=I want Suzuki APV" class="btn py-md-2 px-md-3 mt-2">Reserve Now</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Rent A Car End -->


    <!-- Team Start -->
    <!-- <div class="container-fluid py-5">
        <div class="container py-5">
            <h1 class="display-4 text-uppercase text-center mb-5">Meet Our <span class="text-primary">Team</span></h1>
            <div class="owl-carousel team-carousel position-relative" style="padding: 0 30px;">
                <div class="team-item">
                    <img class="img-fluid w-100" src="img/team-1.jpg" alt="">
                    <div class="position-relative py-4">
                        <h4 class="text-uppercase">Full Name</h4>
                        <p class="m-0">Designation</p>
                        <div class="team-social position-absolute w-100 h-100 d-flex align-items-center justify-content-center">
                            <a class="btn btn-lg btn-primary btn-lg-square mx-1" href="#"><i class="fab fa-twitter"></i></a>
                            <a class="btn btn-lg btn-primary btn-lg-square mx-1" href="#"><i class="fab fa-facebook-f"></i></a>
                            <a class="btn btn-lg btn-primary btn-lg-square mx-1" href="#"><i class="fab fa-linkedin-in"></i></a>
                        </div>
                    </div>
                </div>
                <div class="team-item">
                    <img class="img-fluid w-100" src="img/team-2.jpg" alt="">
                    <div class="position-relative py-4">
                        <h4 class="text-uppercase">Full Name</h4>
                        <p class="m-0">Designation</p>
                        <div class="team-social position-absolute w-100 h-100 d-flex align-items-center justify-content-center">
                            <a class="btn btn-lg btn-primary btn-lg-square mx-1" href="#"><i class="fab fa-twitter"></i></a>
                            <a class="btn btn-lg btn-primary btn-lg-square mx-1" href="#"><i class="fab fa-facebook-f"></i></a>
                            <a class="btn btn-lg btn-primary btn-lg-square mx-1" href="#"><i class="fab fa-linkedin-in"></i></a>
                        </div>
                    </div>
                </div>
                <div class="team-item">
                    <img class="img-fluid w-100" src="img/team-3.jpg" alt="">
                    <div class="position-relative py-4">
                        <h4 class="text-uppercase">Full Name</h4>
                        <p class="m-0">Designation</p>
                        <div class="team-social position-absolute w-100 h-100 d-flex align-items-center justify-content-center">
                            <a class="btn btn-lg btn-primary btn-lg-square mx-1" href="#"><i class="fab fa-twitter"></i></a>
                            <a class="btn btn-lg btn-primary btn-lg-square mx-1" href="#"><i class="fab fa-facebook-f"></i></a>
                            <a class="btn btn-lg btn-primary btn-lg-square mx-1" href="#"><i class="fab fa-linkedin-in"></i></a>
                        </div>
                    </div>
                </div>
                <div class="team-item">
                    <img class="img-fluid w-100" src="img/team-4.jpg" alt="">
                    <div class="position-relative py-4">
                        <h4 class="text-uppercase">Full Name</h4>
                        <p class="m-0">Designation</p>
                        <div class="team-social position-absolute w-100 h-100 d-flex align-items-center justify-content-center">
                            <a class="btn btn-lg btn-primary btn-lg-square mx-1" href="#"><i class="fab fa-twitter"></i></a>
                            <a class="btn btn-lg btn-primary btn-lg-square mx-1" href="#"><i class="fab fa-facebook-f"></i></a>
                            <a class="btn btn-lg btn-primary btn-lg-square mx-1" href="#"><i class="fab fa-linkedin-in"></i></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div> -->
    <!-- Team 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;">
                        <div class="want-driver">
                            <img class="img-fluid flex-shrink-0 ml-n5  mr-4" src="img/banner-left.png" alt="">
                        </div>
                        <div class="text-right">
                            <h3 class="text-uppercase text-light mb-3">Want to be a driver?</h3>
                            <p class="mb-4">Discover how Burhan Rent a Car can help you become a driver</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">Find your perfect car rental with us - Click below to get started!</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>
                        <div class="want-driver">
                            <img class="img-fluid flex-shrink-0 mr-n5  ml-5" src="img/banner-right.png" alt="">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Banner End -->


    <!-- Testimonial Start -->
    <div class="container-fluid py-5">
        <div class="container py-5">
            <h1 class="display-4 text-uppercase text-dark text-center mb-5">Our Client's Says <!-- <span class="text-primary">Says</span> --></h1>
            <div class="owl-carousel testimonial-carousel">
                <div class="testimonial-item d-flex flex-column justify-content-center px-4">
                    <div class="d-flex align-items-center justify-content-between mb-3">
                        <img class="img-fluid ml-1" src="img/f-user.png" alt="">
                        <h1 class="display-2 text-white m-0 fa fa-quote-right"></h1>
                    </div>
                    <h4 class="text-uppercase mb-2">Seema Akhtar</h4>
                    <!-- <i class="mb-2">Profession</i> -->
                    <p class="m-0">I used burhan rent a car  services last friday.i was traveled with my daughters always used to secure vehicles coz with my girls. Driver was on the time and v kind family oriented person.i would really like to avail their services again.</p>
                </div>
                <div class="testimonial-item d-flex flex-column justify-content-center px-4">
                    <div class="d-flex align-items-center justify-content-between mb-3">
                        <img class="img-fluid ml-1" src="img/m-user.png" alt="">
                        <h1 class="display-2 text-white m-0 fa fa-quote-right"></h1>
                    </div>
                    <h4 class="text-uppercase mb-2">Dr Adeel Iqbal</h4>
                    <!-- <i class="mb-2">Doctor</i> -->
                    <p class="m-0">Excellent service as always. I usually get the car with driver from Burhan Rent a Car and they always provide well mannered and responsible drivers with good driving skills, which is very much needed when driving in Karachi.</p>
                </div>
                <div class="testimonial-item d-flex flex-column justify-content-center px-4">
                    <div class="d-flex align-items-center justify-content-between mb-3">
                        <img class="img-fluid ml-1" src="img/m-user.png" alt="">
                        <h1 class="display-2 text-white m-0 fa fa-quote-right"></h1>
                    </div>
                    <h4 class="text-uppercase mb-2">Adeel Ahmed</h4>
                    <!-- <i class="mb-2">Profession</i> -->
                    <p class="m-0">Azeem was amazing throughout my month long rental and always kept in touch.The car provided was great and my journey was always hassle free. The pick up and return were also very smooth with Azeem. Will definitely hire from them again Inshaa Allah.</p>
                </div>
                <div class="testimonial-item d-flex flex-column justify-content-center px-4">
                    <div class="d-flex align-items-center justify-content-between mb-3">
                        <img class="img-fluid ml-1" src="img/m-user.png" alt="">
                        <h1 class="display-2 text-white m-0 fa fa-quote-right"></h1>
                    </div>
                    <h4 class="text-uppercase mb-2">Nabeel Khan</h4>
                    <!-- <i class="mb-2">Profession</i> -->
                    <p class="m-0">Great service, specially if you are traveling from abroad. I have used their service for roughly 2 months and never had any issues. Drivers are reliable and competent. Will use their services again.</p>
                </div>
            </div>
        </div>
    </div>
    <!-- Testimonial End -->


    <!-- Contact Start -->
    <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">Contact Us<!-- <span class="text-primary">Us</span> --></h1>
            <div class="row">
                <div class="col-lg-7 mb-2">
                    <div class="contact-form bg-light mb-4" style="padding: 30px;">
                        <form action="mail.php" method="POST" >
                            <div class="row">
                                <div class="col-12 col-lg-6 form-group">
                                    <input type="text" id="slocation" name="startlocation" class="form-control p-4" placeholder="Start Location" required="required">
                                </div>
                                <div class="col-12 col-lg-6 form-group">
                                    <input type="text" id="elocation" name="endlocation" class="form-control p-4" placeholder="End Location" required="required">
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-12 form-group">
                                    <input type="text" id="name" name="name" class="form-control p-4" placeholder="Your Name" required="required">
                                </div>
                                <div class="col-12 form-group">
                                    <input type="email" id="email" name="email" class="form-control p-4" placeholder="Your Email" required="required">
                                </div>
                                <div class="col-12 form-group">
                                    <input type="text" id="address" name="address" class="form-control p-4" placeholder="Your Address" required="required">
                                </div>
                                <div class="col-12 form-group">
                                    <input type="text" id="number" name="number" class="form-control p-4" placeholder="Your Mobile Number" required="required">
                                </div>
                                <div class="col-12 form-group">
                                    <input type="text" id="message" name="message" class="form-control p-4" placeholder="Your Message" required="required">
                                </div>
                            </div>
                            <!-- <div class="form-group">
                                <input type="text" class="form-control p-4" placeholder="Subject" required="required">
                            </div>
                            <div class="form-group">
                                <textarea class="form-control py-3 px-4" rows="5" placeholder="Message" required="required"></textarea>
                            </div> -->
                            <div>
                                <input type="submit" name="submit"  class="btn py-md-2 px-md-3 mt-2"/>
                                <!-- <button class="btn py-3 px-5" type="submit">Submit Request</button> -->
                            </div>
                        </form>
                    </div>
                </div>
                <div class="col-lg-5 mb-2">
                   <div class="bg-secondary d-flex flex-column justify-content-center px-5 mb-4" style="height: 435px;">
                        <div class="d-flex mb-3">
                            <i class="fas fa-2x fa-map-marker-alt text-white flex-shrink-0 mr-3"></i>
                            <div class="mt-n1">
                                <h5 class="text-light">Office Location</h5>
                                <p class="m-0">Shop# 25, Dashtiyar Apartment, Scheme-33, Sector 38-A <br> Main University Road, Karachi </p>
                            </div>
                        </div>
                        <!-- <div class="d-flex mb-3">
                            <i class="fa fa-2x fa-map-marker-alt text-primary flex-shrink-0 mr-3"></i>
                            <div class="mt-n1">
                                <h5 class="text-light">Branch Office</h5>
                                <p>123 Street, New York, USA</p>
                            </div>
                        </div> -->
                        <div class="d-flex mb-3">
                            <i class="fas fa-2x fa-envelope-open text-white flex-shrink-0 mr-3"></i>
                            <div class="mt-n1">
                                <h5 class="text-light">Contact E-mail</h5>
                                <p class="m-0">burhan.rent.a.car@gmail.com</p>
                            </div>
                        </div>
                        <div class="d-flex mb-3">
                            <i class="fas fa-2x fa-phone-alt text-white flex-shrink-0 mr-3"></i>
                            <div class="mt-n1">
                                <h5 class="text-light">Cell Number</h5>
                                <p class="m-0">0092-321-2098809</p>
                            </div>
                        </div>
                        <div class="d-flex mt-3">
                            <i class="fas fa-2x fa-tty text-white flex-shrink-0 mr-3"></i>
                            <div class="mt-n1">
                                <h5 class="text-light">Telephone Number</h5>
                                <p class="m-0">0092-21-34648809</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- <div class="container-fluid py-5">
        <div class="container pt-5 pb-3">
            <h1 class="display-1 text-primary text-center">06</h1>
            <h1 class="display-4 text-uppercase text-center mb-5">Contact Us</h1>
            <div class="row">
                <div class="col-lg-7 mb-2">
                    <div class="contact-form bg-light mb-4" style="padding: 30px;">
                        <form>
                            <div class="row">
                                <div class="col-6 form-group">
                                    <input type="text" class="form-control p-4" placeholder="Your Name" required="required">
                                </div>
                                <div class="col-6 form-group">
                                    <input type="email" class="form-control p-4" placeholder="Your Email" required="required">
                                </div>
                            </div>
                            <div class="form-group">
                                <input type="text" class="form-control p-4" placeholder="Subject" required="required">
                            </div>
                            <div class="form-group">
                                <textarea class="form-control py-3 px-4" rows="5" placeholder="Message" required="required"></textarea>
                            </div>
                            <div>
                                <button class="btn btn-primary py-3 px-5" type="submit">Send Message</button>
                            </div>
                        </form>
                    </div>
                </div>
                <div class="col-lg-5 mb-2">
                    <div class="bg-secondary d-flex flex-column justify-content-center px-5 mb-4" style="height: 435px;">
                        <div class="d-flex mb-3">
                            <i class="fa fa-2x fa-map-marker-alt text-primary flex-shrink-0 mr-3"></i>
                            <div class="mt-n1">
                                <h5 class="text-light">Head Office</h5>
                                <p>123 Street, New York, USA</p>
                            </div>
                        </div>
                        <div class="d-flex mb-3">
                            <i class="fa fa-2x fa-map-marker-alt text-primary flex-shrink-0 mr-3"></i>
                            <div class="mt-n1">
                                <h5 class="text-light">Branch Office</h5>
                                <p>123 Street, New York, USA</p>
                            </div>
                        </div>
                        <div class="d-flex mb-3">
                            <i class="fa fa-2x fa-envelope-open text-primary flex-shrink-0 mr-3"></i>
                            <div class="mt-n1">
                                <h5 class="text-light">Customer Service</h5>
                                <p>customer@example.com</p>
                            </div>
                        </div>
                        <div class="d-flex">
                            <i class="fa fa-2x fa-envelope-open text-primary flex-shrink-0 mr-3"></i>
                            <div class="mt-n1">
                                <h5 class="text-light">Return & Refund</h5>
                                <p class="m-0">refund@example.com</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div> -->
    <!-- Contact 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 -->


<?php include'footer.php';?>