PK
PK
| ADDRLIN : /home/questend/public_html/domains/serenatravels.in/ |
| Current File : /home/questend/public_html/domains/serenatravels.in/our_tariff.php |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="title" content="Affordable and Reliable Car Rental Services | Serena Travels">
<meta name="description" content="SDiscover the best car rental experience with Serena Travels. Offering affordable rates, a wide range of vehicles, and exceptional customer service, we ensure your journey is smooth and hassle-free. Book your rental car today!">
<title>Serena Travels - Car Rental Service</title>
<?php include_once'layout/stylesheet.php'; ?>
<style>
.my-float { margin-top: 16px; }
</style>
</head>
<body>
<a class="whats-app" href="https://api.whatsapp.com/send?phone=919910032125&text=Hello" target="_blank">
<i class="fab fa-whatsapp my-float"></i>
</a>
<!-- Preloader -->
<div id="preloader">
<div class="loader">
<svg class="wheel" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 254.532 254.532" xml:space="preserve">
<g>
<path id="tire" d="M127.267,0C57.092,0,0,57.091,0,127.266s57.092,127.266,127.267,127.266c70.174,0,127.266-57.091,127.266-127.266
S197.44,0,127.267,0z M127.267,217.656c-49.922,0-90.391-40.468-90.391-90.39s40.469-90.39,90.391-90.39
c49.92,0,90.39,40.468,90.39,90.39S177.186,217.656,127.267,217.656z"></path>
<path id="rim" d="M127.267,48.578c-43.39,0-78.689,35.299-78.689,78.688c0,43.389,35.3,78.688,78.689,78.688
c43.389,0,78.688-35.299,78.688-78.688C205.955,83.877,170.655,48.578,127.267,48.578z M195.878,122.249h-38.18
c-0.78-4.825-2.686-9.275-5.435-13.079l26.954-26.954C188.679,93.112,194.771,106.996,195.878,122.249z M132.204,58.648
c15.244,1.087,29.123,7.156,40.025,16.591l-26.948,26.949c-3.804-2.748-8.253-4.653-13.077-5.433V58.648z M122.329,58.648v38.106
c-4.824,0.78-9.274,2.685-13.078,5.434L82.302,75.24C93.204,65.805,107.085,59.735,122.329,58.648z M75.313,82.217l26.955,26.954
c-2.749,3.803-4.654,8.253-5.434,13.077h-38.18C59.761,106.996,65.853,93.113,75.313,82.217z M58.643,132.123h38.192
c0.779,4.824,2.685,9.274,5.434,13.078l-27.029,27.029C65.788,161.308,59.714,147.398,58.643,132.123z M122.329,195.884
c-15.285-1.09-29.197-7.188-40.113-16.666l27.035-27.035c3.804,2.749,8.254,4.654,13.078,5.434V195.884z M122.329,147.459v0.072
c-2.131-0.518-4.131-1.36-5.953-2.474l0.047-0.047c-2.85-1.738-5.244-4.132-6.982-6.983l-0.046,0.046
c-1.114-1.822-1.956-3.821-2.474-5.952h0.071c-0.385-1.585-0.611-3.233-0.611-4.937c0-1.704,0.227-3.352,0.611-4.937h-0.071
c0.518-2.13,1.359-4.129,2.474-5.951l0.046,0.046c1.738-2.85,4.133-5.245,6.982-6.982l-0.047-0.047
c1.822-1.114,3.822-1.957,5.953-2.474v0.072c1.586-0.385,3.233-0.612,4.938-0.612s3.352,0.227,4.938,0.612v-0.072
c2.131,0.518,4.13,1.359,5.951,2.473l-0.047,0.047c2.851,1.737,5.245,4.132,6.983,6.982l0.046-0.046
c1.115,1.822,1.957,3.822,2.475,5.953h-0.071c0.385,1.585,0.611,3.233,0.611,4.937c0,1.704-0.227,3.352-0.611,4.937h0.071
c-0.518,2.131-1.359,4.131-2.475,5.953l-0.046-0.046c-1.738,2.85-4.133,5.244-6.983,6.982l0.047,0.046
c-1.821,1.114-3.82,1.956-5.951,2.474v-0.072c-1.586,0.385-3.233,0.612-4.938,0.612S123.915,147.845,122.329,147.459z
M132.204,195.884v-38.267c4.824-0.78,9.273-2.685,13.077-5.433l27.034,27.034C161.4,188.696,147.488,194.794,132.204,195.884z
M179.292,172.23l-27.028-27.028c2.749-3.804,4.654-8.254,5.435-13.079h38.191C194.818,147.398,188.745,161.308,179.292,172.23z"></path>
</g>
</svg>
<div class="road"></div>
</div>
</div>
<!-- Back To Top Start -->
<a href="#main-wrapper" id="backto-top" class="back-to-top">
<i class="fas fa-angle-up"></i>
</a>
<!-- Main Wrapper Start -->
<div id="main-wrapper" class="main-wrapper overflow-hidden">
<!-- Header Area Start -->
<?php $currentPage = 'our-tariff'; include_once'layout/header.php'; ?>
<!-- Header Area end -->
<!-- carousel -->
<div id="carouselExampleIndicators" class="carousel slide carousel-fade mb-2" data-ride="carousel" style="height: 50%;">
<ol class="carousel-indicators">
<li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<img class="d-block w-100 " src="assets/media/pixel1.jpg" alt="First slide">
</div>
</div>
</div>
<!-- carousel end -->
<!-- contact Area start -->
<div class="container">
<h1 class="my-5" style="text-align: center;">Our Tariff</h1>
<div class="row studiogallery mb-3">
<div class="col-6 col-sm-6 col-md-6 col-lg-3 p-0">
<div class="card car-list">
<a href="" data-bs-toggle="modal" data-bs-target="#exampleModal4">
<img src="assets/media/car-image/toyota_hycross.jpg" class="card-img-top" alt="...">
<div class="card-body bg-primary">
<p class="text-white">Toyota Hycross</p>
<!-- ^^^^^^^^^^^^^^^^^ dialog code -->
<div class="modal fade" id="exampleModal4" tabindex="-1" aria-labelledby="exampleModallabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h1 class="modal-title fs-5" id="exampleModalLabel">Our Tariff</h1>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<!-- table start -->
<table class="table">
<thead>
<h4>Local Tariff</h4>
<tr class="bg-primary">
<th scope="col">Description</th>
<th scope="col">K.M. Limit</th>
<th scope="col">Hours</th>
<th scope="col">Tariff (INR)</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">Half Day</th>
<td>40</td>
<td>4</td>
<td>2500</td>
</tr>
<tr>
<th scope="row">Full Day</th>
<td>80</td>
<td>8</td>
<td>3000</td>
</tr>
<tr>
<th scope="row">Extra Per Hour</th>
<td></td>
<td></td>
<td>300</td>
</tr>
<tr>
<th scope="row">Extra Per Km</th>
<td></td>
<td></td>
<td>30</td>
</tr>
</tbody>
</table>
<table class="table">
<thead>
<h4>Outstation Tariff</h4>
<tr class="bg-primary">
<th scope="col">Description</th>
<th scope="col">K.M. Limit</th>
<th scope="col">Hours</th>
<th scope="col">Tariff (INR)</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">Per KM Charges</th>
<td></td>
<td></td>
<td>26</td>
</tr>
<tr>
<th scope="row">Night Charges</th>
<td></td>
<td></td>
<td>500</td>
</tr>
</tbody>
</table>
<!-- table end -->
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
<!-- <button type="button" class="btn btn-primary bg-primary">Save changes test1</button> -->
</div>
</div>
</div>
<!-- ^^^^^^^^^^^^^^^^^ dialog code -->
</div>
</div>
</a>
</div>
</div>
<div class="col-6 col-sm-6 col-md-6 col-lg-3 p-0">
<div class="card car-list">
<a href="" data-bs-toggle="modal" data-bs-target="#exampleModal6">
<img src="assets/media/car-image/ertiga.jpg" class="card-img-top" alt="...">
<div class="card-body bg-primary">
<p class="text-white">Ertiga</p>
<!-- ^^^^^^^^^^^^^^^^^ dialog code -->
<div class="modal fade" id="exampleModal6" tabindex="-1" aria-labelledby="exampleModallabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h1 class="modal-title fs-5" id="exampleModalLabel">Our Tariff</h1>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<!-- table start -->
<table class="table">
<thead>
<h4>Local Tariff</h4>
<tr class="bg-primary">
<th scope="col">Description</th>
<th scope="col">K.M. Limit</th>
<th scope="col">Hours</th>
<th scope="col">Tariff (INR)</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">Half Day</th>
<td>40</td>
<td>4</td>
<td>1800</td>
</tr>
<tr>
<th scope="row">Full Day</th>
<td>80</td>
<td>8</td>
<td>2200</td>
</tr>
<tr>
<th scope="row">Extra Per Hour</th>
<td></td>
<td></td>
<td>200</td>
</tr>
<tr>
<th scope="row">Extra Per Km</th>
<td></td>
<td></td>
<td>22</td>
</tr>
</tbody>
</table>
<table class="table">
<thead>
<h4>Outstation Tariff</h4>
<tr class="bg-primary">
<th scope="col">Description</th>
<th scope="col">K.M. Limit</th>
<th scope="col">Hours</th>
<th scope="col">Tariff (INR)</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">Per KM Charges</th>
<td></td>
<td></td>
<td>20</td>
</tr>
<tr>
<th scope="row">Night Charges</th>
<td></td>
<td></td>
<td>400</td>
</tr>
</tbody>
</table>
<!-- table end -->
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
<!-- <button type="button" class="btn btn-primary bg-primary">Save changes test1</button> -->
</div>
</div>
</div>
<!-- ^^^^^^^^^^^^^^^^^ dialog code -->
</div>
</div>
</a>
</div>
</div>
<div class="col-6 col-sm-6 col-md-6 col-lg-3 p-0">
<div class="card car-list">
<a href="" data-bs-toggle="modal" data-bs-target="#exampleModal14">
<img src="assets/media/car-image/bus1.jpg" class="card-img-top" alt="...">
<div class="card-body bg-primary">
<p class="text-white">Bus</p>
<!-- ^^^^^^^^^^^^^^^^^ dialog code -->
<div class="modal fade" id="exampleModal14" tabindex="-1" aria-labelledby="exampleModallabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h1 class="modal-title fs-5" id="exampleModalLabel">Our Tariff</h1>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<!-- table start -->
<table class="table">
<thead>
<h4>Local Tariff</h4>
<tr class="bg-primary">
<th scope="col">Description</th>
<th scope="col">K.M. Limit</th>
<th scope="col">Hours</th>
<th scope="col">Tariff (INR)</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">Half Day</th>
<td>As per the requirement</td>
<td></td>
<td></td>
</tr>
<tr>
<th scope="row">Full Day</th>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<th scope="row">Extra Per Hour</th>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<th scope="row">Extra Per Km</th>
<td></td>
<td></td>
<td></td>
</tr>
</tbody>
</table>
<table class="table">
<thead>
<h4>Outstation Tariff</h4>
<tr class="bg-primary">
<th scope="col">Description</th>
<th scope="col">K.M. Limit</th>
<th scope="col">Hours</th>
<th scope="col">Tariff (INR)</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">Per KM Charges</th>
<td>As per the requirement</td>
<td></td>
<td></td>
</tr>
<tr>
<th scope="row">Night Charges</th>
<td></td>
<td></td>
<td></td>
</tr>
</tbody>
</table>
<!-- table end -->
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
<!-- <button type="button" class="btn btn-primary bg-primary">Save changes test1</button> -->
</div>
</div>
</div>
<!-- ^^^^^^^^^^^^^^^^^ dialog code -->
</div>
</div>
</a>
</div>
</div>
<div class="col-6 col-sm-6 col-md-6 col-lg-3 p-0">
<div class="card car-list">
<a href="" data-bs-toggle="modal" data-bs-target="#exampleModal13">
<img src="assets/media/car-image/audi.jpg" class="card-img-top" alt="...">
<div class="card-body bg-primary">
<p class="text-white">Audi</p>
<!-- ^^^^^^^^^^^^^^^^^ dialog code -->
<div class="modal fade" id="exampleModal13" tabindex="-1" aria-labelledby="exampleModallabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h1 class="modal-title fs-5" id="exampleModalLabel">Our Tariff</h1>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<!-- table start -->
<table class="table">
<thead>
<h4>Local Tariff</h4>
<tr class="bg-primary">
<th scope="col">Description</th>
<th scope="col">K.M. Limit</th>
<th scope="col">Hours</th>
<th scope="col">Tariff (INR)</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">Half Day</th>
<td>As per the requirement</td>
<td></td>
<td></td>
</tr>
<tr>
<th scope="row">Full Day</th>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<th scope="row">Extra Per Hour</th>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<th scope="row">Extra Per Km</th>
<td></td>
<td></td>
<td></td>
</tr>
</tbody>
</table>
<table class="table">
<thead>
<h4>Outstation Tariff</h4>
<tr class="bg-primary">
<th scope="col">Description</th>
<th scope="col">K.M. Limit</th>
<th scope="col">Hours</th>
<th scope="col">Tariff (INR)</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">Per KM Charges</th>
<td>As per the requirement</td>
<td></td>
<td></td>
</tr>
<tr>
<th scope="row">Night Charges</th>
<td></td>
<td></td>
<td></td>
</tr>
</tbody>
</table>
<!-- table end -->
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
<!-- <button type="button" class="btn btn-primary bg-primary">Save changes test1</button> -->
</div>
</div>
</div>
<!-- ^^^^^^^^^^^^^^^^^ dialog code -->
</div>
</div>
</a>
</div>
</div>
<div class="col-6 col-sm-6 col-md-6 col-lg-3 p-0">
<div class="card car-list">
<a href="" data-bs-toggle="modal" data-bs-target="#exampleModal9">
<img src="assets/media/car-image/tempo.jpg" class="card-img-top" alt="...">
<div class="card-body bg-primary">
<p class="text-white">Tempo (12/17/20 Seater)</p>
<!-- ^^^^^^^^^^^^^^^^^ dialog code -->
<div class="modal fade" id="exampleModal9" tabindex="-1" aria-labelledby="exampleModallabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h1 class="modal-title fs-5" id="exampleModalLabel">Our Tariff</h1>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<!-- table start -->
<table class="table">
<thead>
<tr class="bg-primary">
<th scope="col">Description</th>
<th scope="col">K.M. Limit</th>
<th scope="col">Hours</th>
<th scope="col">Tariff (INR)</th>
</tr>
</thead>
<tbody>
<h4>Local Tariff</h4>
<tr>
<th scope="row">Half Day</th>
<td>40</td>
<td>4</td>
<td>8500</td>
</tr>
<tr>
<th scope="row">Full Day</th>
<td>80</td>
<td>8</td>
<td>10000</td>
</tr>
<tr>
<th scope="row">Extra Per Hour</th>
<td></td>
<td></td>
<td>500</td>
</tr>
<tr>
<th scope="row">Extra Per Km</th>
<td></td>
<td></td>
<td>32</td>
</tr>
</tbody>
</table>
<table class="table">
<thead>
<h4>Outstation Tariff</h4>
<tr class="bg-primary">
<th scope="col">Description</th>
<th scope="col">K.M. Limit</th>
<th scope="col">Hours</th>
<th scope="col">Tariff (INR)</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">Per KM Charges</th>
<td></td>
<td></td>
<td>30</td>
</tr>
<tr>
<th scope="row">Night Charges</th>
<td></td>
<td></td>
<td>600</td>
</tr>
</tbody>
</table>
<!-- table end -->
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
<!-- <button type="button" class="btn btn-primary bg-primary">Save changes test1</button> -->
</div>
</div>
</div>
<!-- ^^^^^^^^^^^^^^^^^ dialog code -->
</div>
</div>
</a>
</div>
</div>
<div class="col-6 col-sm-6 col-md-6 col-lg-3 p-0">
<div class="card car-list">
<a href="" data-bs-toggle="modal" data-bs-target="#exampleModal10">
<img src="assets/media/car-image/tempo.jpg" class="card-img-top" alt="...">
<div class="card-body bg-primary">
<p class="text-white">Tempo (26 Seater)</p>
<!-- ^^^^^^^^^^^^^^^^^ dialog code -->
<div class="modal fade" id="exampleModal10" tabindex="-1" aria-labelledby="exampleModallabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h1 class="modal-title fs-5" id="exampleModalLabel">Our Tariff</h1>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<!-- table start -->
<table class="table">
<thead>
<h4>Local Tariff</h4>
<tr class="bg-primary">
<th scope="col">Description</th>
<th scope="col">K.M. Limit</th>
<th scope="col">Hours</th>
<th scope="col">Tariff (INR)</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">Half Day</th>
<td>40</td>
<td>4</td>
<td>10500</td>
</tr>
<tr>
<th scope="row">Full Day</th>
<td>80</td>
<td>8</td>
<td>13500</td>
</tr>
<tr>
<th scope="row">Extra Per Hour</th>
<td></td>
<td></td>
<td>500</td>
</tr>
<tr>
<th scope="row">Extra Per Km</th>
<td></td>
<td></td>
<td>36</td>
</tr>
</tbody>
</table>
<table class="table">
<thead>
<h4>Outstation Tariff</h4>
<tr class="bg-primary">
<th scope="col">Description</th>
<th scope="col">K.M. Limit</th>
<th scope="col">Hours</th>
<th scope="col">Tariff (INR)</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">Per KM Charges</th>
<td></td>
<td></td>
<td>35</td>
</tr>
<tr>
<th scope="row">Night Charges</th>
<td></td>
<td></td>
<td>600</td>
</tr>
</tbody>
</table>
<!-- table end -->
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
<!-- <button type="button" class="btn btn-primary bg-primary">Save changes test1</button> -->
</div>
</div>
</div>
<!-- ^^^^^^^^^^^^^^^^^ dialog code -->
</div>
</div>
</a>
</div>
</div>
<div class="col-6 col-sm-6 col-md-6 col-lg-3 p-0">
<div class="card car-list">
<a href="" data-bs-toggle="modal" data-bs-target="#exampleModal12">
<img src="assets/media/car-image/jaguar.jpg" class="card-img-top" alt="...">
<div class="card-body bg-primary">
<p class="text-white">Jaguar</p>
<!-- ^^^^^^^^^^^^^^^^^ dialog code -->
<div class="modal fade" id="exampleModal12" tabindex="-1" aria-labelledby="exampleModallabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h1 class="modal-title fs-5" id="exampleModalLabel">Our Tariff</h1>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<!-- table start -->
<table class="table">
<thead>
<h4>Local Tariff</h4>
<tr class="bg-primary">
<th scope="col">Description</th>
<th scope="col">K.M. Limit</th>
<th scope="col">Hours</th>
<th scope="col">Tariff (INR)</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">Half Day</th>
<td>As per the requirement</td>
<td></td>
<td></td>
</tr>
<tr>
<th scope="row">Full Day</th>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<th scope="row">Extra Per Hour</th>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<th scope="row">Extra Per Km</th>
<td></td>
<td></td>
<td></td>
</tr>
</tbody>
</table>
<table class="table">
<thead>
<h4>Outstation Tariff</h4>
<tr class="bg-primary">
<th scope="col">Description</th>
<th scope="col">K.M. Limit</th>
<th scope="col">Hours</th>
<th scope="col">Tariff (INR)</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">Per KM Charges</th>
<td>As per the requirement</td>
<td></td>
<td></td>
</tr>
<tr>
<th scope="row">Night Charges</th>
<td></td>
<td></td>
<td></td>
</tr>
</tbody>
</table>
<!-- table end -->
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
<!-- <button type="button" class="btn btn-primary bg-primary">Save changes test1</button> -->
</div>
</div>
</div>
<!-- ^^^^^^^^^^^^^^^^^ dialog code -->
</div>
</div>
</a>
</div>
</div>
<div class="col-6 col-sm-6 col-md-6 col-lg-3 p-0">
<div class="card car-list">
<a href="" data-bs-toggle="modal" data-bs-target="#exampleModal1">
<img src="assets/media/car-image/dzire.jpg" class="card-img-top" alt="...">
<div class="card-body bg-primary">
<p class="text-white"> Dzire </p>
<!-- ^^^^^^^^^^^^^^^^^ dialog code -->
<!-- ^^^^^^^^^^^^^^^^^ dialog code -->
</div>
</a>
</div>
</div>
<div class="col-6 col-sm-6 col-md-6 col-lg-3 p-0">
<div class="card car-list">
<a href="" data-bs-toggle="modal" data-bs-target="#exampleModal11">
<img src="assets/media/car-image/mercedes.jpg" class="card-img-top" alt="...">
<div class="card-body bg-primary">
<p class="text-white">Mercedes</p>
<!-- ^^^^^^^^^^^^^^^^^ dialog code -->
<div class="modal fade" id="exampleModal11" tabindex="-1" aria-labelledby="exampleModallabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h1 class="modal-title fs-5" id="exampleModalLabel">Our Tariff</h1>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<!-- table start -->
<table class="table">
<thead>
<h4>Local Tariff</h4>
<tr class="bg-primary">
<th scope="col">Description</th>
<th scope="col">K.M. Limit</th>
<th scope="col">Hours</th>
<th scope="col">Tariff (INR)</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">Half Day</th>
<td>As per the requirement</td>
<td></td>
<td></td>
</tr>
<tr>
<th scope="row">Full Day</th>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<th scope="row">Extra Per Hour</th>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<th scope="row">Extra Per Km</th>
<td></td>
<td></td>
<td></td>
</tr>
</tbody>
</table>
<table class="table">
<thead>
<h4>Outstation Tariff</h4>
<tr class="bg-primary">
<th scope="col">Description</th>
<th scope="col">K.M. Limit</th>
<th scope="col">Hours</th>
<th scope="col">Tariff (INR)</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">Per KM Charges</th>
<td>As per the requirement</td>
<td></td>
<td></td>
</tr>
<tr>
<th scope="row">Night Charges</th>
<td></td>
<td></td>
<td></td>
</tr>
</tbody>
</table>
<!-- table end -->
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
<!-- <button type="button" class="btn btn-primary bg-primary">Save changes test1</button> -->
</div>
</div>
</div>
<!-- ^^^^^^^^^^^^^^^^^ dialog code -->
</div>
</div>
</a>
</div>
</div>
<div class="col-6 col-sm-6 col-md-6 col-lg-3 p-0">
<div class="card car-list">
<a href="" data-bs-toggle="modal" data-bs-target="#exampleModal1">
<img src="assets/media/car-image/itios.jpg" class="card-img-top" alt="...">
<div class="card-body bg-primary">
<p class="text-white">Itios</p>
<!-- ^^^^^^^^^^^^^^^^^ dialog code -->
<!-- ^^^^^^^^^^^^^^^^^ dialog code -->
</div>
</a>
</div>
</div>
<div class="col-6 col-sm-6 col-md-6 col-lg-3 p-0">
<div class="card car-list">
<a href="" data-bs-toggle="modal" data-bs-target="#exampleModal1">
<img src="assets/media/car-image/aura.jpg" class="card-img-top" alt="...">
<div class="card-body bg-primary">
<p class="text-white">Aura</p>
<!-- ^^^^^^^^^^^^^^^^^ dialog code -->
<!-- ^^^^^^^^^^^^^^^^^ dialog code -->
</div>
</a>
</div>
</div>
<div class="col-6 col-sm-6 col-md-6 col-lg-3 p-0">
<div class="card car-list">
<a href="" data-bs-toggle="modal" data-bs-target="#exampleModal3">
<img src="assets/media/car-image/toyota_crysta.jpg" class="card-img-top" alt="...">
<div class="card-body bg-primary">
<p class="text-white">Toyota Crysta</p>
<!-- ^^^^^^^^^^^^^^^^^ dialog code -->
<div class="modal fade" id="exampleModal3" tabindex="-1" aria-labelledby="exampleModallabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h1 class="modal-title fs-5" id="exampleModalLabel">Our Tariff</h1>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<!-- table start -->
<table class="table">
<thead>
<h4>Local Tariff</h4>
<tr class="bg-primary">
<th scope="col">Description</th>
<th scope="col">K.M. Limit</th>
<th scope="col">Hours</th>
<th scope="col">Tariff (INR)</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">Half Day</th>
<td>40</td>
<td>4</td>
<td>2300</td>
</tr>
<tr>
<th scope="row">Full Day</th>
<td>80</td>
<td>8</td>
<td>2800</td>
</tr>
<tr>
<th scope="row">Extra Per Hour</th>
<td></td>
<td></td>
<td>250</td>
</tr>
<tr>
<th scope="row">Extra Per Km</th>
<td></td>
<td></td>
<td>25</td>
</tr>
</tbody>
</table>
<table class="table">
<thead>
<h4>Outstation Tariff</h4>
<tr class="bg-primary">
<th scope="col">Description</th>
<th scope="col">K.M. Limit</th>
<th scope="col">Hours</th>
<th scope="col">Tariff (INR)</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">Per KM Charges</th>
<td></td>
<td></td>
<td>24</td>
</tr>
<tr>
<th scope="row">Night Charges</th>
<td></td>
<td></td>
<td>500</td>
</tr>
</tbody>
</table>
<!-- table end -->
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
<!-- <button type="button" class="btn btn-primary bg-primary">Save changes test1</button> -->
</div>
</div>
</div>
<!-- ^^^^^^^^^^^^^^^^^ dialog code -->
</div>
</div>
</a>
</div>
</div>
<div class="col-6 col-sm-6 col-md-6 col-lg-3 p-0">
<div class="card car-list">
<a href="" data-bs-toggle="modal" data-bs-target="#exampleModal5">
<img src="assets/media/car-image/kia_carens.jpg" class="card-img-top" alt="...">
<div class="card-body bg-primary">
<p class="text-white">Kia Carens</p>
<!-- ^^^^^^^^^^^^^^^^^ dialog code -->
<div class="modal fade" id="exampleModal5" tabindex="-1" aria-labelledby="exampleModallabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h1 class="modal-title fs-5" id="exampleModalLabel">Our Tariff</h1>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<!-- table start -->
<table class="table">
<thead>
<h4>Local Tariff</h4>
<tr class="bg-primary">
<th scope="col">Description</th>
<th scope="col">K.M. Limit</th>
<th scope="col">Hours</th>
<th scope="col">Tariff (INR)</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">Half Day</th>
<td>40</td>
<td>4</td>
<td>2000</td>
</tr>
<tr>
<th scope="row">Full Day</th>
<td>80</td>
<td>8</td>
<td>2400</td>
</tr>
<tr>
<th scope="row">Extra Per Hour</th>
<td></td>
<td></td>
<td>220</td>
</tr>
<tr>
<th scope="row">Extra Per Km</th>
<td></td>
<td></td>
<td>24</td>
</tr>
</tbody>
</table>
<table class="table">
<thead>
<h4>Outstation Tariff</h4>
<tr class="bg-primary">
<th scope="col">Description</th>
<th scope="col">K.M. Limit</th>
<th scope="col">Hours</th>
<th scope="col">Tariff (INR)</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">Per KM Charges</th>
<td></td>
<td></td>
<td>22</td>
</tr>
<tr>
<th scope="row">Night Charges</th>
<td></td>
<td></td>
<td>400</td>
</tr>
</tbody>
</table>
<!-- table end -->
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
<!-- <button type="button" class="btn btn-primary bg-primary">Save changes test1</button> -->
</div>
</div>
</div>
<!-- ^^^^^^^^^^^^^^^^^ dialog code -->
</div>
</div>
</a>
</div>
</div>
<div class="col-6 col-sm-6 col-md-6 col-lg-3 p-0">
<div class="card car-list">
<a href="" data-bs-toggle="modal" data-bs-target="#exampleModal7">
<img src="assets/media/car-image/honda_city.jpg" class="card-img-top" alt="...">
<div class="card-body bg-primary">
<p class="text-white">Honda City</p>
<!-- ^^^^^^^^^^^^^^^^^ dialog code -->
<div class="modal fade" id="exampleModal7" tabindex="-1" aria-labelledby="exampleModallabe2" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h1 class="modal-title fs-5" id="exampleModalLabe2">Our Tariff</h1>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<!-- table start -->
<table class="table">
<thead>
<h4>Local Tariff</h4>
<tr class="bg-primary">
<th scope="col">Description</th>
<th scope="col">K.M. Limit</th>
<th scope="col">Hours</th>
<th scope="col">Tariff (INR)</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">Half Day</th>
<td>40</td>
<td>4</td>
<td>2000</td>
</tr>
<tr>
<th scope="row">Full Day</th>
<td>80</td>
<td>8</td>
<td>2500</td>
</tr>
<tr>
<th scope="row">Extra Per Hour</th>
<td></td>
<td></td>
<td>250</td>
</tr>
<tr>
<th scope="row">Extra Per Km</th>
<td></td>
<td></td>
<td>23</td>
</tr>
</tbody>
</table>
<table class="table">
<thead>
<h4>Outstation Tariff</h4>
<tr class="bg-primary">
<th scope="col">Description</th>
<th scope="col">K.M. Limit</th>
<th scope="col">Hours</th>
<th scope="col">Tariff (INR)</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">Per KM Charges</th>
<td></td>
<td></td>
<td>22</td>
</tr>
<tr>
<th scope="row">Night Charges</th>
<td></td>
<td></td>
<td>400</td>
</tr>
</tbody>
</table>
<!-- table end -->
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
<!-- <button type="button" class="btn btn-primary bg-primary">Save changes test1</button> -->
</div>
</div>
</div>
<!-- ^^^^^^^^^^^^^^^^^ dialog code -->
</div>
</div>
</a>
</div>
</div>
<div class="col-6 col-sm-6 col-md-6 col-lg-3 p-0">
<div class="card car-list">
<a href="" data-bs-toggle="modal" data-bs-target="#exampleModal8">
<img src="assets/media/car-image/ciaz.jpg" class="card-img-top" alt="...">
<div class="card-body bg-primary">
<p class="text-white">Ciaz</p>
<!-- ^^^^^^^^^^^^^^^^^ dialog code -->
<div class="modal fade" id="exampleModal8" tabindex="-1" aria-labelledby="exampleModallabe8" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h1 class="modal-title fs-5" id="exampleModalLabe2">Our Tariff</h1>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<!-- table start -->
<table class="table">
<thead>
<h4>Local Tariff</h4>
<tr class="bg-primary">
<th scope="col">Description</th>
<th scope="col">K.M. Limit</th>
<th scope="col">Hours</th>
<th scope="col">Tariff (INR)</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">Half Day</th>
<td>40</td>
<td>4</td>
<td>2000</td>
</tr>
<tr>
<th scope="row">Full Day</th>
<td>80</td>
<td>8</td>
<td>2500</td>
</tr>
<tr>
<th scope="row">Extra Per Hour</th>
<td></td>
<td></td>
<td>250</td>
</tr>
<tr>
<th scope="row">Extra Per Km</th>
<td></td>
<td></td>
<td>23</td>
</tr>
</tbody>
</table>
<table class="table">
<thead>
<h4>Outstation Tariff</h4>
<tr class="bg-primary">
<th scope="col">Description</th>
<th scope="col">K.M. Limit</th>
<th scope="col">Hours</th>
<th scope="col">Tariff (INR)</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">Per KM Charges</th>
<td></td>
<td></td>
<td>22</td>
</tr>
<tr>
<th scope="row">Night Charges</th>
<td></td>
<td></td>
<td>400</td>
</tr>
</tbody>
</table>
<!-- table end -->
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
<!-- <button type="button" class="btn btn-primary bg-primary">Save changes test1</button> -->
</div>
</div>
</div>
<!-- ^^^^^^^^^^^^^^^^^ dialog code -->
</div>
</div>
</a>
</div>
</div>
</div>
</div>
<!-- contact Area end -->
<!-- footer Area start -->
<?php include_once'layout/footer.php'; ?>
<!-- footer Area end -->
<!-- modal pop -->
<!-- 1st -->
<div class="modal fade" id="exampleModal1" tabindex="-1" aria-labelledby="exampleModallabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h1 class="modal-title fs-5" id="exampleModalLabel">Our Tariff</h1>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<!-- table start -->
<table class="table">
<thead>
<tr class="bg-primary">
<th scope="col">Description</th>
<th scope="col">K.M. Limit</th>
<th scope="col">Hours</th>
<th scope="col">Tariff (INR)</th>
</tr>
</thead>
<tbody>
<h4>Local Tariff</h4>
<tr>
<th scope="row">Half Day</th>
<td>40</td>
<td>4</td>
<td>1200</td>
</tr>
<tr>
<th scope="row">Full Day</th>
<td>80</td>
<td>8</td>
<td>1600</td>
</tr>
<tr>
<th scope="row">Extra Per Hour</th>
<td></td>
<td></td>
<td>150</td>
</tr>
<tr>
<th scope="row">Extra Per Km</th>
<td></td>
<td></td>
<td>15</td>
</tr>
</tbody>
</table>
<table class="table">
<thead>
<tr class="bg-primary">
<th scope="col">Description</th>
<th scope="col">K.M. Limit</th>
<th scope="col">Hours</th>
<th scope="col">Tariff (INR)</th>
</tr>
</thead>
<tbody>
<h4>Outstation Tariff</h4>
<tr>
<th scope="row">Per KM Charges</th>
<td></td>
<td></td>
<td>14</td>
</tr>
<tr>
<th scope="row">Night Charges</th>
<td></td>
<td></td>
<td>300</td>
</tr>
</tbody>
</table>
<!-- table end -->
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
<!-- <button type="button" class="btn btn-primary bg-primary">Save changes</button> -->
</div>
</div>
</div>
<!-- 1st -->
</div>
<!-- Jquery Js -->
<?php include_once'layout/script.php'; ?>
<!-- Bootstrap 5 CDN -->
<!-- <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.10.2/dist/umd/popper.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.min.js"></script> -->
</body>
</html>