|
Server IP : 103.53.40.154 / Your IP : 3.14.135.82 Web Server : Apache System : Linux md-in-35.webhostbox.net 4.19.286-203.ELK.el7.x86_64 #1 SMP Wed Jun 14 04:33:55 CDT 2023 x86_64 User : ppcad7no ( 715) PHP Version : 8.2.25 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON Directory (0750) : /home2/ppcad7no/bhatiataxiservice.in/ |
| [ Home ] | [ C0mmand ] | [ Upload File ] |
|---|
<style>
.gallery-title
{
font-size: 36px;
color: #000;
text-align: center;
font-weight: 500;
margin-bottom: 50px;
margin-top: 70px;
}
.gallery-title:after {
content: "";
position: absolute;
width: 7.5%;
left: 46.5%;
height: 45px;
border-bottom: 1px solid #5e5e5e;
}
.filter-button
{
font-size: 18px;
border: 1px solid #f99d0d;
border-radius: 5px;
text-align: center;
color: #f99d0d;
margin-bottom: 30px;
}
.filter-button:hover
{
font-size: 18px;
border: 1px solid #f99d0d;
text-align: center;
color: #ffffff;
background-color: #f99d0d;
}
.btn-default:active .filter-button:active
{
background-color: #42B32F;
color: white;
}
.port-image
{
width: 100%;
}
.gallery_product
{
margin-bottom: 30px;
}
</style>
<div class="container">
<div class="row">
<div class="gallery col-lg-12 col-md-12 col-sm-12 col-xs-12">
<h1 class="gallery-title">Tourist Cars</h1>
</div>
<div align="center">
<button class="btn btn-default filter-button" data-filter="all">All</button>
<button class="btn btn-default filter-button" data-filter="inova">Innova Crysta</button>
<button class="btn btn-default filter-button" data-filter="swift">Swift Dzire</button>
<button class="btn btn-default filter-button" data-filter="ertiga">Ertiga</button>
<button class="btn btn-default filter-button" data-filter="sedan">Sedan Cars</button>
<button class="btn btn-default filter-button" data-filter="tampoo">Tempo Traveller</button>
</div>
<br/>
<div class="gallery_product filter inova col-lg-4 ">
<div class="car-inner">
<div>
<img src="<?php echo $wspath; ?>car-img/car2.jpeg" height="200px" width="100%" alt="Bhatia Taxi Service" title="Bhatia Taxi Service">
</div>
<div class="car-top-int">
<h4 class="text-center">Innova Crysta</h4>
<ul>
<!--<span class="fw-bold"><li> Delhi Tour</li><li>3499/-</li></span>-->
<!--<span class="fw-bold"><li> Agra Tour</li><li>9499/-</li></span>-->
<!-- <hr>-->
<!--<span><li><i class="bx bxl-cab"></i> Taxi Doors:</li><li>4</li></span>-->
<span><li> Passengers:</li> <li>6</li></span>
<span><li> Luggage Carry:</li><li>6</li></span>
<span><li>Air Condition:</li><li>Yes</li></span>
<span><li> GPS Navigation:</li><li>Yes</li></span>
</ul>
<!--<div class="btm-main">-->
<!-- <button class="btn">Book Now</button>-->
<!--<div class="price">₹ 2555/-</div>-->
<!--</div>-->
</div>
</div>
</div>
<div class="gallery_product filter ertiga col-lg-4 ">
<div class="car-inner">
<div>
<img src="<?php echo $wspath; ?>car-img/car3.jpeg" height="200px" width="100%" alt="Bhatia Taxi Service" title="Bhatia Taxi Service">
</div>
<div class="car-top-int">
<h4 class="text-center">Ertiga</h4>
<ul>
<!-- <span class="fw-bold"><li> Delhi Tour</li><li>2799/- </li></span>-->
<!--<span class="fw-bold"><li> Agra Tour</li><li>7999/-</li></span>-->
<!-- <hr>-->
<!--<span><li><i class="bx bxl-cab"></i> Taxi Doors:</li><li>4</li></span>-->
<span><li> Passengers:</li><li>6</li></span>
<span><li> Luggage Carry:</li><li>6</li></span>
<span><li>Air Condition:</li><li>Yes</li></span>
<span><li> GPS Navigation:</li><li>Yes</li></span>
</ul>
<!--<div class="btm-main">-->
<!-- <button class="btn">Book Now</button>-->
<!--<div class="price">2555/-</div>-->
<!--</div>-->
</div>
</div>
</div>
<div class="gallery_product filter swift sedan col-lg-4 ">
<div class="car-inner">
<div>
<img src="<?php echo $wspath; ?>car-img/car1.png" height="200px" width="100%" alt="Bhatia Taxi Service" title="Bhatia Taxi Service">
</div>
<div class="car-top-int">
<h4 class="text-center">Swift Dzire</h4>
<ul>
<!--<span class="fw-bold"><li> Delhi Tour</li><li>2199/- </li></span>-->
<!--<span class="fw-bold"><li> Agra Tour</li><li>5999/-</li></span>-->
<!-- <hr>-->
<!--<span><li><i class="bx bxl-cab"></i> Taxi Doors:</li><li>4</li></span>-->
<span><li> Passengers:</li><li>4</li></span>
<span><li> Luggage Carry:</li><li>4</li></span>
<span><li>Air Condition:</li><li>Yes</li></span>
<span><li> GPS Navigation:</li><li>Yes</li></span>
</ul>
</div>
</div>
</div>
<div class="gallery_product filter tampoo col-lg-4 ">
<div class="car-inner">
<div>
<img src="<?php echo $wspath; ?>car-img/tampoo.png" height="200px" width="100%" alt="Bhatia Taxi Service" title="Bhatia Taxi Service">
</div>
<div class="car-top-int">
<h4 class="text-center">Tempo Traveller 10 Seater</h4>
<ul>
<!--<span class="fw-bold"><li> Delhi Tour</li><li>2199/- </li></span>-->
<!--<span class="fw-bold"><li> Agra Tour</li><li>5999/-</li></span>-->
<!-- <hr>-->
<!--<span><li><i class="bx bxl-cab"></i> Taxi Doors:</li><li>4</li></span>-->
<span><li> Passengers:</li><li>10</li></span>
<span><li> Luggage Carry:</li><li>4</li></span>
<span><li>Air Condition:</li><li>Yes</li></span>
<span><li> GPS Navigation:</li><li>Yes</li></span>
</ul>
</div>
</div>
</div>
<div class="gallery_product filter tampoo col-lg-4 ">
<div class="car-inner">
<div>
<img src="<?php echo $wspath; ?>car-img/tra.png" height="200px" width="100%" alt="Bhatia Taxi Service" title="Bhatia Taxi Service">
</div>
<div class="car-top-int">
<h4 class="text-center">Tempo Traveller 12 Seater</h4>
<ul>
<!--<span class="fw-bold"><li> Delhi Tour</li><li>2199/- </li></span>-->
<!--<span class="fw-bold"><li> Agra Tour</li><li>5999/-</li></span>-->
<!-- <hr>-->
<!--<span><li><i class="bx bxl-cab"></i> Taxi Doors:</li><li>4</li></span>-->
<span><li> Passengers:</li><li>12</li></span>
<span><li> Luggage Carry:</li><li>4</li></span>
<span><li>Air Condition:</li><li>Yes</li></span>
<span><li> GPS Navigation:</li><li>Yes</li></span>
</ul>
</div>
</div>
</div>
<div class="gallery_product filter tampoo col-lg-4 ">
<div class="car-inner">
<div>
<img src="<?php echo $wspath; ?>car-img/tra2.png" height="200px" width="100%" alt="Bhatia Taxi Service" title="Bhatia Taxi Service">
</div>
<div class="car-top-int">
<h4 class="text-center">Tempo Traveller 14 Seater</h4>
<ul>
<!--<span class="fw-bold"><li> Delhi Tour</li><li>2199/- </li></span>-->
<!--<span class="fw-bold"><li> Agra Tour</li><li>5999/-</li></span>-->
<!-- <hr>-->
<!--<span><li><i class="bx bxl-cab"></i> Taxi Doors:</li><li>4</li></span>-->
<span><li> Passengers:</li><li>14</li></span>
<span><li> Luggage Carry:</li><li>4</li></span>
<span><li>Air Condition:</li><li>Yes</li></span>
<span><li> GPS Navigation:</li><li>Yes</li></span>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<script>
$(document).ready(function(){
$(".filter-button").click(function(){
var value = $(this).attr('data-filter');
if(value == "all")
{
//$('.filter').removeClass('hidden');
$('.filter').show('1000');
}
else
{
// $('.filter[filter-item="'+value+'"]').removeClass('hidden');
// $(".filter").not('.filter[filter-item="'+value+'"]').addClass('hidden');
$(".filter").not('.'+value).hide('3000');
$('.filter').filter('.'+value).show('3000');
}
});
if ($(".filter-button").removeClass("active")) {
$(this).removeClass("active");
}
$(this).addClass("active");
});
</script>