<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>Luxoria | Cars Details</title>
    <!-- Stylesheets -->
    <link href="css/bootstrap.css" rel="stylesheet">
    <link href="css/nouislider.css" rel="stylesheet">
    <link href="css/nouislider.pips.css" rel="stylesheet">
    <link rel="stylesheet" href="css/jquery-ui.css">
    <link href="css/style.css" rel="stylesheet">
    <link rel="shortcut icon" href="./images/Fevi Icon Luxoria.webp" type="image/x-icon">
    <link rel="icon" href="./images/Fevi Icon Luxoria.webp" type="image/x-icon">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/css/all.min.css">
    <!-- Responsive -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link href="css/responsive.css" rel="stylesheet">
    <!--[if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script><![endif]-->
    <!--[if lt IE 9]><script src="js/respond.js"></script><![endif]-->
</head>

<body>

    <div class="page-wrapper">

        <!-- Preloader -->
        <div class="preloader"></div>

        <?php @include('header.php'); ?>

        <!--Page Title-->
        <section class="page-title" style="background-image:url(./images/main-slider/car.webp);">
            <div class="container">
                <h1>Our Cars</h1>
                <div class="bread-crumb-outer">
                    <ul class="bread-crumb clearfix">
                        <li><a href="index.php">Home</a></li>
                        <li class="active">Cars</li>
                    </ul>
                </div>
            </div>
        </section>
        <!--End Page Title-->


        <!--Car Details-->
        <div class="single-car car-details">
            <div class="container">
                <!--Basic Details-->
                <div class="basic-details">
                    <div class="row clearfix">
                        <!--Carousel Column-->
                        <div class="carousel-column col-lg-8 col-md-8 col-sm-12 col-xs-12">
                            <!--Product Carousel-->
                            <div class="product-carousel-outer">
                                <!--Product image Carousel-->
                                <ul class="prod-image-carousel">
                                    <li>
                                        <figure class="image"><a class="lightbox-image option-btn"
                                                data-fancybox-group="example-gallery"
                                                href="./images/cars/Toyota Innova.webp"
                                                title="Image Title Here"><img
                                                    src="./images/cars/Toyota Innova.webp" alt=""></a></figure>
                                    </li>

                                    <li>
                                        <figure class="image"><a class="lightbox-image option-btn"
                                                data-fancybox-group="example-gallery"
                                                href="./images/cars/Interior/Toyota Innova Interio 1.webp"
                                                title="Image Title Here"><img
                                                    src="./images/cars/Interior/Toyota Innova Interio 1.webp"
                                                    alt=""></a></figure>
                                    </li>

                                    <li>
                                        <figure class="image"><a class="lightbox-image option-btn"
                                                data-fancybox-group="example-gallery"
                                                href="./images/cars/Interior/Toyota Innova Interio 2.webp"
                                                title="Image Title Here"><img
                                                    src="./images/cars/Interior/Toyota Innova Interio 2.webp"
                                                    alt=""></a></figure>
                                    </li>

                                    <li>
                                        <figure class="image"><a class="lightbox-image option-btn"
                                                data-fancybox-group="example-gallery"
                                                href="./images/cars/Interior/Toyota Innova Interio 3.webp"
                                                title="Image Title Here"><img
                                                    src="./images/cars/Interior/Toyota Innova Interio 3.webp"
                                                    alt=""></a></figure>
                                    </li>
                                </ul>

                                <!--Product Thumbs Carousel-->
                                <div class="prod-thumbs-carousel">
                                    <div class="thumb-item">
                                        <figure class="thumb-box"><img src="./images/cars/Toyota Innova.webp"
                                                alt=""></figure>
                                    </div>

                                    <div class="thumb-item">
                                        <figure class="thumb-box"><img
                                                src="./images/cars/Interior/Toyota Innova Interio 1.webp" alt="">
                                        </figure>
                                    </div>

                                    <div class="thumb-item">
                                        <figure class="thumb-box"><img
                                                src="./images/cars/Interior/Toyota Innova Interio 2.webp" alt="">
                                        </figure>
                                    </div>

                                    <div class="thumb-item">
                                        <figure class="thumb-box"><img
                                                src="./images/cars/Interior/Toyota Innova Interio 3.webp" alt="">
                                        </figure>
                                    </div>
                                </div>

                            </div><!--End Product Carousel-->
                        </div>

                        <!--Info Column-->
                        <div class="info-column col-lg-4 col-md-4 col-sm-6 col-xs-12">
                            <div class="info-outer">
                                <div class="upper-info">
                                    <div class="sidebar-title">
                                        <h3>TOYOTA INNOVA</h3>
                                    </div>

                                    <ul class="list">
                                        <li class="clearfix"><span class="col">Transmission</span> <span
                                                    class="col">Manual or Automatic</span></li>
                                        <li class="clearfix"><span class="col">Airbags</span> <span
                                                    class="col">Typically Dual Front Airbags</span></li>
                                        <li class="clearfix"><span class="col">Fuel Type</span> <span
                                                    class="col">Diesel</span></li>
                                        <li class="clearfix"><span class="col">Power</span> <span
                                                    class="col">101-172 Hp</span></li>
                                        <li class="clearfix"><span class="col">Seats</span> <span
                                                    class="col"> 07 </span></li>
                                        <li class="clearfix"><span class="col">Fuel Capacity</span> <span
                                                    class="col">55 liters</span></li>
                                        <li class="clearfix">span class="col">Model Year</span> <span
                                                    class="col">2010</span></li>
                                    </ul>
                                </div>
                                <ul class="info clearfix">
                                    <li>Price: <span class="price"><strong>&#8377;400</strong> / Hour</span></li>
                                    <li>Price: <span class="price"><strong>&#8377;4200</strong> / Day</span></li>
                                </ul>
                            </div>
                            <a href="tel:8239330086" class="theme-btn btn-style-one">Rent a Car</a>
                        </div>

                    </div>
                </div><!--End Basic Details-->


                <!--Product Info Tabs-->
                <div class="product-info-tabs">

                    <!--Product Tabs-->
                    <div class="prod-tabs tabs-box" id="product-tabs">

                        <!--Tab Btns-->
                        <ul class="tab-btns tab-buttons clearfix">
                            <li data-tab="#prod-description" class="tab-btn active-btn">Vehicle Overview</li>
                            <!-- <li data-tab="#prod-reviews" class="tab-btn">Customer Review</li> -->
                            <li data-tab="#add-info" class="tab-btn">Additional Information</li>
                        </ul>

                        <!--Tabs Content-->
                        <div class="tabs-container tabs-content">

                            <!--Tab / Active Tab-->
                            <div class="tab active-tab" id="prod-description">
                                <div class="content">
                                    <h3>Vehicle Overview</h3>
                                    <p>TExperience the perfect blend of comfort, versatility, and reliability with the
                                        Toyota Innova. Whether you're embarking on a family road trip or navigating city
                                        streets, the Innova offers a spacious and comfortable ride for you and your
                                        passengers. Step inside the Toyota Innova and discover a world of comfort and
                                        convenience. With its spacious cabin and flexible seating arrangements, the
                                        Innova provides ample room for up to eight passengers and their belongings.
                                        Whether you're transporting your family or a group of friends, everyone will
                                        appreciate the generous legroom and headroom the Innova offers.</p>
                                    <div class="two-column">
                                        <div class="row clearfix">
                                            <!--Column-->
                                            <div class="column col-md-6 col-sm-6 col-xs-12">
                                                <!--Default Video Box-->
                                                <div class="default-video-box">
                                                    <div class="inner-box">
                                                        <figure class="image-box"><img
                                                                src="./images/cars/Toyota Innova.webp" alt="" />
                                                        </figure>
                                                        <!-- <a href="https://youtu.be/ul2CJyoFjxw?si=1rJPo3wlK4dbdMoy" class="lightbox-image overlay-link"><div class="icon-box"><span class="icon flaticon-play-button-2"></span></div></a> -->
                                                    </div>
                                                </div>
                                            </div>
                                            <!--Column-->
                                            <div class="column col-md-6 col-sm-6 col-xs-12">
                                                <ul class="styled-list-one">
                                                    <li>Chauffeur Driven Car with an experienced driver.</li>
                                                    <li>Fully Air-Conditioned with Audio/Video System.</li>
                                                    <li>The Pick up-Drop facility from Airport, Stations, Hotels.</li>
                                                    <li>English Speaking Driver.</li>
                                                    <li>Fully Sanitized Car.</li>
                                                    <li>No Hidden Charges.</li>
                                                    <li>24x7 Support System.</li>
                                                </ul>

                                                <!--                                             
                                            <p>The weather started getting rough the tiny ship was lost the min ting a maxum security road and back stock a against ade lost the minnow weather started ting rough the tiny ship was lost the min ting a maximum security road and back at stock a against ade lost the minnow the min ting a maximum.</p> -->
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <!--Tab-->
                            <div class="tab" id="prod-reviews">
                                <h3>2 Reviews Found</h3>

                                <!--Reviews Container-->
                                <div class="reviews-container">

                                    <!--Reviews-->
                                    <article class="review-box clearfix">
                                        <figure class="rev-thumb"><img src="images/resource/author-thumb-1.webp" alt="">
                                        </figure>
                                        <div class="rev-content">
                                            <div class="rating"><span class="fa fa-star"></span> <span
                                                    class="fa fa-star"></span> <span class="fa fa-star"></span> <span
                                                    class="fa fa-star"></span> <span class="fa fa-star-o"></span></div>
                                            <div class="rev-info">Admin – April 03, 2016: </div>
                                            <div class="rev-text">
                                                <p>Sed eget turpis a pede tempor malesuada. Vivamus quis mi at leo
                                                    pulvinar hendrerit. Cum sociis natoque penatibus et magnis dis</p>
                                            </div>
                                        </div>
                                    </article>

                                    <article class="review-box clearfix">
                                        <figure class="rev-thumb"><img src="images/resource/author-thumb-2.webp" alt="">
                                        </figure>
                                        <div class="rev-content">
                                            <div class="rating"><span class="fa fa-star"></span> <span
                                                    class="fa fa-star"></span> <span class="fa fa-star"></span> <span
                                                    class="fa fa-star-o"></span> <span class="fa fa-star-o"></span>
                                            </div>
                                            <div class="rev-info">Ahsan – April 01, 2016: </div>
                                            <div class="rev-text">
                                                <p>Sed eget turpis a pede tempor malesuada. Vivamus quis mi at leo
                                                    pulvinar hendrerit. Cum sociis natoque penatibus et magnis dis</p>
                                            </div>
                                        </div>
                                    </article>

                                </div>

                                <!--Add Review-->
                                <div class="add-review">
                                    <h3>Add a Review</h3>

                                    <form method="post" action="shop-single.php">
                                        <div class="row clearfix">
                                            <div class="form-group col-md-6 col-sm-12 col-xs-12">
                                                <label>Name *</label>
                                                <input type="text" name="name" value="" placeholder="" required>
                                            </div>
                                            <div class="form-group col-md-6 col-sm-12 col-xs-12">
                                                <label>Email *</label>
                                                <input type="email" name="email" value="" placeholder="" required>
                                            </div>
                                            <div class="form-group col-md-6 col-sm-12 col-xs-12">
                                                <label>Website *</label>
                                                <input type="text" name="website" value="" placeholder="" required>
                                            </div>
                                            <div class="form-group col-md-6 col-sm-12 col-xs-12">
                                                <label>Rating </label>
                                                <div class="rating">
                                                    <a href="#" class="rate-box" title="1 Out of 5"><span
                                                            class="fa fa-star"></span></a>
                                                    <a href="#" class="rate-box" title="2 Out of 5"><span
                                                            class="fa fa-star"></span> <span
                                                            class="fa fa-star"></span></a>
                                                    <a href="#" class="rate-box" title="3 Out of 5"><span
                                                            class="fa fa-star"></span> <span class="fa fa-star"> </span>
                                                        <span class="fa fa-star"></span></a>
                                                    <a href="#" class="rate-box" title="4 Out of 5"><span
                                                            class="fa fa-star"></span> <span class="fa fa-star"></span>
                                                        <span class="fa fa-star"></span> <span
                                                            class="fa fa-star"></span></a>
                                                    <a href="#" class="rate-box" title="5 Out of 5"><span
                                                            class="fa fa-star"></span> <span class="fa fa-star"></span>
                                                        <span class="fa fa-star"></span> <span
                                                            class="fa fa-star"></span> <span
                                                            class="fa fa-star"></span></a>
                                                </div>
                                            </div>
                                            <div class="form-group col-md-12 col-sm-12 col-xs-12">
                                                <label>Your Review</label>
                                                <textarea name="review-message"></textarea>
                                            </div>
                                            <div class="form-group text-right col-md-12 col-sm-12 col-xs-12">
                                                <button type="button" class="theme-btn btn-style-three">Add
                                                    Review</button>
                                            </div>
                                        </div>
                                    </form>
                                </div>

                            </div>

                            <!--Tab-->
                            <div class="tab" id="add-info">
                                <div class="content">
                                    <h3>Additional Information</h3>
                                    <p>Designed to adapt to your lifestyle, the Toyota Innova offers versatile seating
                                        configurations to accommodate your changing needs. With its foldable and
                                        removable seats, you can easily create additional cargo space when transporting
                                        large items or luggage. Plus, with thoughtful storage solutions throughout the
                                        cabin, you'll have plenty of room to stow away your belongings and keep the
                                        interior clutter-free. Drive with confidence knowing that the Toyota Innova is
                                        equipped with advanced safety features to protect you and your passengers on
                                        every journey. From its reinforced body structure to its comprehensive suite of
                                        active safety technologies, including anti-lock brakes, electronic stability
                                        control, and multiple airbags, the Innova is designed to help keep you safe and
                                        secure on the road.</p>
                                    <div class="two-column">
                                        <div class="row clearfix">
                                            <!--Column-->
                                            <div class="column col-md-6 col-sm-6 col-xs-12">
                                                <!--Default Video Box-->
                                                <div class="default-video-box">
                                                    <div class="inner-box">
                                                        <figure class="image-box"><img
                                                                src="./images/cars/Toyota Innova.webp" alt="">
                                                        </figure>
                                                        <!-- <a href="https://www.youtube.com/watch?v=wDwXASGueKo" class="lightbox-image overlay-link"><div class="icon-box"><span class="icon flaticon-play-button-2"></span></div></a> -->
                                                    </div>
                                                </div>
                                            </div>
                                            <!--Column-->
                                            <div class="column col-md-6 col-sm-6 col-xs-12">
                                                <ul class="styled-list-one">
                                                    <li>The Innova is known for its robust build quality, reliability,
                                                        and versatility, making it a popular choice for both personal
                                                        and commercial use.</li>
                                                    <li>It offers spacious seating for up to seven or eight passengers,
                                                        depending on the variant and seating configuration.</li>
                                                    <li>The Innova is available with both petrol and diesel engine
                                                        options, providing a balance of fuel efficiency and performance.
                                                    </li>
                                                    <li>It comes equipped with a range of safety features, including
                                                        airbags, anti-lock brakes, and vehicle stability control,
                                                        ensuring a safe driving experience for passengers.
                                                    </li>
                                                    <li>Toyota offers various trim levels and customization options for
                                                        the Innova, allowing customers to tailor the vehicle to their
                                                        specific needs and preferences.</li>
                                                    <li>Toyota designed the Innova with a focus on comfort and
                                                        convenience, featuring amenities such as a touchscreen
                                                        infotainment system, rear-seat entertainment options, and
                                                        multiple charging ports.</li>
                                                </ul>

                                                <!-- <p>The weather started getting rough the tiny ship was lost the min ting a maxum security road and back stock a against ade lost the minnow weather started ting rough the tiny ship was lost the min ting a maximum security road and back at stock a against ade lost the minnow the min ting a maximum.</p> -->
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>

                </div>

            </div>
        </div>

        <!-- Footer Including -->
    <?php @include('footer.php'); ?>

    <script src="js/jquery.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/jquery.mCustomScrollbar.concat.min.js"></script>
    <script src="js/jquery-ui.js"></script>
    <script src="js/revolution.min.js"></script>
    <script src="js/jquery.fancybox.pack.js"></script>
    <script src="js/jquery.fancybox-media.js"></script>
    <script src="js/owl.js"></script>
    <script src="js/wow.js"></script>
    <script src="js/nouislider.js"></script>
    <script src="js/script.js"></script>

</body>

</html>