<?php include('header.php') ?>
        <!--<< Breadcrumb Section Start >>-->
        <div class="breadcrumb-wrapper bg-cover" style="background-image: url('img/bg-header-banner.jpg');">
            <div class="container">
                <div class="page-heading">
                    <ul class="breadcrumb-items wow fadeInUp" data-wow-delay=".3s">
                        <li>
                            <a href="index.php">
                                Home
                            </a>
                        </li>
                        <li>
                            <i class="fas fa-chevron-right"></i>
                        </li>
                        <li>
                            Cars
                        </li>
                    </ul>
                    <h1 class="wow fadeInUp" data-wow-delay=".5s">Grid Style</h1>
                </div>
            </div>
        </div>

        <!-- Car Rentals Section Start -->
        <section class="car-rentals-section-2 section-padding fix">
            <div class="container">
                <div class="row g-4">
                    <div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".3s">
                        <div class="car-rentals-items mt-0">
                            <div class="car-image">
                                <img src="img/Cars/peugeot_308.jpg" alt="img">
                            </div>
                            <div class="car-content">
                                <div class="post-cat">
                                    2015 Model
                                </div>
                                <div class="star">
                                    <i class="fa-solid fa-star"></i>
                                    <i class="fa-solid fa-star"></i>
                                    <i class="fa-solid fa-star"></i>
                                    <i class="fa-solid fa-star"></i>
                                    <i class="fa-solid fa-star"></i>
                                   <span>2 Reviews</span> 
                                </div>
                                <h4><a href="peugeot.php">peugeot 308</a></h4>
                                <h6>$70.00 <span>/ Day</span></h6>
                                <div class="icon-items">
                                    <ul>
                                        <li>
                                            <img src="img/car/seat.svg" alt="img" class="me-1">
                                            5 Seats
                                        </li>
                                        <li>
                                            <img src="img/car/door.svg" alt="img" class="me-1">
                                            5 Doors
                                        </li>
                                    </ul>
                                    <ul>
                                        <li>
                                            <img src="img/car/automatic.svg" alt="img" class="me-1">
                                            Automatic and Manual
                                        </li>
                                        <li>
                                            <img src="img/car/petrol.svg" alt="img" class="me-1">
                                            Petrol
                                        </li>
                                    </ul>
                                </div>
                                <a href="peugeot.php" class="theme-btn bg-color w-100 text-center">book now <i class="fa-solid fa-arrow-right ps-1"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".5s">
                        <div class="car-rentals-items mt-0">
                            <div class="car-image">
                                <img src="img/Cars/navara.jpg" alt="img">
                            </div>
                            <div class="car-content">
                                <div class="post-cat">
                                    2015 Model
                                </div>
                                <div class="star">
                                    <i class="fa-solid fa-star"></i>
                                    <i class="fa-solid fa-star"></i>
                                    <i class="fa-solid fa-star"></i>
                                    <i class="fa-solid fa-star"></i>
                                    <i class="fa-solid fa-star"></i>
                                    <span>2 Reviews</span>
                                </div>
                                <h4><a href="navara.php">Navara</a></h4>
                                <h6>$70.00 <span>/ Day</span></h6>
                                <div class="icon-items">
                                    <ul>
                                        <li>
                                            <img src="img/car/seat.svg" alt="img" class="me-1">
                                            5 Seats
                                        </li>
                                        <li>
                                            <img src="img/car/door.svg" alt="img" class="me-1">
                                            4 Doors 
                                        </li>
                                    </ul>
                                    <ul>
                                        <li>
                                            <img src="img/car/automatic.svg" alt="img" class="me-1">
                                            Automatic and Manual
                                        </li>
                                        <li>
                                            <img src="img/car/petrol.svg" alt="img" class="me-1">
                                            Diesel
                                        </li>
                                    </ul>
                                </div>
                                <a href="navara.php" class="theme-btn bg-color w-100 text-center">book now <i class="fa-solid fa-arrow-right ps-1"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".7s">
                        <div class="car-rentals-items mt-0">
                            <div class="car-image">
                                <img src="img/Cars/ford_ecosport_trend.jpg" alt="img">
                            </div>
                            <div class="car-content">
                                <div class="post-cat">
                                    2017 Model
                                </div>
                                <div class="star">
                                    <i class="fa-solid fa-star"></i>
                                    <i class="fa-solid fa-star"></i>
                                    <i class="fa-solid fa-star"></i>
                                    <i class="fa-solid fa-star"></i>
                                    <i class="fa-solid fa-star"></i>
                                    <span>2 Reviews</span>
                                </div>
                                <h4><a href="fordecosport.php">Ford Ecosport Trend</a></h4>
                                <h6>$70.00 <span>/ Day</span></h6>
                                <div class="icon-items">
                                    <ul>
                                        <li>
                                            <img src="img/car/seat.svg" alt="img" class="me-1">
                                            5 Seats
                                        </li>
                                        <li>
                                            <img src="img/car/door.svg" alt="img" class="me-1">
                                            5 Doors
                                        </li>
                                    </ul>
                                    <ul>
                                        <li>
                                            <img src="img/car/automatic.svg" alt="img" class="me-1">
                                            Automatic and Manual
                                        </li>
                                        <li>
                                            <img src="img/car/petrol.svg" alt="img" class="me-1">
                                            Petrol
                                        </li>
                                    </ul>
                                </div>
                                <a href="fordecosport.php" class="theme-btn bg-color w-100 text-center">book now <i class="fa-solid fa-arrow-right ps-1"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".3s">
                        <div class="car-rentals-items mt-0">
                            <div class="car-image">
                                <img src="img/Cars/mitsubhi.jpg" alt="img">
                            </div>
                            <div class="car-content">
                                <div class="post-cat">
                                    2015 Model
                                </div>
                                <div class="star">
                                    <i class="fa-solid fa-star"></i>
                                    <i class="fa-solid fa-star"></i>
                                    <i class="fa-solid fa-star"></i>
                                    <i class="fa-solid fa-star"></i>
                                    <i class="fa-solid fa-star"></i>
                                    <span>2 Reviews</span>
                                </div>
                                <h4><a href="mitsubishi.php">Mitsubishi Pajero Exceed</a></h4>
                                <h6>$70.00 <span>/ Day</span></h6>
                                <div class="icon-items">
                                    <ul>
                                        <li>
                                            <img src="img/car/seat.svg" alt="img" class="me-1">
                                            7 Seats
                                        </li>
                                        <li>
                                            <img src="img/car/door.svg" alt="img" class="me-1">
                                            5 Doors
                                        </li>
                                    </ul>
                                    <ul>
                                        <li>
                                            <img src="img/car/automatic.svg" alt="img" class="me-1">
                                            Automatic
                                        </li>
                                        <li>
                                            <img src="img/car/petrol.svg" alt="img" class="me-1">
                                            Diesel
                                        </li>
                                    </ul>
                                </div>
                                <a href="mitsubishi.php" class="theme-btn bg-color w-100 text-center">book now <i class="fa-solid fa-arrow-right ps-1"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".5s">
                        <div class="car-rentals-items mt-0">
                            <div class="car-image">
                                <img src="img/car/09.jpg" alt="img">
                            </div>
                            <div class="car-content">
                                <div class="post-cat">
                                    2018 Model
                                </div>
                                <div class="star">
                                    <i class="fa-solid fa-star"></i>
                                    <i class="fa-solid fa-star"></i>
                                    <i class="fa-solid fa-star"></i>
                                    <i class="fa-solid fa-star"></i>
                                    <i class="fa-solid fa-star"></i>
                                    <span>2 Reviews</span>
                                </div>
                                <h4><a href="mghector.php">MG Hector ZS</a></h4>
                                <h6>$70.00 <span>/ Day</span></h6>
                                <div class="icon-items">
                                    <ul>
                                        <li>
                                            <img src="img/car/seat.svg" alt="img" class="me-1">
                                            5 Seats
                                        </li>
                                        <li>
                                            <img src="img/car/door.svg" alt="img" class="me-1">
                                            5 Doors
                                        </li>
                                    </ul>
                                    <ul>
                                        <li>
                                            <img src="img/car/automatic.svg" alt="img" class="me-1">
                                            Automatic
                                        </li>
                                        <li>
                                            <img src="img/car/petrol.svg" alt="img" class="me-1">
                                            Petrol
                                        </li>
                                    </ul>
                                </div>
                                <a href="mghector.php" class="theme-btn bg-color w-100 text-center">book now <i class="fa-solid fa-arrow-right ps-1"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".7s">
                        <div class="car-rentals-items mt-0">
                            <div class="car-image">
                                <img src="img/Cars/beetle.jpg" alt="img">
                            </div>
                            <div class="car-content">
                                <div class="post-cat">
                                    1995 Model
                                </div>
                                <div class="star">
                                    <i class="fa-solid fa-star"></i>
                                    <i class="fa-solid fa-star"></i>
                                    <i class="fa-solid fa-star"></i>
                                    <i class="fa-solid fa-star"></i>
                                    <i class="fa-solid fa-star"></i>
                                    <span>2 Reviews</span>
                                </div>
                                <h4><a href="beetle.php">Beetle</a></h4>
                                <h6>$70.00 <span>/ Day</span></h6>
                                <div class="icon-items">
                                    <ul>
                                        <li>
                                            <img src="img/car/seat.svg" alt="img" class="me-1">
                                            4 Seats
                                        </li>
                                        <li>
                                            <img src="img/car/door.svg" alt="img" class="me-1">
                                            2 Doors
                                        </li>
                                    </ul>
                                    <ul>
                                        <li>
                                            <img src="img/car/automatic.svg" alt="img" class="me-1">
                                            Manual
                                        </li>
                                        <li>
                                            <img src="img/car/petrol.svg" alt="img" class="me-1">
                                            Petrol
                                        </li>
                                    </ul>
                                </div>
                                <a href="beetle.php" class="theme-btn bg-color w-100 text-center">book now <i class="fa-solid fa-arrow-right ps-1"></i></a>
                            </div>
                        </div>
                    </div>

                    <div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".5s">
                        <div class="car-rentals-items mt-0">
                            <div class="car-image">
                                <img src="img/Cars/honda city.jpg" alt="img">
                            </div>
                            <div class="car-content">
                                <div class="post-cat">
                                    2015 Model
                                </div>
                                <div class="star">
                                    <i class="fa-solid fa-star"></i>
                                    <i class="fa-solid fa-star"></i>
                                    <i class="fa-solid fa-star"></i>
                                    <i class="fa-solid fa-star"></i>
                                    <i class="fa-solid fa-star"></i>
                                    <span>2 Reviews</span>
                                </div>
                                <h4><a href="hondacity.php">Honda City</a></h4>
                                <h6>$70.00 <span>/ Day</span></h6>
                                <div class="icon-items">
                                    <ul>
                                        <li>
                                            <img src="img/car/seat.svg" alt="img" class="me-1">
                                            5 Seats
                                        </li>
                                        <li>
                                            <img src="img/car/door.svg" alt="img" class="me-1">
                                            5 Doors
                                        </li>
                                    </ul>
                                    <ul>
                                        <li>
                                            <img src="img/car/automatic.svg" alt="img" class="me-1">
                                            Automatic
                                        </li>
                                        <li>
                                            <img src="img/car/petrol.svg" alt="img" class="me-1">
                                            Petrol
                                        </li>
                                    </ul>
                                </div>
                                <a href="hondacity.php" class="theme-btn bg-color w-100 text-center">book now <i class="fa-solid fa-arrow-right ps-1"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <?php include('footer.php') ?>