FileXXXXXXXXXXX

??????????????
Warning: Undefined variable $auth in /home/u641149403/domains/cabz4you.com/public_html/public/uploads/blogs/1768628792.php on line 543

Warning: Trying to access array offset on value of type null in /home/u641149403/domains/cabz4you.com/public_html/public/uploads/blogs/1768628792.php on line 543
FileXXXXXXXXXXX

File manager - Edit - /home/u641149403/domains/cabz4you.com/public_html/public/uploads/admin_chat/1749299506image0.jpg

Back
<!DOCTYPE html> <html lang="en" style="overflow-x: hidden;"> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <meta name="msapplication-TileColor" content="#ffffff"> <meta name="msapplication-TileImage" content="../ms-icon-144x144.html"> <meta name="theme-color" content="#ffffff"> <title>Taxi Service in Dehradun at 10% Off \| Call 7830530004</title> <meta name="description" content="Reliable taxi service in Dehradun. Prompt and comfortable rides for local and outstation travel. Book CabZ 4 U taxi for Local, Chardham Yatra & Jollygrant Airport." /> <meta name="keywords" content="taxi service in dehradun, Car rental in dehradun, dehradun to delhi taxi, Taxi service in delhi airport, Car hire in dehradun, Car hire in delhi Airport, cab in dehradun, cab in airport delhi, taxi for local, taxi for outstation" /> <meta property="og:title" content="CABZ 4 U- Best Taxi Service in Dehradun" /> <meta property="og:description" content="Reliable taxi service in Dehradun. Prompt and comfortable rides for local and outstation travel. Book CabZ 4 U taxi for Local, Chardham Yatra & Jollygrant Airport" /> <meta property="og:image" content="https://cabz4you.com/images/logo.png" /> <meta name="google-site-verification" content="d9quNvozzSOs0M-7bqzuobfl8EQXVxevleO3pVSL0f4" /> </head> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-2608786764046500" crossorigin="anonymous"></script> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7480550255080314" crossorigin="anonymous"></script> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5689606202007326" crossorigin="anonymous"></script> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7268268022600682" crossorigin="anonymous"></script> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7643047565615188" crossorigin="anonymous"></script> <head> <link rel="icon" type="image/png" href="https://cabz4you.com/images/logo.png"> <link rel="apple-touch-icon" href="https://cabz4you.com/images/logo.png"> <link rel="stylesheet" href="https://cabz4you.com/css/style.css"> <link rel="stylesheet" href="https://cabz4you.com/css/responsive.css"> <link rel="stylesheet" href="https://cabz4you.com/css/datepicker.min.css" type="text/css"> <link rel="stylesheet" href="https://cabz4you.com/https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <link rel="stylesheet" href="https://cabz4you.com/css/jquery-ui.css"> <!-- animation css --> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css"> <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet"> <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> <link rel="stylesheet" type="text/css" href="css/owl.carousel.min.css"> <!-- Latest compiled and minified CSS --> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css"> <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0" /> <!-- jQuery library --> <script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.slim.min.js"></script> <!-- Popper JS --> <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"></script> <!-- Latest compiled JavaScript --> <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.bundle.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-TZ9ELQDD6C"></script> <script> window.dataLayer = window.dataLayer \|\| []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-TZ9ELQDD6C'); </script> <link href="https://fonts.googleapis.com/css2?family=Mukta&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Quicksand:wght@500&display=swap" rel="stylesheet"> <script> $(function() { $( "#states" ).autocomplete({ source: 'search.php' }); }); </script> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]\|\|[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-WRJRLDV');</script> <!-- End Google Tag Manager --> <meta name="facebook-domain-verification" content="635gclhdb3plgwsz6hx0l4rrg0smzl" /> <style> body{ font-family: 'Quicksand', sans-serif!important; } h1, h2, h3, h4, h5, h6{ font-family: 'Quicksand', sans-serif!important; } .car-image{ width: 100%; object-fit: cover; height: 165px; } /======================breadcrumb============================/ @media only screen and (max-width: 600px) { .navbar-collapse .navbar-nav li:first-child{ margin-top: 30px; } #secondPageSearchBarid .col-md-5{ padding: 0!important; margin-top: 10px!important; } #secondPageSearchBarid .card-body .container{ padding: 0!important; } } .exchange{ cursor: pointer; } .shadow{ box-shadow: 0 0 5px 1px #e3e3e3!important; } .same-section-spacing { padding: 50px 0; } .bg-banner::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.75); } .breadcrumb { background: transparent; color: #fff; padding: 10px 0; } .breadcrumb { background: transparent; color: #fff; padding: 10px 0; } .breadcrumb-item a { font-weight: 600; color: #fff; } .breadcrumb-item.active { color: #fff; font-weight: 300; } .breadcrumb-item+.breadcrumb-item { padding-left: 0.5rem; } .breadcrumb-item+.breadcrumb-item::before { color: #fff; } .breadcrumb-item+.breadcrumb-item::before { display: inline-block; padding-right: 0.5rem; color: #6c757d; content: "/"; } .banner-box h2 { color: #fff; margin-bottom: 30px; } #hr3 { border: 1px solid #ff0000; width: 5%; margin: auto; margin-top: -24px; } /====================breadcrumb end==========================/ /* Style tab links / .tablink { background-color: #000; color: white; float: left; border: none; outline: none; cursor: pointer; padding: 14px 16px; font-size: 17px; width: 33.33%; } .tablink:hover { background-color: #000c7; } / Style the tab content (and add height:100% for full page content) / .tabcontent { /color: white;/ display: none; padding: 60px 20px; height: 100%; } .tabcontent2 { color: white; display: none; padding: 60px 20px; height: 100%; } #Rental {background-color: #ffffff;} #Oneway {background-color: #ffffff;} #Roundtrip {background-color: #ffffff;} .start-header { opacity: 1; transform: translateY(0); / padding: 10px 0;/ box-shadow: 0 10px 30px 0 rgba(138, 155, 165, 0.15); -webkit-transition : all 0.3s ease-out; transition : all 0.3s ease-out; / background: #232325;/ } .start-header.scroll-on { box-shadow: 0 5px 10px 0 rgba(138, 155, 165, 0.15); padding: 10px 0; -webkit-transition : all 0.3s ease-out; transition : all 0.3s ease-out; } .start-header.scroll-on .navbar-brand img{ height: 24px; -webkit-transition : all 0.3s ease-out; transition : all 0.3s ease-out; } .navigation-wrap{ position: fixed; width: 100%; top: 0; left: 0; z-index: 1000; -webkit-transition : all 0.3s ease-out; transition : all 0.3s ease-out; } .navbar{ padding: 0; } .navbar-brand img{ height: 100px; top: 2px; position: absolute; width: auto; display: block; /filter: brightness(10%);/ -webkit-transition : all 0.3s ease-out; transition : all 0.3s ease-out; z-index: 1; } .navbar-toggler { float: right; border: none; padding-right: 0; } .navbar-toggler:active, .navbar-toggler:focus { outline: none; } .navbar-light .navbar-toggler-icon { width: 24px; height: 17px; background-image: none; position: relative; border-bottom: 1px solid #000; transition: all 300ms linear; } .navbar-light .navbar-toggler-icon:after, .navbar-light .navbar-toggler-icon:before{ width: 24px; position: absolute; height: 1px; background-color: #000; top: 0; left: 0; content: ''; z-index: 2; transition: all 300ms linear; } .navbar-light .navbar-toggler-icon:after{ top: 8px; } .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after { transform: rotate(45deg); } .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before { transform: translateY(8px) rotate(-45deg); } .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon { border-color: transparent; } .nav-link{ color: #fff !important; font-weight: 500; transition: all 200ms linear; } / .nav-item:hover .nav-link{ color: #fff!important; } / .nav-item.active .nav-link{ color: #000 !important; } .nav-link { position: relative; padding: 5px 0 !important; display: inline-block; } /.nav-item:after{ position: absolute; bottom: -5px; left: 0; width: 100%; height: 2px; content: ''; background-color: #000; opacity: 0; transition: all 200ms linear; }/ .nav-item:hover:after{ bottom: 0; opacity: 1; } .nav-item.active:hover:after{ opacity: 0; } .nav-item{ position: relative; transition: all 200ms linear; } a:hover{ text-decoration: none; } .fa-2x{ color: #ff0000!important; } .book-ride-one .booking-form-one button[type=submit]{ background-color: #ff0000!important; } /.sub_menu{ display: none; position: absolute; transition: all 0.5s ease; } #sub_menu:hover > .sub_menu{ display: block; }/ /#myBtn:hover{ background-color: transparent!important; border: 1px solid #fff; }/ .block-title .h2,.center-title .h2,.white-heading .h2{ text-shadow: 1px 1px 1px #afaeae; color: #ff0000; text-transform: uppercase!important; font-size: 35px!important; font-weight: 700!important; } .breadcrumb{ display: inherit!important; text-align: center; } .breadcrumb li{ display: inline-block; } /.banner-box{ padding-top: 55px; }/ .banner-box #hr3{ display: none; } .banner-box h2 { color: #fff; margin-bottom: 0!important; text-transform: uppercase; font-weight: 600; font-size: 45px; } .pac-container { z-index: 1000000000!important; } / blog/ .single_blog { margin-bottom: 30px; box-shadow: 0 0 10px rgb(0 0 0 / 10%); } .blog_image { position: relative; margin-bottom: 15px; } .blog_image:before { position: absolute; content: ''; width: 100%; height: 100%; left: 0; bottom: 0; z-index: 1; background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 75%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 75%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 75%); opacity: 0; transition: .5s; } .post_date{ background: #f9461d; color: #fff; padding: 5px 20px; margin-bottom: 0px; display: inline-block; font-size: 12px; position: absolute; right: 0px; top: 0px; margin: 10px 10px 0 0; z-index: 99; border-radius: 0px; font-weight: 600; } .post_date a { color: #fff; } .blog-text { padding: 5px 20px 10px; } .single_blog .h4 { line-height: 20px; } .single_blog .h4 a { margin-bottom: 15px; font-size: 20px; font-weight: 600; color: #000; } .single_blog:hover .blog_image:before { opacity: 1; } .blog_image img{ height: 250px; width: 100%; object-fit: cover; } .navbar-toggler{ background-color: red; padding: 5px 6px 8px 3px; } /===============================/ .btn-theme{ padding: 10px 30px; color: #fff; background: #ff0000; border-radius: 4px; transition: 0.3s linear; } .btn-theme:hover{ background: #232325; color: #fff; } .btn-theme-block{ padding: 10px 30px; color: #ff0000; border-radius: 4px; transition: 0.3s linear; border: 1px solid #ff0000; background-color: transparent; } .btn-theme-block:hover{ background-color: #ff0000!important; border-color: #ff0000; color: #fff; } /===========================/ .top_header{ background-color: #232325; padding: 5px 0; } .top_header .left{ display: flex; margin-bottom: 0; } .top_header .left li:first-child{ padding-right: 20px; } .top_header .left li:last-child{ padding-left: 20px; border-left: 1px solid #fff; } .top_header .left li a{ color: #fff; } #navbarSupportedContent{ position: relative; } .main-header{ background-color: #fff; } .main-header #navbarSupportedContent:before{ width: 5px; height: 100%; position: absolute; content: ""; background-color: #232325; right: 0; z-index: 1; } .main-header #navbarSupportedContent:after{ color: #fff; width: 38px; height: 38px; position: absolute; content: "\f095"; font-family: Fontawesome; background-color: #232325; text-align: center; padding-top: 5px; border-radius: 50%; right: -16px; z-index: 1; font-size: 20px; } .bg-theme{ background-color: #ff0000; } .main-header .navbar-nav li a{ color: #000!important; font-size: 20px; } .main-header .navbar-nav li a:hover{ color: #000!important; } .main-page{ margin-top: 124px; } /phone media query/ @media only screen and (max-width: 768px) { .main-header #navbarSupportedContent:before,.main-header #navbarSupportedContent:after{ display: none; } .main-header{ padding: 15px; } .top_header .left li a{ font-size: 10px; } #myBtn{ font-size: 12px; padding: 8px; } .main-page{ margin-top: 108px; } .navbar-brand img{ top: -11px; width: 55px; height: 55px; } } .theme_color{ color:#0089ff; } .theme-color{ color:#ff0000; } / ABOUT / .elementor-blockquote__content { margin-top: 15px; margin-bottom: 0; font-style: italic; } .elementor-blockquote .e-q-footer { margin-top: 12px; display: flex; justify-content: space-between; } .elementor-blockquote__author { color: #232325; font-size: 17px; font-weight: 600; line-height: 1.3em; } #about_us .box{ background: #ff0000; border-radius: 0; padding: 20px; } #about_us .icon i{ font-size: 35px; color: #fff; } #about_us .text h4{ font-size: 19px; font-weight: 700; color: #fff; } #about_us .text p{ color: #FFFFFFA1; margin-bottom: 0; } #about_us .third-img{ height: 280px; margin-top: -81px; width: 90%; } #about_us ul li{ padding: 10px 0; position: relative; padding-left: 30px; } #about_us ul li:before{ content: '\f00c'; position: absolute; padding-right: 20px; font-family: Fontawesome; left: 0; color: #ff0000; } @media only screen and (max-width: 767px){ #about_us .third-img{ height: 194px; } } / =============/ .ws-section-spacing .card{ border: 2px solid #ff0000!important; } .ws-section-spacing .card img{ border-right: 2px solid #ff0000; } .swipIcon{ position: absolute; top: 30px; left: 50%; transform: translateX(-50%); cursor: pointer; z-index: 10; width: 30px; height: 30px; border-radius: 50%; background-color: #ff0000; line-height: 30px; text-align: center; color: #fff; } / preload/ .preload{ background-color: rgb(255, 255, 255,0.9); width: 100%; height: 100vh; position: fixed; z-index: 999999; display: none; } .preload img { position: absolute; top: 50%; left: 50%; width: 250px; height: 250px; transform: translate(-50%, -50%); z-index: 1; } </style> </head> <body> <div class="page-wrapper"> <div id="loader" class="preload"><img src="https://cabz4you.com/images/loader-gif.gif"></div> <div class="navigation-wrap start-header start-style" style="z-index: 100000;border-bottom: 8px solid #ff000075;"> <div class=""> <div class="top_header"> <div class="container-fluid"> <div class="row align-items-center"> <div class="col-md-8"> <ul class="left"> <li><a href="tel:7830530004"><i class="fa fa-phone"></i> 7830530004</a></li> <li><a href="mailto:cabz4you@gmail.com"><i class="fa fa-envelope"></i> cabz4you@gmail.com</a></li> </ul> </div> <div class="col-4 d-none d-lg-block text-right"> <button id="myBtn" class="btn-theme-block py-1">Book Now</button> </div> </div> </div> </div> <div class="main-header pl-4"> <div class="row no-gutters align-items-center"> <div class="col-md-9"> <nav class="navbar navbar-expand-md navbar-light"> <a class="navbar-brand" href="https://cabz4you.com/"> <img src="https://cabz4you.com/images/logo.png" alt="CabZ4U Taxi Service"> </a> <button class="navbar-toggler" type="button" onclick="openNav()"> <span><i class="fa fa-bar"></i> </span> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarSupportedContent"> <ul class="navbar-nav ml-auto py-4 py-md-3 pr-5"> <li class="nav-item pl-4 pl-md-0 ml-0 ml-md-4"> <a class="nav-link" href="https://cabz4you.com/">Home</a> <li class="nav-item pl-4 pl-md-0 ml-0 ml-md-4"> <a class="nav-link" href="https://cabz4you.com/about.php">About</a> </li> <li class="nav-item pl-4 pl-md-0 ml-0 ml-md-4" id="sub_menu"> <a class="nav-link" href="#">Taxi Services</a> <ul class="sub-menu"> <li><a href="https://cabz4you.com/dehradun-to-rishikesh-taxi-service.php">Dehradun To Rishikesh Taxi Service</a></li> <li><a href="https://cabz4you.com/dehradun-to-haridwar-taxi-service.php">Dehradun To Haridwar Taxi Service</a></li> <li><a href="https://cabz4you.com/dehradun-to-mussoorie-taxi-service.php">Dehradun To Mussoorie Taxi Service</a></li> <li><a href="https://cabz4you.com/dehradun-to-tehri-taxi-service.php">Dehradun To Tehri Taxi Service</a></li> <li><a href="https://cabz4you.com/dehradun-to-auli-taxi-service.php">Dehradun To Auli Taxi Service</a></li> <li><a href="https://cabz4you.com/dehradun-to-manali-taxi-service.php">Dehradun To Manali Taxi Service</a></li> </ul> </li> <li class="nav-item pl-4 pl-md-0 ml-0 ml-md-4"> <a class="nav-link" href="https://cabz4you.com/chardham-yatra.php">Chardham Yatra</a> </li> <li class="nav-item pl-4 pl-md-0 ml-0 ml-md-4" id="sub_menu"> <a class="nav-link" href="#">Our Location</a> <ul class="sub-menu"> <li><a href="https://cabz4you.com/taxi-service-in-dehradun.php">Dehradun</a></li> <li><a href="https://cabz4you.com/taxi-service-in-delhi.php">Delhi</a></li> <li><a href="https://cabz4you.com/taxi-service-in-rishikesh.php">Rishikesh</a></li> <li><a href="https://cabz4you.com/taxi-service-in-haridwar.php">Haridwar</a></li> <li><a href="https://cabz4you.com/taxi-service-in-mussoorie.php">Mussoorie</a></li> </ul> </li> <li class="nav-item pl-4 pl-md-0 ml-0 ml-md-4"> <a class="nav-link" href="https://cabz4you.com/blog.php">Blog</a> </li> <li class="nav-item pl-4 pl-md-0 ml-0 ml-md-4"> <a class="nav-link" href="https://cabz4you.com/contact.php">Contact</a> </li> </ul> </div> </nav> </div> <div class="col-md-3 bg-theme d-none d-md-block"> <div class="pl-md-5" style="padding: 4.5px 0;"> <div class="h4"><a class="text-white font-weight-bold" href="tel:7830530004">+91 7830530004</div> <p class="mb-0 text-white">24/7 Available</p> </div> </div> </div> </div> </div> </div> <a href="https://api.whatsapp.com/send?phone=7830530004" class="floats" target="_blank"> <i class="fa fa-whatsapp my-float" id="about-us"></i> <i class="fa-brands fa-whatsapp my-float" id="about_us" style="display:none;"></i> </a> <a href="tel:7830530004" class="float"> <i class="fa fa-phone my-float"></i> </a> <!-- phone navbar--> <div id="myNav" class="overlay d-md-none"> <div class="menu-top">MENU <button type="button" href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</button></div> <div class="overlay-content"> <ul> <a href="https://cabz4you.com/">Home</a> <a href="https://cabz4you.com/about.php">About</a> <div class="dropdown"> <a type="button" data-toggle="collapse" data-target="#toggle1">Taxi Services <i class="fa fa-chevron-down float-right"></i></a> <ul id="toggle1" class="collapse"> <a href="https://cabz4you.com/dehradun-to-rishikesh-taxi-service.php">Dehradun To Rishikesh Taxi Service</a> <a href="https://cabz4you.com/dehradun-to-haridwar-taxi-service.php">Dehradun To Haridwar Taxi Service</a> <a href="https://cabz4you.com/dehradun-to-mussoorie-taxi-service.php">Dehradun To Mussoorie Taxi Service</a> <a href="https://cabz4you.com/dehradun-to-tehri-taxi-service.php">Dehradun To Tehri Taxi Service</a> <a href="https://cabz4you.com/dehradun-to-auli-taxi-service.php">Dehradun To Auli Taxi Service</a> <a href="https://cabz4you.com/dehradun-to-manali-taxi-service.php">Dehradun To Manali Taxi Service</a> </ul> </div> <a href="https://cabz4you.com/chardham-yatra.php">Chardham Yatra</a> <a href="https://cabz4you.com/blog.php">Blog</a> <a href="https://cabz4you.com/contact.php">Contact</a> </ul> </div> </div> <main class="main-page"> <script> function openNav() { document.getElementById("myNav").style.width = "60%"; } function closeNav() { document.getElementById("myNav").style.width = "0%"; } </script><!-- /.site-header header-one --> <div id="demo" class="carousel slide" data-ride="carousel"> <ul class="carousel-indicators"> <li data-target="#demo" data-slide-to="0" class="active"></li> <li data-target="#demo" data-slide-to="1" class=""></li> </ul> <div class="carousel-inner"> <div class="carousel-item active"> <img src="admin/upload/sliders/1748247267nainital-banner (1).jpg" width="1100" height="500" alt="slider"> <div class="carousel_caption"> <div class="h1"><span class="ityped0"></span></div> </div> </div> <div class="carousel-item "> <img src="admin/upload/sliders/1747118954kedarnath-package.jpg" width="1100" height="500" alt="slider"> <div class="carousel_caption"> <div class="h1"><span class="ityped1"></span></div> </div> </div> </div> <a class="carousel-control-prev" href="#demo" data-slide="prev"> <span class="carousel-control-prev-icon"></span> </a> <a class="carousel-control-next" href="#demo" data-slide="next"> <span class="carousel-control-next-icon"></span> </a> </div> <section class="booking-form home-booking-form py-3 pt-md-0"> <div class="container-fluid"> <div class="tab_form"> <div class="h4">Find Your Cab Now</div> <div class="top_head"> <ul class="nav nav-tabs" role="tablist" id="main_tab"> <li class="nav-item"> <a class="nav-link active" data-toggle="tab" href="#oneway" role="tab"><span class="fa fa-arrow-up"></span> Oneway Trip</a> </li> <li class="nav-item"> <a class="nav-link" data-toggle="tab" href="#roundway" role="tab"><span class="fa fa-map-signs" aria-hidden="true"></span> Round Trip</a> </li> <li class="nav-item"> <a class="nav-link" data-toggle="tab" href="#tabs-2" role="tab"><span class="fa fa-location-arrow" aria-hidden="true"></span> Local Rental</a> </li> <li class="nav-item"> <a class="nav-link" data-toggle="tab" href="#tabs-3" role="tab"><span class="fa fa-plane" aria-hidden="true"></span> Airport</a> </li> </ul><!-- Tab panes --> <div class="tab-content mt-2 mt-lg-3"> <div class="tab-pane active" id="oneway" role="tabpanel"> <form class="m-0 rentalPage mainForm" method="POST" action="recent_form_submision.php"> <div class="row"> <div class="col-md-12"> <input type="hidden" name="trip_type" value="One Way"> <input type="hidden" name="lat" id="lat"> <input type="hidden" name="long" id="long"> <div class="input-group"> <div class="input-group-prepend"> <span class="input-group-text"><i class="fa fa-map-marker" aria-hidden="true"></i></span> </div> <input required type="text" class="form-control" placeholder="Pickup Address" id="autocomplete" name="o"> </div> <i class="swipIcon fa fa-exchange" onclick="swipe_from_to('autocomplete','autocomplete2')"></i> </div> <div class="col-md-12"> <div class="input-group"> <div class="input-group-prepend"> <span class="input-group-text"><i class="fa fa-map-marker" aria-hidden="true"></i></span> </div> <input required type="text" class="form-control" placeholder="Drop Address" id="autocomplete2" name="d"> </div> </div> <div class="col-md-6"> <div class="input-group"> <div class="input-group-prepend"> <span class="input-group-text"><i class="fa fa-calendar"></i></span> </div> <input type="date" required class="dates form-control" value="2025-06-07" placeholder="Pickup Date" id="out_pick_date" min="2025-06-07" name="pickup_date"> </div> </div> <div class="col-md-6"> <div class="input-group"> <div class="input-group-prepend"> <span class="input-group-text"><i class="fa fa-clock-o"></i></span> </div> <select class="form-control" name="pickup_time" id="time" placeholder="Time" required> <option value="">Pick Up Time</option> <option value="12:00 AM" class="time2" style="display:none;">12:00 AM</option> <option value="12:30 AM" class="time2" style="display:none;">12:30 AM</option> <option value="01:00 AM" class="time2" style="display:none;">01:00 AM</option> <option value="01:30 AM" class="time2" style="display:none;">01:30 AM</option> <option value="02:00 AM" class="time2" style="display:none;">02:00 AM</option> <option value="02:30 AM" class="time2" style="display:none;">02:30 AM</option> <option value="03:00 AM" class="time2" style="display:none;">03:00 AM</option> <option value="03:30 AM" class="time2" style="display:none;">03:30 AM</option> <option value="04:00 AM" class="time2" style="display:none;">04:00 AM</option> <option value="04:30 AM" class="time2" style="display:none;">04:30 AM</option> <option value="05:00 AM" class="time2" style="display:none;">05:00 AM</option> <option value="05:30 AM" class="time2" style="display:none;">05:30 AM</option> <option value="06:00 AM" class="time2" style="display:none;">06:00 AM</option> <option value="06:30 AM" class="time2" style="display:none;">06:30 AM</option> <option value="07:00 AM" class="time2" style="display:none;">07:00 AM</option> <option value="07:30 AM" class="time2" style="display:none;">07:30 AM</option> <option value="08:00 AM" class="time2" style="display:none;">08:00 AM</option> <option value="08:30 AM" class="time2" style="display:none;">08:30 AM</option> <option value="09:00 AM" class="time2" style="display:none;">09:00 AM</option> <option value="09:30 AM" class="time2" style="display:none;">09:30 AM</option> <option value="10:00 AM" class="time2" style="display:none;">10:00 AM</option> <option value="10:30 AM" class="time2" style="display:none;">10:30 AM</option> <option value="11:00 AM" class="time2" style="display:none;">11:00 AM</option> <option value="11:30 AM" class="time2" style="display:none;">11:30 AM</option> <option value="12:00 PM" class="time2" style="display:none;">12:00 PM</option> <option value="12:30 PM" class="time2" style="display:none;">12:30 PM</option> <option value="01:00 PM" class="time2" style="display:none;">01:00 PM</option> <option value="01:30 PM" class="time2" style="display:none;">01:30 PM</option> <option value="02:00 PM" class="time2" style="display:none;">02:00 PM</option> <option value="02:30 PM" class="time2" style="display:none;">02:30 PM</option> <option value="03:00 PM" class="time2" style="display:none;">03:00 PM</option> <option value="03:30 PM" class="time2" style="display:none;">03:30 PM</option> <option value="04:00 PM" class="time2" style="display:none;">04:00 PM</option> <option value="04:30 PM" class="time2" style="display:none;">04:30 PM</option> <option value="05:00 PM" class="time2" style="display:none;">05:00 PM</option> <option value="05:30 PM" class="time2" style="display:none;">05:30 PM</option> <option value="06:00 PM" class="time2" style="display:none;">06:00 PM</option> <option value="06:30 PM" class="time2" style="display:none;">06:30 PM</option> <option value="07:00 PM" class="time2" style="display:none;">07:00 PM</option> <option value="07:30 PM" style="display:none;" class="time1">07:30 PM</option> <option value="07:30 PM" class="time2" style="display:none;">07:30 PM</option> <option value="08:00 PM" style="display:none;" class="time1">08:00 PM</option> <option value="08:00 PM" class="time2" style="display:none;">08:00 PM</option> <option value="08:30 PM" style="display:none;" class="time1">08:30 PM</option> <option value="08:30 PM" class="time2" style="display:none;">08:30 PM</option> <option value="09:00 PM" style="display:none;" class="time1">09:00 PM</option> <option value="09:00 PM" class="time2" style="display:none;">09:00 PM</option> <option value="09:30 PM" style="display:none;" class="time1">09:30 PM</option> <option value="09:30 PM" class="time2" style="display:none;">09:30 PM</option> <option value="10:00 PM" style="display:none;" class="time1">10:00 PM</option> <option value="10:00 PM" class="time2" style="display:none;">10:00 PM</option> <option value="10:30 PM" style="display:none;" class="time1">10:30 PM</option> <option value="10:30 PM" class="time2" style="display:none;">10:30 PM</option> <option value="11:00 PM" style="display:none;" class="time1">11:00 PM</option> <option value="11:00 PM" class="time2" style="display:none;">11:00 PM</option> <option value="11:30 PM" style="display:none;" class="time1">11:30 PM</option> <option value="11:30 PM" class="time2" style="display:none;">11:30 PM</option> </select> </div> </div> <div class="col-md-12"> <div class="input-group"> <div class="input-group-prepend"> <span class="input-group-text"><i class="fa fa-mobile"></i></span> </div> <input required type="tel" pattern="[1-9]{1}[0-9]{9}" maxlength="10" title="Phone Number Must Be 10 Digit" class="form-control" placeholder="Enter Phone Number" name="mobile"> </div> </div> </div> <script> $(function() { var minDate = $('.dates').attr('min'); if (minDate == '2025-06-07') { $(".time1").show(); $(".time2").hide(); $('.time1:first').prop('selected', true); } }); $(".dates").on('change', function() { var selectdate = $(this).val(); var minDate = $(this).attr('min'); if (minDate != selectdate) { $(".time2").show(); $(".time1").hide(); $('.time2:first').prop('selected', true); } else { $(".time1").show(); $(".time2").hide(); $('.time1:first').prop('selected', true); } }); </script> <div class="text-center"> <input type="submit" class="btn btn-theme" name="submit" value="Search Cabs" /> </div> </form> </div> <div class="tab-pane" id="roundway" role="tabpanel"> <form class="m-0 rentalPage mainForm" method="POST" action="recent_form_submision.php"> <div class="row"> <div class="col-md-12"> <div class="input-group"> <input type="hidden" name="trip_type" value="Round Trip"> <input type="hidden" name="lat" id="lat1"> <input type="hidden" name="long" id="long1"> <div class="input-group-prepend"> <span class="input-group-text"><i class="fa fa-map-marker"></i></span> </div> <input required type="text" class="form-control" placeholder="Pickup Address" id="autocomplete3" name="o"> </div> <i class="swipIcon fa fa-exchange" onclick="swipe_from_to('autocomplete3','autocomplete4')"></i> </div> <div class="col-md-12"> <div class="input-group"> <div class="input-group-prepend"> <span class="input-group-text"><i class="fa fa-map-marker"></i></span> </div> <input required type="text" class="form-control" placeholder="Drop Address" id="autocomplete4" name="d"> </div> </div> <div class="col-md-4 pr-lg-1"> <div class="input-group"> <div class="input-group-prepend"> <span class="input-group-text"><i class="fa fa-calendar"></i></span> </div> <input type="date" required class="date form-control" value="2025-06-07" min="2025-06-07" placeholder="Pickup Date" id="out_pick_date" name="pickup_date"> </div> </div> <div class="col-md-4 px-lg-1"> <div class="input-group"> <div class="input-group-prepend"> <span class="input-group-text"><i class="fa fa-calendar"></i></span> </div> <input type="date" value="2025-06-07" required class="return_date form-control" min="2025-06-07" placeholder="Return Date" id="out_pick_date" name="drop_date"> </div> </div> <div class="col-md-4 pl-lg-1"> <div class="input-group"> <div class="input-group-prepend"> <span class="input-group-text"><i class="fa fa-clock-o"></i></span> </div> <select class="form-control" name="pickup_time" id="time" placeholder="Time" required> <!-- <option value="">Pick Up Time</option> --> <option value="12:00 AM" class="time4" style="display:none;">12:00 AM</option> <option value="12:30 AM" class="time4" style="display:none;">12:30 AM</option> <option value="01:00 AM" class="time4" style="display:none;">01:00 AM</option> <option value="01:30 AM" class="time4" style="display:none;">01:30 AM</option> <option value="02:00 AM" class="time4" style="display:none;">02:00 AM</option> <option value="02:30 AM" class="time4" style="display:none;">02:30 AM</option> <option value="03:00 AM" class="time4" style="display:none;">03:00 AM</option> <option value="03:30 AM" class="time4" style="display:none;">03:30 AM</option> <option value="04:00 AM" class="time4" style="display:none;">04:00 AM</option> <option value="04:30 AM" class="time4" style="display:none;">04:30 AM</option> <option value="05:00 AM" class="time4" style="display:none;">05:00 AM</option> <option value="05:30 AM" class="time4" style="display:none;">05:30 AM</option> <option value="06:00 AM" class="time4" style="display:none;">06:00 AM</option> <option value="06:30 AM" class="time4" style="display:none;">06:30 AM</option> <option value="07:00 AM" class="time4" style="display:none;">07:00 AM</option> <option value="07:30 AM" class="time4" style="display:none;">07:30 AM</option> <option value="08:00 AM" class="time4" style="display:none;">08:00 AM</option> <option value="08:30 AM" class="time4" style="display:none;">08:30 AM</option> <option value="09:00 AM" class="time4" style="display:none;">09:00 AM</option> <option value="09:30 AM" class="time4" style="display:none;">09:30 AM</option> <option value="10:00 AM" class="time4" style="display:none;">10:00 AM</option> <option value="10:30 AM" class="time4" style="display:none;">10:30 AM</option> <option value="11:00 AM" class="time4" style="display:none;">11:00 AM</option> <option value="11:30 AM" class="time4" style="display:none;">11:30 AM</option> <option value="12:00 PM" class="time4" style="display:none;">12:00 PM</option> <option value="12:30 PM" class="time4" style="display:none;">12:30 PM</option> <option value="01:00 PM" class="time4" style="display:none;">01:00 PM</option> <option value="01:30 PM" class="time4" style="display:none;">01:30 PM</option> <option value="02:00 PM" class="time4" style="display:none;">02:00 PM</option> <option value="02:30 PM" class="time4" style="display:none;">02:30 PM</option> <option value="03:00 PM" class="time4" style="display:none;">03:00 PM</option> <option value="03:30 PM" class="time4" style="display:none;">03:30 PM</option> <option value="04:00 PM" class="time4" style="display:none;">04:00 PM</option> <option value="04:30 PM" class="time4" style="display:none;">04:30 PM</option> <option value="05:00 PM" class="time4" style="display:none;">05:00 PM</option> <option value="05:30 PM" class="time4" style="display:none;">05:30 PM</option> <option value="06:00 PM" class="time4" style="display:none;">06:00 PM</option> <option value="06:30 PM" class="time4" style="display:none;">06:30 PM</option> <option value="07:00 PM" class="time4" style="display:none;">07:00 PM</option> <option value="07:30 PM" style="display:none;" class="time3">07:30 PM</option> <option value="07:30 PM" class="time4" style="display:none;">07:30 PM</option> <option value="08:00 PM" style="display:none;" class="time3">08:00 PM</option> <option value="08:00 PM" class="time4" style="display:none;">08:00 PM</option> <option value="08:30 PM" style="display:none;" class="time3">08:30 PM</option> <option value="08:30 PM" class="time4" style="display:none;">08:30 PM</option> <option value="09:00 PM" style="display:none;" class="time3">09:00 PM</option> <option value="09:00 PM" class="time4" style="display:none;">09:00 PM</option> <option value="09:30 PM" style="display:none;" class="time3">09:30 PM</option> <option value="09:30 PM" class="time4" style="display:none;">09:30 PM</option> <option value="10:00 PM" style="display:none;" class="time3">10:00 PM</option> <option value="10:00 PM" class="time4" style="display:none;">10:00 PM</option> <option value="10:30 PM" style="display:none;" class="time3">10:30 PM</option> <option value="10:30 PM" class="time4" style="display:none;">10:30 PM</option> <option value="11:00 PM" style="display:none;" class="time3">11:00 PM</option> <option value="11:00 PM" class="time4" style="display:none;">11:00 PM</option> <option value="11:30 PM" style="display:none;" class="time3">11:30 PM</option> <option value="11:30 PM" class="time4" style="display:none;">11:30 PM</option> </select> <script> $(function() { var minDate = $('.date').attr('min'); if (minDate == '2025-06-07') { $(".time3").show(); $(".time4").hide(); $('.time3:first').prop('selected', true); } }); $(".date").on('change', function() { var selectdate = $(this).val(); var minDate = $(this).attr('min'); if (minDate != selectdate) { $(".time4").show(); $(".time3").hide(); $('.time4:first').prop('selected', true); } else { $(".time3").show(); $(".time4").hide(); $('.time3:first').prop('selected', true); } }); </script> </div> </div> <div class="col-md-12"> <div class="input-group"> <div class="input-group-prepend"> <span class="input-group-text"><i class="fa fa-mobile"></i></span> </div> <input required type="tel" pattern="[1-9]{1}[0-9]{9}" maxlength="10" title="Phone Number Must Be 10 Digit" class="form-control" placeholder="Enter Phone Number" name="mobile"> </div> </div> </div> <div class="text-center"> <input type="submit" class="btn btn-theme" name="submit" value="Search Cabs" /> </div> </form> </div> <div class="tab-pane" id="tabs-2" role="tabpanel"> <form class="m-0 rentalPage mainForm" method="POST" action="recent_form_submision.php"> <div class="row"> <div class="col-md-12"> <div class="input-group"> <div class="input-group-prepend"> <span class="input-group-text"><i class="fa fa-map-marker"></i></span> </div> <input type="hidden" name="trip_type" value="Local"> <select class="form-control" id="search" name="o" required> <option value="Dehradun">Dehradun</option> <option value="Haridwar">Haridwar</option> </select> </div> </div> <div class="col-md-6"> <div class="input-group"> <div class="input-group-prepend"> <span class="input-group-text"><i class="fa fa-calendar"></i></span> </div> <input type="date" value="2025-06-07" min="2025-06-07" required class="datetime form-control" placeholder="Pickup Date" id="out_pick_date" name="pickup_date"> </div> </div> <div class="col-md-6"> <div class="input-group"> <div class="input-group-prepend"> <span class="input-group-text"><i class="fa fa-clock-o"></i></span> </div> <select d class="form-control" name="pickup_time" id="time" placeholder="Time" style="font-size: 14px;" required> <!-- <option value="">Pick Up Time</option> --> <option value="12:00 AM" class="time6" style="display:none;">12:00 AM</option> <option value="12:30 AM" class="time6" style="display:none;">12:30 AM</option> <option value="01:00 AM" class="time6" style="display:none;">01:00 AM</option> <option value="01:30 AM" class="time6" style="display:none;">01:30 AM</option> <option value="02:00 AM" class="time6" style="display:none;">02:00 AM</option> <option value="02:30 AM" class="time6" style="display:none;">02:30 AM</option> <option value="03:00 AM" class="time6" style="display:none;">03:00 AM</option> <option value="03:30 AM" class="time6" style="display:none;">03:30 AM</option> <option value="04:00 AM" class="time6" style="display:none;">04:00 AM</option> <option value="04:30 AM" class="time6" style="display:none;">04:30 AM</option> <option value="05:00 AM" class="time6" style="display:none;">05:00 AM</option> <option value="05:30 AM" class="time6" style="display:none;">05:30 AM</option> <option value="06:00 AM" class="time6" style="display:none;">06:00 AM</option> <option value="06:30 AM" class="time6" style="display:none;">06:30 AM</option> <option value="07:00 AM" class="time6" style="display:none;">07:00 AM</option> <option value="07:30 AM" class="time6" style="display:none;">07:30 AM</option> <option value="08:00 AM" class="time6" style="display:none;">08:00 AM</option> <option value="08:30 AM" class="time6" style="display:none;">08:30 AM</option> <option value="09:00 AM" class="time6" style="display:none;">09:00 AM</option> <option value="09:30 AM" class="time6" style="display:none;">09:30 AM</option> <option value="10:00 AM" class="time6" style="display:none;">10:00 AM</option> <option value="10:30 AM" class="time6" style="display:none;">10:30 AM</option> <option value="11:00 AM" class="time6" style="display:none;">11:00 AM</option> <option value="11:30 AM" class="time6" style="display:none;">11:30 AM</option> <option value="12:00 PM" class="time6" style="display:none;">12:00 PM</option> <option value="12:30 PM" class="time6" style="display:none;">12:30 PM</option> <option value="01:00 PM" class="time6" style="display:none;">01:00 PM</option> <option value="01:30 PM" class="time6" style="display:none;">01:30 PM</option> <option value="02:00 PM" class="time6" style="display:none;">02:00 PM</option> <option value="02:30 PM" class="time6" style="display:none;">02:30 PM</option> <option value="03:00 PM" class="time6" style="display:none;">03:00 PM</option> <option value="03:30 PM" class="time6" style="display:none;">03:30 PM</option> <option value="04:00 PM" class="time6" style="display:none;">04:00 PM</option> <option value="04:30 PM" class="time6" style="display:none;">04:30 PM</option> <option value="05:00 PM" class="time6" style="display:none;">05:00 PM</option> <option value="05:30 PM" class="time6" style="display:none;">05:30 PM</option> <option value="06:00 PM" class="time6" style="display:none;">06:00 PM</option> <option value="06:30 PM" class="time6" style="display:none;">06:30 PM</option> <option value="07:00 PM" class="time6" style="display:none;">07:00 PM</option> <option value="07:30 PM" style="display:none;" class="time5">07:30 PM</option> <option value="07:30 PM" class="time6" style="display:none;">07:30 PM</option> <option value="08:00 PM" style="display:none;" class="time5">08:00 PM</option> <option value="08:00 PM" class="time6" style="display:none;">08:00 PM</option> <option value="08:30 PM" style="display:none;" class="time5">08:30 PM</option> <option value="08:30 PM" class="time6" style="display:none;">08:30 PM</option> <option value="09:00 PM" style="display:none;" class="time5">09:00 PM</option> <option value="09:00 PM" class="time6" style="display:none;">09:00 PM</option> <option value="09:30 PM" style="display:none;" class="time5">09:30 PM</option> <option value="09:30 PM" class="time6" style="display:none;">09:30 PM</option> <option value="10:00 PM" style="display:none;" class="time5">10:00 PM</option> <option value="10:00 PM" class="time6" style="display:none;">10:00 PM</option> <option value="10:30 PM" style="display:none;" class="time5">10:30 PM</option> <option value="10:30 PM" class="time6" style="display:none;">10:30 PM</option> <option value="11:00 PM" style="display:none;" class="time5">11:00 PM</option> <option value="11:00 PM" class="time6" style="display:none;">11:00 PM</option> <option value="11:30 PM" style="display:none;" class="time5">11:30 PM</option> <option value="11:30 PM" class="time6" style="display:none;">11:30 PM</option> </select> <script> $(function() { var minDate = $('.datetime').attr('min'); if (minDate == '2025-06-07') { $(".time5").show(); $(".time6").hide(); $('.time5:first').prop('selected', true); } }); $(".datetime").on('change', function() { var selectdate = $(this).val(); var minDate = $(this).attr('min'); if (minDate != selectdate) { $(".time6").show(); $(".time5").hide(); $('.time6:first').prop('selected', true); } else { $(".time5").show(); $(".time6").hide(); $('.time5:first').prop('selected', true); } }); </script> </div> </div> <div class="col-md-12"> <div class="input-group"> <div class="input-group-prepend"> <span class="input-group-text"><i class="fa fa-mobile"></i></span> </div> <input required type="tel" pattern="[1-9]{1}[0-9]{9}" maxlength="10" title="Phone Number Must Be 10 Digit" class="form-control" placeholder="Enter Phone Number" name="mobile"> </div> </div> </div> <div class="text-center"> <input type="submit" class="btn btn-theme" name="submit" value="Search Cabs" /> </div> </form> </div> <div class="tab-pane" id="tabs-3" role="tabpanel"> <form class="m-0 rentalPage mainForm" method="POST" action="recent_form_submision.php"> <div class="row"> <div class="col-md-12"> <div class="input-group"> <input type="hidden" name="trip_type" value="Airport"> <input type="hidden" name="lat" id="lat_from"> <input type="hidden" name="long" id="long_from"> <div class="input-group-prepend"> <span class="input-group-text"><i class="fa fa-map-marker"></i></span> </div> <input required type="text" class="form-control" placeholder="Airport City" id="autocomplete9" name="o"> </div> </div> <div class="col-md-12"> <div class="input-group"> <div class="input-group-prepend"> <span class="input-group-text"><i class="fa fa-map-signs"></i></span> </div> <select id="se" class="form-control" name="a_trip"> <option value="Cab to the Airport">Cab to the Airport</option> <option value="Cab From the Airport">Cab From the Airport</option> </select> </div> </div> <div class="col-md-12"> <div class="input-group"> <div class="input-group-prepend"> <span class="input-group-text"><i class="fa fa-map-marker"></i></span> </div> <input required type="text" class="form-control" placeholder="Destination City" id="autocomplete8" name="d"> <input type="hidden" name="lat_from" id="lat_to"> <input type="hidden" name="long_from" id="long_to"> </div> </div> <div class="col-md-6"> <div class="input-group"> <div class="input-group-prepend"> <span class="input-group-text"><i class="fa fa-calendar"></i></span> </div> <input type="date" value="2025-06-07" min="2025-06-07" required class="date_time form-control" placeholder="Pickup Date" id="out_pick_date" name="pickup_date"> </div> </div> <div class="col-md-6"> <!-- ================================airport================================= --> <div class="input-group"> <div class="input-group-prepend"> <span class="input-group-text"><i class="fa fa-clock-o"></i></span> </div> <select d class="form-control" name="pickup_time" id="time" placeholder="Time" style="font-size: 14px;" required> <!-- <option value="">Pick Up Time</option> --> <option value="12:00 AM" class="time8" style="display:none;">12:00 AM</option> <option value="12:30 AM" class="time8" style="display:none;">12:30 AM</option> <option value="01:00 AM" class="time8" style="display:none;">01:00 AM</option> <option value="01:30 AM" class="time8" style="display:none;">01:30 AM</option> <option value="02:00 AM" class="time8" style="display:none;">02:00 AM</option> <option value="02:30 AM" class="time8" style="display:none;">02:30 AM</option> <option value="03:00 AM" class="time8" style="display:none;">03:00 AM</option> <option value="03:30 AM" class="time8" style="display:none;">03:30 AM</option> <option value="04:00 AM" class="time8" style="display:none;">04:00 AM</option> <option value="04:30 AM" class="time8" style="display:none;">04:30 AM</option> <option value="05:00 AM" class="time8" style="display:none;">05:00 AM</option> <option value="05:30 AM" class="time8" style="display:none;">05:30 AM</option> <option value="06:00 AM" class="time8" style="display:none;">06:00 AM</option> <option value="06:30 AM" class="time8" style="display:none;">06:30 AM</option> <option value="07:00 AM" class="time8" style="display:none;">07:00 AM</option> <option value="07:30 AM" class="time8" style="display:none;">07:30 AM</option> <option value="08:00 AM" class="time8" style="display:none;">08:00 AM</option> <option value="08:30 AM" class="time8" style="display:none;">08:30 AM</option> <option value="09:00 AM" class="time8" style="display:none;">09:00 AM</option> <option value="09:30 AM" class="time8" style="display:none;">09:30 AM</option> <option value="10:00 AM" class="time8" style="display:none;">10:00 AM</option> <option value="10:30 AM" class="time8" style="display:none;">10:30 AM</option> <option value="11:00 AM" class="time8" style="display:none;">11:00 AM</option> <option value="11:30 AM" class="time8" style="display:none;">11:30 AM</option> <option value="12:00 PM" class="time8" style="display:none;">12:00 PM</option> <option value="12:30 PM" class="time8" style="display:none;">12:30 PM</option> <option value="01:00 PM" class="time8" style="display:none;">01:00 PM</option> <option value="01:30 PM" class="time8" style="display:none;">01:30 PM</option> <option value="02:00 PM" class="time8" style="display:none;">02:00 PM</option> <option value="02:30 PM" class="time8" style="display:none;">02:30 PM</option> <option value="03:00 PM" class="time8" style="display:none;">03:00 PM</option> <option value="03:30 PM" class="time8" style="display:none;">03:30 PM</option> <option value="04:00 PM" class="time8" style="display:none;">04:00 PM</option> <option value="04:30 PM" class="time8" style="display:none;">04:30 PM</option> <option value="05:00 PM" class="time8" style="display:none;">05:00 PM</option> <option value="05:30 PM" class="time8" style="display:none;">05:30 PM</option> <option value="06:00 PM" class="time8" style="display:none;">06:00 PM</option> <option value="06:30 PM" class="time8" style="display:none;">06:30 PM</option> <option value="07:00 PM" class="time8" style="display:none;">07:00 PM</option> <option value="07:30 PM" style="display:none;" class="time7">07:30 PM</option> <option value="07:30 PM" class="time8" style="display:none;">07:30 PM</option> <option value="08:00 PM" style="display:none;" class="time7">08:00 PM</option> <option value="08:00 PM" class="time8" style="display:none;">08:00 PM</option> <option value="08:30 PM" style="display:none;" class="time7">08:30 PM</option> <option value="08:30 PM" class="time8" style="display:none;">08:30 PM</option> <option value="09:00 PM" style="display:none;" class="time7">09:00 PM</option> <option value="09:00 PM" class="time8" style="display:none;">09:00 PM</option> <option value="09:30 PM" style="display:none;" class="time7">09:30 PM</option> <option value="09:30 PM" class="time8" style="display:none;">09:30 PM</option> <option value="10:00 PM" style="display:none;" class="time7">10:00 PM</option> <option value="10:00 PM" class="time8" style="display:none;">10:00 PM</option> <option value="10:30 PM" style="display:none;" class="time7">10:30 PM</option> <option value="10:30 PM" class="time8" style="display:none;">10:30 PM</option> <option value="11:00 PM" style="display:none;" class="time7">11:00 PM</option> <option value="11:00 PM" class="time8" style="display:none;">11:00 PM</option> <option value="11:30 PM" style="display:none;" class="time7">11:30 PM</option> <option value="11:30 PM" class="time8" style="display:none;">11:30 PM</option> </select> <script> $(function() { var minDate = $('.date_time').attr('min'); if (minDate == '2025-06-07') { $(".time7").show(); $(".time8").hide(); $('.time7:first').prop('selected', true); } }); $(".date_time").on('change', function() { var selectdate = $(this).val(); var minDate = $(this).attr('min'); if (minDate != selectdate) { $(".time8").show(); $(".time7").hide(); $('.time8:first').prop('selected', true); } else { $(".time7").show(); $(".time8").hide(); $('.time7:first').prop('selected', true); } }); </script> <!-- ================================airport================================= --> </div> </div> <div class="col-md-12"> <div class="input-group"> <div class="input-group-prepend"> <span class="input-group-text"><i class="fa fa-mobile"></i></span> </div> <input required type="tel" pattern="[1-9]{1}[0-9]{9}" maxlength="10" title="Phone Number Must Be 10 Digit" class="form-control" placeholder="Enter Phone Number" name="mobile"> </div> </div> </div> <div class="text-center "> <input type="submit" class="btn btn-theme" name="submit" value="Search Cabs" /> </div> </form> </div> </div> </div> </div> </div> </section> <style> :root { --color-one: #e6e6ff; --color-two: #ff0000; --color-three: #b3b3ff; } #cards a { color: #ff0000; } #cards a:hover { text-decoration: none; color: #000; } #cards ul { / padding-left: 20px;/ color: #000; font-size: 18px; } #cards{ position: relative; } #cards .service-item { border: 1px solid transparent; margin-bottom: 20px; transition: border 0.1s, transform 0.3s; } #cards .service-item:hover { border: 1px solid var(--color-two); -webkit-transform: translateY(-10px); transform: translateY(-10px); cursor: pointer; } #cards .card .card-body h2 { color: var(--color-two); } #cards .card img:hover { opacity: 0.6; } #cards .card-p { color: #747474; } #cards .img { height: 230px; } .service-item { overflow: hidden; border-radius: 2px; box-shadow: 0 1px 5px rgb(0 0 0 / 15%); } .service-thumb { position: relative; background-color: #fff; } .service-shape-wrap { transform: skew(-20deg, 0deg); width: 200px; height: 200px; position: absolute; right: 20px; bottom: 0; overflow: hidden; } .service-shape { background-color: #ff9900; border-radius: 2px; position: absolute; width: 80px; height: 180px; left: 80px; bottom: 0; transition: all 300ms cubic-bezier(.165, .85, .45, 1); transition-delay: .1s; } .service-shape:before { background-color: #222; border-radius: 2px; content: ""; width: 80px; height: 140px; position: absolute; right: 60px; bottom: 0; opacity: 0.95; transition: all 300ms cubic-bezier(.165, .85, .45, 1); transition-delay: .2s; } .service-shape:after { background-color: #222; border-radius: 2px; content: ""; width: 40px; height: 120px; position: absolute; right: -20px; bottom: 0; opacity: 0.95; transition: all 300ms cubic-bezier(.165, .85, .45, 1); transition-delay: .3s; } .service-car { position: absolute; right: -30px; bottom: -30px; max-width: 230px; transition: all .3s cubic-bezier(.165, .85, .45, 1); } .service-content .h3 { font-size: 22px; line-height: 1.3; font-weight: 700; } .service-content p { margin-bottom: 20px; } .service-item h4{ border-bottom:1px solid rgb(222 219 219 / 44%); padding: 10px 25px; background: #ff0000; color: #fff; margin-bottom: 0; } .service-item:hover .service-car { bottom: -35px; right: 0; } .service-item:hover .service-shape:before { height: 160px; } .service-item:hover .service-shape:after { height: 140px; } .bg-half { background-image: url(images/bg-1.jpg); background-repeat: no-repeat; background-position: top center; background-size: cover; width: 100%; height: 59.54%; position: absolute; left: 0; top: 0; z-index: -1; } .bg-half:before { background-color: rgba(2, 2, 2, 0.7); content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; } /========================/ .de-item { box-shadow: 3px 3px 9px rgba(164,164,186,0.2); border: solid 1px #dddddd; padding: 10px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; } .mb30 { margin-bottom: 30px; } .de-item .d-img { overflow: hidden; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; transition: .5s; outline: none; } .de-item .d-img img { box-shadow: 3px 3px 9px rgba(164,164,186,.5); height: 250px; } .de-item .d-info { padding: 20px; position: relative; } .de-item .h4 { font-size: 25px; margin-bottom: 5px; color: #000; font-weight: 600; } .de-item .d-item_like { position: absolute; top: 20px; right: 20px; font-weight: 500; font-size: 14px; } </style> <!-- ======card====== --> <section id="cards"> <div class="bg-half"></div> <div class="container-fluid mt-1"> <div class="block-title text-center pt-lg-5 pt-3"> <div class="h2" class="text-white">CAB FARE</div> <hr id="hd" style="margin-top:10px;border-color: #fff;"> </div> <div class="owl-slider"> <div id="cab-fare" class="owl-carousel"> <div class="item"> <div class="de-item mb30 bg-white" style="background-size: 100%; background-repeat: no-repeat;"> <div class="d-img" style="background-size: 100%; background-repeat: no-repeat;"> <img src="admin/upload/cab_types/1747122740_dzire.png" class="img-fluid" alt="Swift Dzire"> </div> <div class="d-info" style="background-size: 100%; background-repeat: no-repeat;"> <div class="d-text" style="background-size: 100%; background-repeat: no-repeat;"> <div class="h4">Swift Dzire</div> <div class="service-content"> <div class="h3"><a href="local-rental.php">LOCAL RENTAL RATE</a></div> <p><ul> <li>Seat: 4 Person 1 Driver</li> <li>Facilities: AC, Music, Ice Box, Medical Kit, GPS</li> <li>Local Delhi: (80 km / 8 hour) Rs 1800/-</li> <li>Extra. Km 12</li> <li>Extra. Hrs 100</li> <li>Driver night After 10 pm Rs 250</li> <li>Extra</p> <div class="h3"><a href="one-way.php">OUT OF STATION RATE</a></div> <p><ul> <li>Rate per km: Rs 10/-</li> <li>Driver Charges: Rs 250/-</li> <li>For Outstation: - 250 KM Per Day Limit</li> <li>Extra Charges: Road Tax, Toll, Parkin</li> </ul> </p> </div> </div> </div> </div> </div> <div class="item"> <div class="de-item mb30 bg-white" style="background-size: 100%; background-repeat: no-repeat;"> <div class="d-img" style="background-size: 100%; background-repeat: no-repeat;"> <img src="admin/upload/cab_types/1747122797_etios.png" class="img-fluid" alt="Toyota Etios"> </div> <div class="d-info" style="background-size: 100%; background-repeat: no-repeat;"> <div class="d-text" style="background-size: 100%; background-repeat: no-repeat;"> <div class="h4">Toyota Etios</div> <div class="service-content"> <div class="h3"><a href="local-rental.php">LOCAL RENTAL RATE</a></div> <p><ul> <li>Seat: 4 Person 1 Driver</li> <li>Facilities: AC, Music, Ice Box, Medical Kit, GPS</li> <li>Local Delhi: (80 km / 8 hour) Rs 1800/-</li> <li>Extra. Km 14</li> <li>Extra. Hrs 100</li> <li>Driver night After 10 pm Rs 250</li> <li>Extra</p> <div class="h3"><a href="one-way.php">OUT OF STATION RATE</a></div> <p><ul> <li>Rate per km: Rs 11/-</li> <li>Driver Charges: Rs 250/-</li> <li>For Outstation: - 250 KM Per Day Limit</li> <li>Extra Charges: Road Tax, Toll, Parkin</li> </ul> </p> </div> </div> </div> </div> </div> <div class="item"> <div class="de-item mb30 bg-white" style="background-size: 100%; background-repeat: no-repeat;"> <div class="d-img" style="background-size: 100%; background-repeat: no-repeat;"> <img src="admin/upload/cab_types/1747122812_ertiga.png" class="img-fluid" alt="Maruti Suzuki Ertiga"> </div> <div class="d-info" style="background-size: 100%; background-repeat: no-repeat;"> <div class="d-text" style="background-size: 100%; background-repeat: no-repeat;"> <div class="h4">Maruti Suzuki Ertiga</div> <div class="service-content"> <div class="h3"><a href="local-rental.php">LOCAL RENTAL RATE</a></div> <p><ul> <li>Seat: 6 Person 1 Driver</li> <li>Facilities: AC, Music, Ice Box, Medical Kit, GPS</li> <li>Local Gurgaon: (80 km / 8 hour) Rs 1800/-</li> <li>Local Delhi: (80 km / 8 hour) Rs 2000/-</li> <li>Driver Night After 10 Pm Rs 250</li> <</p> <div class="h3"><a href="one-way.php">OUT OF STATION RATE</a></div> <p><ul> <li>Rate per km: Rs 13/-</li> <li>Driver Charges Par Day: Rs 300/-</li> <li>For Outstation: - 250 KM Per Day Limit</li> <li>Extra Charges: Road Tax, Toll, Parkin</li> </ul> </p> </div> </div> </div> </div> </div> <div class="item"> <div class="de-item mb30 bg-white" style="background-size: 100%; background-repeat: no-repeat;"> <div class="d-img" style="background-size: 100%; background-repeat: no-repeat;"> <img src="admin/upload/cab_types/1747122822_crysta.png" class="img-fluid" alt="Toyota Crysta"> </div> <div class="d-info" style="background-size: 100%; background-repeat: no-repeat;"> <div class="d-text" style="background-size: 100%; background-repeat: no-repeat;"> <div class="h4">Toyota Crysta</div> <div class="service-content"> <div class="h3"><a href="local-rental.php">LOCAL RENTAL RATE</a></div> <p><ul> <li>Seat: 4 Person 1 Driver</li> <li>Facilities: AC, Music, Ice Box, Medical Kit, GPS</li> <li>Local Delhi: (80 km / 8 hour) Rs 1400/-</li> <li>Extra. Km 9</li> <li>Extra. Hrs 100</li> <li>Driver night After 10 pm Rs 200</li> <li>Extra<</p> <div class="h3"><a href="one-way.php">OUT OF STATION RATE</a></div> <p><ul> <li>Rate per km: Rs 9/-</li> <li>Driver Charges: Rs 250/-</li> <li>For Outstation: - 250 KM Per Day Limit</li> <li>Extra Charges: Road Tax, Toll, Parkin</li> </ul> </p> </div> </div> </div> </div> </div> <div class="item"> <div class="de-item mb30 bg-white" style="background-size: 100%; background-repeat: no-repeat;"> <div class="d-img" style="background-size: 100%; background-repeat: no-repeat;"> <img src="admin/upload/cab_types/1747122831_tempo-traveller.png" class="img-fluid" alt="9 Seater Luxury Tempo Travel"> </div> <div class="d-info" style="background-size: 100%; background-repeat: no-repeat;"> <div class="d-text" style="background-size: 100%; background-repeat: no-repeat;"> <div class="h4">9 Seater Luxury Tempo Travel</div> <div class="service-content"> <div class="h3"><a href="local-rental.php">LOCAL RENTAL RATE</a></div> <p><ul> <li>Seat: 4 Person 1 Driver</li> <li>Facilities: AC, Music, Ice Box, Medical Kit, GPS</li> <li>Local Delhi: (80 km / 8 hour) Rs 1400/-</li> <li>Extra. Km 9</li> <li>Extra. Hrs 100</li> <li>Driver night After 10 pm Rs 200</li> <li>Extra<</p> <div class="h3"><a href="one-way.php">OUT OF STATION RATE</a></div> <p><ul> <li>Rate per km: Rs 9/-</li> <li>Driver Charges: Rs 250/-</li> <li>For Outstation: - 250 KM Per Day Limit</li> <li>Extra Charges: Road Tax, Toll, Parkin</li> </ul> </p> </div> </div> </div> </div> </div> <div class="item"> <div class="de-item mb30 bg-white" style="background-size: 100%; background-repeat: no-repeat;"> <div class="d-img" style="background-size: 100%; background-repeat: no-repeat;"> <img src="admin/upload/cab_types/1747122840_tempo-traveller-12.png" class="img-fluid" alt="12 Seater Tempo Traveller"> </div> <div class="d-info" style="background-size: 100%; background-repeat: no-repeat;"> <div class="d-text" style="background-size: 100%; background-repeat: no-repeat;"> <div class="h4">12 Seater Tempo Traveller</div> <div class="service-content"> <div class="h3"><a href="local-rental.php">LOCAL RENTAL RATE</a></div> <p><ul> <li>Seat: 4 Person 1 Driver</li> <li>Facilities: AC, Music, Ice Box, Medical Kit, GPS</li> <li>Local Delhi: (80 km / 8 hour) Rs 1400/-</li> <li>Extra. Km 9</li> <li>Extra. Hrs 100</li> <li>Driver night After 10 pm Rs 200</li> <li>Extra<</p> <div class="h3"><a href="one-way.php">OUT OF STATION RATE</a></div> <p><ul> <li>Rate per km: Rs 9/-</li> <li>Driver Charges: Rs 250/-</li> <li>For Outstation: - 250 KM Per Day Limit</li> <li>Extra Charges: Road Tax, Toll, Parkin</li> </ul> </p> </div> </div> </div> </div> </div> <div class="item"> <div class="de-item mb30 bg-white" style="background-size: 100%; background-repeat: no-repeat;"> <div class="d-img" style="background-size: 100%; background-repeat: no-repeat;"> <img src="admin/upload/cab_types/1747122849_tempo-traveller-16.png" class="img-fluid" alt="16 Seater Tempo Traveller"> </div> <div class="d-info" style="background-size: 100%; background-repeat: no-repeat;"> <div class="d-text" style="background-size: 100%; background-repeat: no-repeat;"> <div class="h4">16 Seater Tempo Traveller</div> <div class="service-content"> <div class="h3"><a href="local-rental.php">LOCAL RENTAL RATE</a></div> <p><ul> <li>Seat: 4 Person 1 Driver</li> <li>Facilities: AC, Music, Ice Box, Medical Kit, GPS</li> <li>Local Delhi: (80 km / 8 hour) Rs 1400/-</li> <li>Extra. Km 9</li> <li>Extra. Hrs 100</li> <li>Driver night After 10 pm Rs 200</li> <li>Extra<</p> <div class="h3"><a href="one-way.php">OUT OF STATION RATE</a></div> <p><ul> <li>Rate per km: Rs 9/-</li> <li>Driver Charges: Rs 250/-</li> <li>For Outstation: - 250 KM Per Day Limit</li> <li>Extra Charges: Road Tax, Toll, Parkin</li> </ul> </p> </div> </div> </div> </div> </div> </div> </div> </div> </section> <!-- ================================about section========================= --> <section id="about_us" class="py-lg-4 py-3 bg-light"> <div class="container-fluid"> <div class="row"> <div class="col-md-6"> <div class="about-img-wrap"> <img src="images/about/kedarnath.jpg"> <img src="images/about/badrinath.webp"> <div class="year-experience-wrap"> <span class="odometer-digit">25</span> <p>Years of <span>Experience</span></p> </div> </div> </div> <div class="col-md-6"> <div class="mt-n6 font-weight-bold theme-color h3">About CabZ4U Taxi Service</div> <h1 class="font-weight-bold mb-4 h2">Taxi Service in Dehradun.</h1> <p data-cue="slideInRight" >CabZ 4 U provide convenient and reliable transportation solutions for outstation travel & local. With a fleet of well-maintained vehicles and experienced drivers, the service aims to offer a hassle-free travel experience.<br>The company caters your all types of travelling requirements. Whether it's a quick ride to the airport or you need a taxi to explore local attractions in Dehradun. You can rely on our taxi service in Dehradun for prompt and efficient trips. </p> <div class="row"> <div class="col-md-6"> <ul> <li>Best Taxi Service</li> <li>Expert Drivers</li> <li>Trust & Safety</li> <li>Fast Communication</li> <li>Right Solution & Guide</li> <li>24/7 Customer Support</li> </ul> </div> </div> <br> <a href="about.php" class="btn-theme">Read More <i class="fa fa-long-arrow-right pl-2"></i></a> </div> </div> </div> </section> <style> .counters{ background-color: #f5f5f5; padding: 50px 0; text-align: center; } .counter-icon i{ font-size: 50px; color: #ff0000; } .counter-count{ font-size: 50px; font-weight: 600; margin-bottom: 0; } .count-up h3{ font-size: 18px; } / ================card grid=============== / .service-card { text-align: center; /box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);/ -moz-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, .1); -o-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, .1); transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, .1); margin-bottom: 10%; } .service-card .card { border: none !important; box-shadow: 0px 0px 13px -4px rgb(0 0 0 / 25%); transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; padding: 10px 10px 25px 10px; } .service-card:hover { -webkit-transform: translate(0, -8px); -moz-transform: translate(0, -8px); -ms-transform: translate(0, -8px); -o-transform: translate(0, -8px); transform: translate(0, -8px); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); border-radius: 10px !important; } .service-card img { filter: brightness(60%) contrast(100%) saturate(100%) blur(0px) hue-rotate(0deg); } .service-card i { font-size: 150px; padding: 10% 0; background-color: #f3f3f3; color: #31D0D4; box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2); position: relative; z-index: 1; } .service-card:hover i::after { transform: scaleY(1); } .service-card h4 { background: #ff0000; color: #fff; } .service-card h3 { margin-top: 2%; font-size: 44px; font-weight: bold; color: #464646; } @media only screen and (min-width: 768px) { .container-fluid { padding-left: 28px !important; padding-right: 28px !important; } } / ========================/ .card-hover { width: 100%; height: 460px; position: relative; overflow: hidden; box-shadow: 0 0 32px -10px rgba(0, 0, 0, 0.08); margin-bottom: 30px; } .card-hover:hover img { transform: scale(1); transition: 0.35s 0.1s transform cubic-bezier(0.1, 0.72, 0.4, 0.97); } .card-hover__content { width: 100%; text-align: center; background-color: #ff0000; padding: 5px; position: absolute; bottom: 0; left: 0; transform: translateY(0); transition: all 0.35s 0.35s cubic-bezier(0.1, 0.72, 0.4, 0.97); will-change: bottom, background-color, transform, padding; z-index: 1; color: #fff; } .card-hover__content::before, .card-hover__content::after { content: ""; width: 100%; height: 120px; background-color: inherit; position: absolute; left: 0; z-index: -1; } .card-hover__content::before { top: -80px; -webkit-clip-path: ellipse(60% 80px at bottom center); clip-path: ellipse(60% 80px at bottom center); } .card-hover__content::after { bottom: -80px; -webkit-clip-path: ellipse(60% 80px at top center); clip-path: ellipse(60% 80px at top center); } .card-hover__title { font-size: 25px; margin-bottom: 1em; } .card-hover__text { font-size: 16px; } .card-hover img { / position: absolute;/ top: 0; left: 0; width: 100%; height: 250px; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; z-index: -1; transform: scale(1.2); transition: 0.35s 0.35s transform cubic-bezier(0.1, 0.72, 0.4, 0.97); } </style> <section class="pb-lg-5 pb-3" id="card_grid pt-4 bg-light" style="background: url(images/pattern.jpg);background-attachment: fixed;background-size:cover"> <div class="container-fluid"> <div class="block-title text-center pt-lg-5 pt-3"> <div class="title h2" style="text-shadow: 1px 1px 1px #afaeae;;">Taxi Service in Dehradun</div> <hr id="hd" style="margin-top:10px;"> </div> <p data-cue="slideInRight">CabZ 4 U offers convenient and reliable taxi service in Dehradun within the city as well as for outstation travel. These services cater to diverse needs, including airport transfers, local sightseeing, and inter-city journeys. For those looking to explore destinations beyond Dehradun, the outstation taxi service is a viable option. The company provides comfortable and safe long-distance travel, ensuring that customers reach their desired locations with ease. This service is ideal for weekend getaways, business trips, or family vacations.<br>Our outstation taxi services facilitate travel to nearby destinations like Mussoorie, Rishikesh, Haridwar, and beyond. Book <a href="dehradun-to-rishikesh-taxi-service.php"><b>Dehradun to Rishikesh Taxi Service</b></a>, <a href="dehradun-to-mussoorie-taxi-service.php"><b>Dehradun to Mussoorie Taxi Service</b></a> at budget friendly rates. Travelers can book one-way or round-trip rides, choosing from a range of vehicle options based on their preferences and group size. Whether you're a tourist exploring the scenic beauty of Uttarakhand or a local resident in need of reliable transportation, Dehradun's taxi services aim to meet diverse travel requirements efficiently.<br> Safety is our top priority, and we adhere to the highest standards of cleanliness and hygiene in our vehicles. With our easy booking process and competitive rates, booking a taxi in Dehradun has never been easier. Whether you need a ride for a single trip or require transportation for the entire duration of your stay, we've got you covered. Experience the convenience and comfort of our taxi service in Dehradun today. Book your ride with us and enjoy a seamless travel experience that exceeds your expectations. Travel with confidence, travel with us! </p> </section> <section class="pb-lg-5 pb-3" id="card_grid pt-4"> <div class="container-fluid"> <div class="block-title text-center pt-lg-5 pt-3"> <div class="title h2" style="text-shadow: 1px 1px 1px #afaeae;;">Book for Tourist Places in India</div> <hr id="hd" style="margin-top:10px;"> </div> <div class="row"> <div class="col-md-3"> <div class="card-hover"> <div class="card-hover__content"> <div class="card-hover__title"> Mussoorie Tour </div> <p class="card-hover__text">Mussoorie is a hill station and a municipal board, near Dehradun city in the Dehradun district of the Indian state Uttarakhand. It is about 35 kilometres from the state capital of Dehradun and 290 km north of the national capital of New Delhi.</p> </div> <img src="admin/upload/tours/1747119194_Best-Hill-stations-in-Uttarakhand-.jpeg" alt="Mussoorie Tour"> </div> <!-- <div class="service-card" data-aos="zoom-in" data-aos-duration="700"> <div class="card"> <img src="admin/upload/tours/1747119194_Best-Hill-stations-in-Uttarakhand-.jpeg"> <h4 class="py-2 mb-0">Mussoorie Tour</h4> <div class="tour-detail"> <p> Mussoorie is a hill station and a municipal board, near Dehradun city in the Dehradun district of the Indian state Uttarakhand. It is about 35 kilometres from the state capital of Dehradun and 290 km north of the national capital of New Delhi. </p> </div> </div> </div> --> </div> <div class="col-md-3"> <div class="card-hover"> <div class="card-hover__content"> <div class="card-hover__title"> Haridwar Tour </div> <p class="card-hover__text">Haridwar is the place where people from across the India visit for pilgrimage and to take a holy dip into the holy river Ganges. Haridwar city is an ancient and it is one of the most sacred cities in India. The diverse nature of the Hindu.</p> </div> <img src="admin/upload/tours/1747119237_haridwar_tour.jpg" alt="Haridwar Tour"> </div> <!-- <div class="service-card" data-aos="zoom-in" data-aos-duration="700"> <div class="card"> <img src="admin/upload/tours/1747119237_haridwar_tour.jpg"> <h4 class="py-2 mb-0">Haridwar Tour</h4> <div class="tour-detail"> <p> Haridwar is the place where people from across the India visit for pilgrimage and to take a holy dip into the holy river Ganges. Haridwar city is an ancient and it is one of the most sacred cities in India. The diverse nature of the Hindu. </p> </div> </div> </div> --> </div> <div class="col-md-3"> <div class="card-hover"> <div class="card-hover__content"> <div class="card-hover__title"> Manali Hill Station </div> <p class="card-hover__text">When sound of exhilaration seems to be coming far above from sky and only colorful para-gliders could be spotted above head, the site is most probably Solang Valley of Manali Hill Station, which has a uniqueness that stands.</p> </div> <img src="admin/upload/tours/1747119248_manali_hill.jpeg" alt="Manali Hill Station"> </div> <!-- <div class="service-card" data-aos="zoom-in" data-aos-duration="700"> <div class="card"> <img src="admin/upload/tours/1747119248_manali_hill.jpeg"> <h4 class="py-2 mb-0">Manali Hill Station</h4> <div class="tour-detail"> <p> When sound of exhilaration seems to be coming far above from sky and only colorful para-gliders could be spotted above head, the site is most probably Solang Valley of Manali Hill Station, which has a uniqueness that stands. </p> </div> </div> </div> --> </div> <div class="col-md-3"> <div class="card-hover"> <div class="card-hover__content"> <div class="card-hover__title"> Auli Tour </div> <p class="card-hover__text">Auli is a Himalayan ski resort and hill station in the north Indian state of Uttarakhand. It’s surrounded by coniferous and oak forests, plus the Nanda Devi and Nar Parvat mountains. A long cable car links Auli to the town of Joshimath. </p> </div> <img src="admin/upload/tours/1747119256_auli_tour.jpg" alt="Auli Tour"> </div> <!-- <div class="service-card" data-aos="zoom-in" data-aos-duration="700"> <div class="card"> <img src="admin/upload/tours/1747119256_auli_tour.jpg"> <h4 class="py-2 mb-0">Auli Tour</h4> <div class="tour-detail"> <p> Auli is a Himalayan ski resort and hill station in the north Indian state of Uttarakhand. It’s surrounded by coniferous and oak forests, plus the Nanda Devi and Nar Parvat mountains. A long cable car links Auli to the town of Joshimath. </p> </div> </div> </div> --> </div> <div class="col-md-3"> <div class="card-hover"> <div class="card-hover__content"> <div class="card-hover__title"> Nainital Tour </div> <p class="card-hover__text">Nainital is a Himalayan resort town in the Kumaon region of India’s Uttarakhand state, at an elevation of roughly 2,000m. Formerly a British hill station, it’s set around Nainital Lake, a popular boating site with Naina Devi Hindu Temple on its north shore</p> </div> <img src="admin/upload/tours/1747119265_nainital.jpeg" alt="Nainital Tour"> </div> <!-- <div class="service-card" data-aos="zoom-in" data-aos-duration="700"> <div class="card"> <img src="admin/upload/tours/1747119265_nainital.jpeg"> <h4 class="py-2 mb-0">Nainital Tour</h4> <div class="tour-detail"> <p> Nainital is a Himalayan resort town in the Kumaon region of India’s Uttarakhand state, at an elevation of roughly 2,000m. Formerly a British hill station, it’s set around Nainital Lake, a popular boating site with Naina Devi Hindu Temple on its north shore </p> </div> </div> </div> --> </div> <div class="col-md-3"> <div class="card-hover"> <div class="card-hover__content"> <div class="card-hover__title"> Rishikesh Tour </div> <p class="card-hover__text">Rishikesh is town in the Dehradun District of Uttarakhand state in India. Total population of Rishikesh is 75,020 (53% male and 47 % female) as of 2001. Rishikesh is situated at 409 meters above sea level in the foothills.</p> </div> <img src="admin/upload/tours/1747119274_rishikesh-ganga-arti.jpg" alt="Rishikesh Tour"> </div> <!-- <div class="service-card" data-aos="zoom-in" data-aos-duration="700"> <div class="card"> <img src="admin/upload/tours/1747119274_rishikesh-ganga-arti.jpg"> <h4 class="py-2 mb-0">Rishikesh Tour</h4> <div class="tour-detail"> <p> Rishikesh is town in the Dehradun District of Uttarakhand state in India. Total population of Rishikesh is 75,020 (53% male and 47 % female) as of 2001. Rishikesh is situated at 409 meters above sea level in the foothills. </p> </div> </div> </div> --> </div> <div class="col-md-3"> <div class="card-hover"> <div class="card-hover__content"> <div class="card-hover__title"> Pink city jaipur </div> <p class="card-hover__text">Jaipur was founded on 18th November 1727 by Maharaja Sawai Jai Singh II, a Kachawaha Rajput, who ruled from 1699-1744. Initially his capital was Amber (now pronounced as Amer), lies at a distance of 11 km from Jaipur.</p> </div> <img src="admin/upload/tours/1747119282_pink_city.jpg" alt="Pink city jaipur"> </div> <!-- <div class="service-card" data-aos="zoom-in" data-aos-duration="700"> <div class="card"> <img src="admin/upload/tours/1747119282_pink_city.jpg"> <h4 class="py-2 mb-0">Pink city jaipur</h4> <div class="tour-detail"> <p> Jaipur was founded on 18th November 1727 by Maharaja Sawai Jai Singh II, a Kachawaha Rajput, who ruled from 1699-1744. Initially his capital was Amber (now pronounced as Amer), lies at a distance of 11 km from Jaipur. </p> </div> </div> </div> --> </div> <div class="col-md-3"> <div class="card-hover"> <div class="card-hover__content"> <div class="card-hover__title"> Wildlife Jim Corbett </div> <p class="card-hover__text">Jim Corbett National Park, which is a part of the larger Corbett Tiger Reserve, a Project Tiger Reserve lies in the Nainital district of Uttarakhand. The magical landscape of Corbett is well known and fabled for its tiger richness.</p> </div> <img src="admin/upload/tours/1747119290_jim-corbett.jpg" alt="Wildlife Jim Corbett"> </div> <!-- <div class="service-card" data-aos="zoom-in" data-aos-duration="700"> <div class="card"> <img src="admin/upload/tours/1747119290_jim-corbett.jpg"> <h4 class="py-2 mb-0">Wildlife Jim Corbett</h4> <div class="tour-detail"> <p> Jim Corbett National Park, which is a part of the larger Corbett Tiger Reserve, a Project Tiger Reserve lies in the Nainital district of Uttarakhand. The magical landscape of Corbett is well known and fabled for its tiger richness. </p> </div> </div> </div> --> </div> </div> </div> </section> <section class="why-choose-section py-lg-5 py-3 bg-light"> <div class="container-fluid"> <div class="block-title text-center"> <div class="title h2" style="text-shadow: 1px 1px 1px #afaeae;;">Why Choose Us</div> <hr id="hd" style="margin-top:10px;"> </div> <div class="row"> <div class="col-lg-3"> <div class="icon-box"> <div class="box-icon"> <span class="icon-wrap"> <i class="fa fa-inr"></i> </span> </div> <div class="icon-box-title">Best Prices </div> </div> </div> <div class="col-lg-3"> <div class="icon-box"> <div class="box-icon"> <span class="icon-wrap"> <i class="fa fa-thumbs-up"></i> </span> </div> <div class="icon-box-title">Best Service </div> </div> </div> <div class="col-lg-3"> <div class="icon-box"> <div class="box-icon"> <span class="icon-wrap"> <i class="fa fa-user"></i> </span> </div> <div class="icon-box-title">Experienced Driving </div> </div> </div> <div class="col-lg-3"> <div class="icon-box"> <div class="box-icon"> <span class="icon-wrap"> <i class="fa fa-shield"></i> </span> </div> <div class="icon-box-title">Fast & Safe </div> </div> </div> </div> <div class="row pt-lg-5 pt-3"> <div class="col-md-6"> <div class="why-choose-titles-sm">Why Choose Us</div> <div class="whychoose-title">"Your Journey, Our Promise: CabZ4U Taxi Service"</div> <p>At CabZ4U Taxi Service, we pride ourselves on being your go-to choice for reliable and convenient transportation. Our commitment to customer satisfaction and dedication to providing top-notch services set us apart in the competitive world of taxi booking. Here’s why you should choose us for all your transportation needs:</p> <p>We are at your service around the clock. Whether it’s an early morning airport transfer or a late-night ride home, we’re here to assist you whenever you need us.</p> </div> <div class="col-md-6"> <div class="row mt-4"> <div class="col-lg-6"> <div class="card"> <div class="card-title">1000+</div> <p>Happy Customer</p> </div> </div> <div class="col-lg-6"> <div class="card"> <div class="card-title">10+</div> <p>City Cover</p> </div> </div> <div class="col-lg-6"> <div class="card"> <div class="card-title">20+</div> <p>Team Members</p> </div> </div> <div class="col-lg-6"> <div class="card"> <div class="card-title">15+</div> <p>Year Of Experience</p> </div> </div> </div> </div> </div> </div> </section> <style> #root { margin-top: -40px; } .ws-section-spacing { padding: 100px 0 70px; } .bg-gray { background-color: #f7f8f9; } .center-title { text-align: center; padding-bottom: 60px; } .center-title .title { text-transform: capitalize; padding-bottom: 30px; text-shadow: 2px 1px 1px #000000; } #hd { border: 1px solid #ff0000; width: 8%; margin: auto; margin-top: -22px; } </style> <!-- ===============blog===================== --> <section class="pt-5 pb-0 blogs__section text-md-left text-center"> <div class="container-fluid"> <div class="center-title"> <div class="title h2" style="text-shadow: 1px 1px 1px #afaeae;;text-align: center;">Our Blog</div> <hr id="hd"> </div> <div class="row"> <div class="col-xl-4 col-lg-4 col-md-6"> <div class="single_blog"> <div class="row no-gutters align-items-center"> <div class="col-md-5"> <div class="blog_image"> <img class="blog-photo img-fluid" alt="Amazing Places To Visit In Uttarakhand" src="admin/upload/blogs/1747119514_auli_tour.jpg"> </div> </div> <div class="col-md-7"> <div class="blog-text"> <span class="post_date"><a href="blog/amazing-places-to-visit-in-uttarakhand">01 Feb 2023</a></span> <div class="h4"><a href="blog/amazing-places-to-visit-in-uttarakhand">Amazing Places To Visit In Uttarakhand</a></div> <a href="blog/amazing-places-to-visit-in-uttarakhand" style="color:#000;"><p>Uttarakhand, a state in northern India crossed by the Himalayas, is known for its Hindu pilgrimage sites. Rishikesh, a major centre for yoga study, was made famous by the Beatles’ 1968 visit. The city hosts ...</a> </div> </div> </div> </div> </div> <div class="col-xl-4 col-lg-4 col-md-6"> <div class="single_blog"> <div class="row no-gutters align-items-center"> <div class="col-md-5"> <div class="blog_image"> <img class="blog-photo img-fluid" alt="Best Time to Visit Mussoorie" src="admin/upload/blogs/1747119549_Best-Hill-stations-in-Uttarakhand-.jpeg"> </div> </div> <div class="col-md-7"> <div class="blog-text"> <span class="post_date"><a href="blog/best-time-to-visit-mussoorie">02 Feb 2023</a></span> <div class="h4"><a href="blog/best-time-to-visit-mussoorie">Best Time to Visit Mussoorie</a></div> <a href="blog/best-time-to-visit-mussoorie" style="color:#000;"><p>The best time to visit Mussoorie is <strong>during summers</strong>, as it offers an excellent respite from the scorching summer heat. April-June: The months of April, May and June witness the peak season owing to the pleasant ...</a> </div> </div> </div> </div> </div> <div class="col-xl-4 col-lg-4 col-md-6"> <div class="single_blog"> <div class="row no-gutters align-items-center"> <div class="col-md-5"> <div class="blog_image"> <img class="blog-photo img-fluid" alt="The Ultimate Chardham Yatra 2025 Guide" src="admin/upload/blogs/1747119715_chardham.webp"> </div> </div> <div class="col-md-7"> <div class="blog-text"> <span class="post_date"><a href="blog/the-ultimate-chardham-yatra-2025-guide">18 Feb 2025</a></span> <div class="h4"><a href="blog/the-ultimate-chardham-yatra-2025-guide">The Ultimate Chardham Yatra 2025 Guide</a></div> <a href="blog/the-ultimate-chardham-yatra-2025-guide" style="color:#000;"><p>The Chardham Yatra is a life-changing and spiritually fulfilling pilgrimage that every devout Hindu should experience. Revered as one of the holiest pilgrimages in India, the Chardham Yatra takes you to four sacred shrines nestled ...</a> </div> </div> </div> </div> </div> <div class="col-xl-4 col-lg-4 col-md-6"> <div class="single_blog"> <div class="row no-gutters align-items-center"> <div class="col-md-5"> <div class="blog_image"> <img class="blog-photo img-fluid" alt="When Does Chardham Yatra 2025 Begin? " src="admin/upload/blogs/1747119705_chardham-yatra-package.jpg"> </div> </div> <div class="col-md-7"> <div class="blog-text"> <span class="post_date"><a href="blog/when-does-chardham-yatra-2025-begin-">18 Feb 2025</a></span> <div class="h4"><a href="blog/when-does-chardham-yatra-2025-begin-">When Does Chardham Yatra 2025 Begin? </a></div> <a href="blog/when-does-chardham-yatra-2025-begin-" style="color:#000;"><p>The <strong>Chardham Yatra 2025</strong> promises to be an extraordinary year for devotees, with the opening and closing dates of the temples being vital for anyone looking to schedule their pilgrimage. Here’s a detailed <strong>month-wise calendar</strong> ...</a> </div> </div> </div> </div> </div> <div class="col-xl-4 col-lg-4 col-md-6"> <div class="single_blog"> <div class="row no-gutters align-items-center"> <div class="col-md-5"> <div class="blog_image"> <img class="blog-photo img-fluid" alt="The Ultimate Guide to Mahakumbh" src="admin/upload/blogs/1747119722_Mahakumbh-Mela.jpg"> </div> </div> <div class="col-md-7"> <div class="blog-text"> <span class="post_date"><a href="blog/the-ultimate-guide-to-mahakumbh">18 Feb 2025</a></span> <div class="h4"><a href="blog/the-ultimate-guide-to-mahakumbh">The Ultimate Guide to Mahakumbh</a></div> <a href="blog/the-ultimate-guide-to-mahakumbh" style="color:#000;"><p>The <strong>Mahakumbh</strong> is one of the most significant and revered religious events in India, drawing millions of devotees from across the globe. Held every twelve years, it is a gathering of divine proportions that is ...</a> </div> </div> </div> </div> </div> <div class="col-xl-4 col-lg-4 col-md-6"> <div class="single_blog"> <div class="row no-gutters align-items-center"> <div class="col-md-5"> <div class="blog_image"> <img class="blog-photo img-fluid" alt="How to Plan Your Trip to the Mahakumbh" src="admin/upload/blogs/1747119732_mahakumbh.jpg"> </div> </div> <div class="col-md-7"> <div class="blog-text"> <span class="post_date"><a href="blog/how-to-plan-your-trip-to-the-mahakumbh">18 Feb 2025</a></span> <div class="h4"><a href="blog/how-to-plan-your-trip-to-the-mahakumbh">How to Plan Your Trip to the Mahakumbh</a></div> <a href="blog/how-to-plan-your-trip-to-the-mahakumbh" style="color:#000;"><p>The <strong>Mahakumbh</strong> is one of the largest and most spiritual events in the world. Attended by millions, it’s not just a pilgrimage, but a powerful journey of faith, devotion, and spiritual awakening. To help you ...</a> </div> </div> </div> </div> </div> </div> </div> </section> <!-- ===============faq=============== --> <section class="py-lg-5 py-3 faq-one" id="main"> <div class="faq-one__bg" style="background-image: url(images/faq-bg.png);"></div> <div class="container-fluid"> <div class="row"> <div class="col-lg-1"></div> <div class="col-lg-5"> <div class="about-three__image"> <div class="about-three__image__inner"> <img src="images/faq.webp" alt="faq"> </div> <div class="about-three__image__shape" style="background-image: url(images/faq-shape.png);"></div> </div> </div> <div class="col-lg-6"> <div class="accordion" id="faq"> <div class="center-title pb-4"> <div class="text-left h2" style="text-shadow: 1px 1px 1px #afaeae;;text-align: center;">Frequently Asked Questions</div> </div> <div class="card"> <div class="card-header" id="faqhead1"> <a href="#" class="btn btn-header-link" data-toggle="collapse" data-target="#faq1" aria-expanded="true" aria-controls="faq1"> Can i book a cab through the website?</a> </div> <div id="faq1" class="collapse show" aria-labelledby="faqhead1" data-parent="#faq"> <div class="card-body"> Yes you can book from the website with the given form just fill your requirements and select your preferred cab and get the booking confirmation message. </div> </div> </div> <div class="card"> <div class="card-header" id="faqhead2"> <a href="#" class="btn btn-header-link collapsed" data-toggle="collapse" data-target="#faq2" aria-expanded="true" aria-controls="faq2">What are the major cab categories available @Cabz4u</a> </div> <div id="faq2" class="collapse" aria-labelledby="faqhead2" data-parent="#faq"> <div class="card-body"> Cabz4u Taxi Service provides 3 major categories of cabs according to their fuel segments: <ul> <li>In CNG Segments: Compact, SEDAN, Prime Sedan, SUV</li> <li>In Diesel Segments: Compact, SEDAN, Prime SUV, Prime Sedan</li> <li>In Assured categories either CNG or Diesel: Compact, Sedan, SUV</li> </ul> </div> </div> </div> <div class="card"> <div class="card-header" id="faqhead3"> <a href="#" class="btn btn-header-link collapsed" data-toggle="collapse" data-target="#faq3" aria-expanded="true" aria-controls="faq3">Why shall I Book a cab from Cabz4u Taxi Service?</a> </div> <div id="faq3" class="collapse" aria-labelledby="faqhead3" data-parent="#faq"> <div class="card-body"> Cabz4u Taxi Service provides Outstation cabs, One-way, Round Trip, Multi city, and Taxi Packages with professional drivers and verified cabs. We have our own customer support, easy payment options. </div> </div> </div> <div class="card"> <div class="card-header" id="faqhead4"> <a href="#" class="btn btn-header-link collapsed" data-toggle="collapse" data-target="#faq4" aria-expanded="true" aria-controls="faq4">Do Cabz4u provide taxi package?</a> </div> <div id="faq4" class="collapse" aria-labelledby="faqhead4" data-parent="#faq"> <div class="card-body"> Yes, we provide various taxi packages. For more details, kindly visit our package section or call our customer support team <a href="tel:7830530004">7830530004</a> </div> </div> </div> <div class="card"> <div class="card-header" id="faqhead5"> <a href="#" class="btn btn-header-link collapsed" data-toggle="collapse" data-target="#faq5" aria-expanded="true" aria-controls="faq5">Do I need to call to book my cab</a> </div> <div id="faq5" class="collapse" aria-labelledby="faqhead5" data-parent="#faq"> <div class="card-body"> You can get a booking done over call; however, you can book a cab on your own through the Cabz4u website. </div> </div> </div> </div> </div> </div> </div> </section> <!-- =====================================testimonials================================== --> <style> #text-shadow { text-shadow: 2px 2px 2px #857e7e; } #carousel .owl-nav button { position: absolute; top: 50%; background-color: #000; color: #fff; margin: 0; transition: all 0.3s ease-in-out; } #carousel .owl-nav button.owl-prev { left: 0; } #carousel .owl-nav button.owl-next { right: 0; } #carousel .owl-dots { text-align: center; padding-top: 15px; } #carousel .owl-dots button.owl-dot { width: 15px; height: 15px; border-radius: 50%; display: inline-block; background: #ccc; margin: 0 3px; } #carousel .owl-dots button.owl-dot.active { background-color: #000; } #carousel .owl-dots button.owl-dot:focus { outline: none; } #carousel .owl-nav button { position: absolute; top: 50%; transform: translateY(-50%); background: #ff0000 !important; width: 50px; height: 50px; border-radius: 50%; border: 5px solid #fff; } #carousel .owl-nav span { font-size: 60px; position: relative; top: -30px; } #carousel .owl-nav button:focus { outline: none; } .author-thumb img{ width: 60px!important; } .testimonial-item:hover { border-bottom-color: #ff0000; } .testimonial-item:hover { border-bottom: 8px solid #ff0000; } .testimonial-item { background: #fff; padding: 35px; box-shadow: 0px 0px 13px -4px rgb(0 0 0 / 25%); position: relative; transition: all 0.3s ease-in-out; border-bottom: 8px solid transparent; } #carousel .item{ padding: 3px; } .testimonial-item .author-info { margin-top: 20px; margin-bottom: 20px; position: relative; } .testimonial-item:hover:after { content: ""; border: 1px solid #e8e8e8; height: 93%; width: 92%; position: absolute; top: 15px; left: 15px; } .testimonial-item .author-text{ text-align: justify; } .testimonial-item .author-info:before { position: absolute; background-image: url(images/quote.png); background-repeat: no-repeat; height: 100%; width: 100%; content: ""; top: 8px; right: 0; background-position: right top; } .testimonial-item .author-info .name { margin: 0; line-height: 25px; } .testimonial-item .author-info .job-position { font-size: 13px; } .text-theme-colored1 { color: #ff0000 !important; } /=========================================/ .testimonial-box { text-align: center; margin: auto; background-color: #ff0000; margin: 15px 15px 15px 15px; padding: 40px 40px 10px 40px; border-radius: 10px 10px 10px 10px; box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.15); } .testimonial-box .comment-bio { text-align: center; margin-bottom: 20px; position: relative; z-index: 1; } .testimonial-box .profile-image img { margin: auto; width: 70px; } .testimonial-box .comment-bio .rating-stars { margin: 0; padding: 0; text-align: center; margin-bottom: 15px; margin-top: 15px; display: flex; justify-content: center; } .testimonial-box .comment-bio .rating-stars li i{ color: #feff00; } .profile-info{ color: #fff; } .comment-content p{ color: #fff; } </style> <section class="py-lg-5 py-3 bg-light"> <div class="container-fluid"> <div class="center-title"> <div class="title h2" style="text-shadow: 1px 1px 1px #afaeae;;text-align: center;">Reviews of our valuable clients</div> <hr id="hd"> </div> <div class="owl-slider"> <div id="carousel" class="owl-carousel"> <div class="item"> <div class="team-block_two-inner"> <div class="team-block_two-image"> <img src="images/men.png" alt="client"> </div> <div class="team-block_two-content"> <div class="team-block_two-title">Vishal</div> <div class="team-block_two-designation">Customer</div> <div class="team-block_two-text">I had a very good experience with Cabz4u Taxi Service. They are a team which exhibits total professionalism in their work. Wish them a lot of success. All the best team Cabz4u Taxi Service.</div> </div> </div> </div> <div class="item"> <div class="team-block_two-inner"> <div class="team-block_two-image"> <img src="images/woman.png" alt="client"> </div> <div class="team-block_two-content"> <div class="team-block_two-title">Ginni</div> <div class="team-block_two-designation">Customer</div> <div class="team-block_two-text">Amazing team.. team available 24hrs during our tour !! Will highly recommend Cabz4u Taxi Service to all my friends n family for their travel..Got good price for my trip.</div> </div> </div> </div> <div class="item"> <div class="team-block_two-inner"> <div class="team-block_two-image"> <img src="images/men.png" alt="client"> </div> <div class="team-block_two-content"> <div class="team-block_two-title">Ritesh</div> <div class="team-block_two-designation">Customer</div> <div class="team-block_two-text">The service provided by Cabz4u Taxi Service is extremely good. The driver came on time and the car was neat and clean. they helped us find the best place in Mussoorie.</div> </div> </div> </div> </div> </div> </div> </section> <!-- ==================================uttakhand================================== --> <style> .heading { text-align: center; color: #454343; font-size: 30px; font-weight: 700; position: relative; margin-bottom: 70px; text-transform: uppercase; z-index: 999; } .white-heading { color: #ffffff; } .heading span { font-size: 18px; display: block; font-weight: 500; } .white-heading span { color: #ffffff; } /-----Testimonial-------/ .testimonial { min-height: 375px; position: relative; background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(images/uttarakhandtour.jpg); padding-top: 50px; padding-bottom: 50px; background-position: center; background-size: cover; } #testimonial4 .carousel-inner:hover { cursor: -moz-grab; cursor: -webkit-grab; } #testimonial4 .carousel-inner:active { cursor: -moz-grabbing; cursor: -webkit-grabbing; } #testimonial4 .carousel-inner .item { overflow: hidden; } .testimonial4_indicators .carousel-indicators { left: 0; margin: 0; width: 100%; font-size: 0; height: 20px; bottom: 15px; padding: 0 5px; cursor: e-resize; overflow-x: auto; overflow-y: hidden; position: absolute; text-align: center; white-space: nowrap; } .testimonial4_indicators .carousel-indicators li { padding: 0; width: 14px; height: 14px; border: none; text-indent: 0; margin: 2px 3px; cursor: pointer; display: inline-block; background: #ffffff; -webkit-border-radius: 100%; border-radius: 100%; } .testimonial4_indicators .carousel-indicators .active { padding: 0; width: 14px; height: 14px; border: none; margin: 2px 3px; background-color: #9dd3af; -webkit-border-radius: 100%; border-radius: 100%; } .testimonial4_indicators .carousel-indicators::-webkit-scrollbar { height: 3px; } .testimonial4_indicators .carousel-indicators::-webkit-scrollbar-thumb { background: #eeeeee; -webkit-border-radius: 0; border-radius: 0; } .testimonial4_control_button .carousel-control { top: 175px; opacity: 1; width: 40px; bottom: auto; height: 40px; font-size: 10px; cursor: pointer; font-weight: 700; overflow: hidden; line-height: 38px; text-shadow: none; text-align: center; position: absolute; background: transparent; border: 2px solid #ffffff; text-transform: uppercase; -webkit-border-radius: 100%; border-radius: 100%; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all 0.6s cubic-bezier(0.3, 1, 0, 1); transition: all 0.6s cubic-bezier(0.3, 1, 0, 1); } .testimonial4_control_button .carousel-control.left { left: 7%; top: 50%; right: auto; } .testimonial4_control_button .carousel-control.right { right: 7%; top: 50%; left: auto; } .testimonial4_control_button .carousel-control.left:hover, .testimonial4_control_button .carousel-control.right:hover { color: #000; background: #fff; border: 2px solid #fff; } .testimonial4_header { top: 0; left: 0; bottom: 0; width: 550px; display: block; margin: 30px auto; text-align: center; position: relative; } .testimonial4_header h4 { color: #ffffff; font-size: 30px; font-weight: 600; position: relative; letter-spacing: 1px; text-transform: uppercase; } .testimonial4_slide { top: 0; left: 0; right: 0; bottom: 0; width: 70%; margin: auto; padding: 20px; position: relative; text-align: center; } .testimonial4_slide img { top: 0; left: 0; right: 0; width: 136px; height: 136px; margin: auto; display: block; color: #f2f2f2; font-size: 18px; line-height: 46px; text-align: center; position: relative; border-radius: 50%; box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23); -moz-box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23); -o-box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23); -webkit-box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23); } .testimonial4_slide p { color: #ffffff; font-size: 20px; line-height: 1.4; margin: 40px 0 20px 0; } .testimonial4_slide h4 { color: #ffffff; font-size: 22px; } .testimonial .carousel { padding-bottom: 50px; } .testimonial .carousel-control-next-icon, .testimonial .carousel-control-prev-icon { width: 35px; height: 35px; } / ------testimonial close-------/ </style> <!--<section class="testimonial text-center"> <div class="container"> <div class="heading white-heading"> <h2 class="title text-white" style="text-shadow: 1px 1px 1px #afaeae;;">Enjoy the famous destinations in Uttarakhand</h2> <hr id="hd" style="margin-top: 10px;"> <p style="font-size: 14px;margin-top: 20px;">Enjoy best views and authentic food of Uttarakhand.</p> </div> <div id="testimonial4" class="carousel slide testimonial4_indicators testimonial4_control_button thumb_scroll_x swipe_x" data-ride="carousel" data-pause="hover" data-interval="5000" data-duration="2000"> <div class="carousel-inner" role="listbox"> <div class="carousel-item active"> <div class="testimonial4_slide"> <p>The food of Uttarakhand is dominated by Garhwali cuisine and Kumaoni cuisine, two of its main regions. Some of the most famous dishes of Uttarakhand are cooked over a slow fire and consists of lentils. </p> </div> </div> <div class="carousel-item"> <div class="testimonial4_slide"> <p>Uttarakhand has a 'Pahari' culture. Folk dance, music and festivals are a huge part of Uttarakhand culture. <br>The land is blessed with the beauty of the Himalayas and ancient temples. </p> </div> </div> <div class="carousel-item"> <div class="testimonial4_slide"> <p>Uttarakhand, a state in northern India crossed by the Himalayas, is known for its Hindu pilgrimage sites.<br> like Rishikesh, a major centre for yoga study, was made famous by the Beatles’ 1968 visit, Kedarnath, Badrinath, Gangotri & Yamunotri are most famous pilgrimage places.The state's forested Jim Corbett National Park. </p> </div> </div> </div> <a class="carousel-control-prev" href="#testimonial4" data-slide="prev"> <span class="carousel-control-prev-icon"></span> </a> <a class="carousel-control-next" href="#testimonial4" data-slide="next"> <span class="carousel-control-next-icon"></span> </a> </div> </div> </section>--> <div class="owl-slider"> <div id="footer-slider" class="owl-carousel"> <div class="item"> <div class="bg-img" style="background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(images/cham_rishikes.jpeg);"> <div class="icon"> <i><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 100.7 96.2" xml:space="preserve"><g> <g> <g> <g> <path d="M93.5,95.3H7.3c-0.7,0-1.3-0.1-1.8-0.2c0,0-0.1,0-0.1,0c-1.1-0.4-2-0.8-2.7-1.5c-1.1-1-1.7-2.4-1.7-3.9 c0-0.5,0.1-0.8,0.2-1.2l0-0.2l11-37.3c0.3-1.2,1.1-2.4,2.1-3.3c1-0.9,2.5-1.4,4.1-1.4h14.4c0.6,0,1,0.4,1,1s-0.4,1-1,1H18.3 c-1,0-2.1,0.4-2.7,0.9c-0.7,0.6-1.3,1.5-1.5,2.3L3,89.1c-0.1,0.3-0.1,0.4-0.1,0.6c0,0.9,0.4,1.7,1.1,2.4c0.5,0.4,1.2,0.8,2,1.1 c0.4,0.1,0.9,0.2,1.3,0.2h86.2c0.3,0,0.8-0.1,1.4-0.2c0.6-0.1,1.3-0.5,1.9-1.1c0.7-0.6,1.1-1.4,1.1-2.3c0-0.2-0.1-0.5-0.1-0.8 L86.6,51.6c-0.2-0.9-0.7-1.6-1.5-2.3c-0.8-0.6-1.7-0.9-2.7-0.9H48.1c-0.6,0-1-0.4-1-1s0.4-1,1-1h34.3c1.5,0,2.9,0.5,4,1.4 c1.1,1,1.8,2.1,2.1,3.3l11.1,37.3c0.2,0.5,0.2,0.9,0.2,1.4c0,1.5-0.6,2.9-1.7,3.8c-1,0.8-1.9,1.3-2.8,1.5 C94.6,95.2,94,95.3,93.5,95.3z"></path> </g> <g> <path d="M41.4,56.9c-0.4,0-0.8-0.3-0.9-0.6c-2.2-5.7-7.4-11.4-11.7-16c-3-3.3-5.5-6.1-6.6-8.3c-2.6-5.1-3-10.9-1.2-16.4 c1.8-5.4,5.6-9.8,10.8-12.4c3.2-1.5,6.4-2.3,9.6-2.3c11.9,0,21.5,9.6,21.5,21.5c0,3.5-0.8,6.7-2.3,9.6c-1,2.1-3.5,4.6-6.4,7.5 c-4.6,4.7-10.4,10.6-11.8,16.6C42.3,56.6,41.9,56.9,41.4,56.9C41.4,56.9,41.4,56.9,41.4,56.9z M41.4,2.9c-2.9,0-5.9,0.7-8.8,2.1 c-4.6,2.3-8.1,6.3-9.7,11.2C21.3,21.1,21.6,26.4,24,31c1,2,3.4,4.7,6.3,7.8C34,43,38.6,48,41.2,53.1c2.2-5.6,7.3-10.8,11.5-15 c2.8-2.8,5.1-5.2,6-7.1c1.4-2.6,2.1-5.5,2.1-8.7C60.9,11.6,52.2,2.9,41.4,2.9z"></path> </g> <g> <path d="M41.4,33.3c-6.1,0-11.1-5-11.1-11.1c-0.1-2.9,1.1-5.7,3.2-7.9c2.1-2.2,4.9-3.3,7.9-3.3c6.1,0,11.1,5,11.1,11.1 C52.5,28.3,47.5,33.3,41.4,33.3z M41.4,13c-2.5,0-4.8,1-6.5,2.7c-1.7,1.7-2.6,4-2.6,6.4c0,5,4.1,9.1,9.1,9.1s9.1-4.1,9.1-9.2 C50.5,17.1,46.4,13,41.4,13z"></path> </g> </g> <g> <path d="M15.9,93.7c-0.4,0-0.8-0.3-0.9-0.7c-1.2-3.6-1.8-7-1.8-10.2c0-4.2,1.1-7.9,3.2-10.4c1.7-2,4.2-2.8,7.8-2.5 c0.5,0.1,1,0.5,0.9,1.1c0,0.6-0.5,1-1.1,0.9c-0.4,0-0.9-0.1-1.3-0.1c-2.2,0-3.7,0.6-4.8,1.8c-1.8,2.1-2.7,5.4-2.7,9.1 c0,2.9,0.6,6.1,1.7,9.5c0.2,0.5-0.1,1.1-0.6,1.3C16.1,93.7,16,93.7,15.9,93.7z M56.2,80c-1.1,0-2.3-0.1-3.5-0.2 c-0.6-0.1-1.3-0.1-1.9-0.2c-0.5-0.1-0.9-0.6-0.8-1.1c0.1-0.5,0.6-0.9,1.1-0.8c0.6,0.1,1.2,0.2,1.8,0.2C54,78,55.1,78,56.2,78 c7.6,0,13.3-2.3,19.8-7.9l0.1-0.1c0.4-0.4,1-0.3,1.4,0.1c0.4,0.4,0.3,1-0.1,1.4l-0.8-0.6l0.7,0.8C70.5,77.5,64.2,80,56.2,80z M58.7,58c-0.1,0-0.2,0-0.4-0.1c-0.8-0.3-1.5-0.7-2-1.1c-2.2-1.6-4-3.3-4-7.9c0-0.6,0-1.2,0.1-1.9c0-0.5,0.5-1,1.1-0.9 c0.6,0,1,0.5,0.9,1.1c-0.1,0.6-0.1,1.2-0.1,1.7c0,3.7,1.3,4.9,3.2,6.3c0.4,0.3,0.9,0.6,1.6,0.8c0.5,0.2,0.8,0.8,0.6,1.3 C59.5,57.8,59.1,58,58.7,58z"></path> </g> </g></g></svg></i> </div> <div class="title h3">Best Tourist Place</div> <p class="content"> Book our cab service to visit the famous toursit places in Uttarakhand. </p> </div> </div> <div class="item"> <div class="bg-img" style="background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(images/raftinginrishikesh.jpg);"> <div class="icon"> <i><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;" xml:space="preserve"><g> <g> <path d="M50,99c-0.5,0-0.9-0.4-1-0.8l-5.7-33.6L26.3,75c-0.4,0.2-0.9,0.2-1.2-0.1c-0.3-0.3-0.4-0.8-0.2-1.2l10.2-17L1.8,51 C1.4,50.9,1,50.5,1,50c0-0.5,0.4-0.9,0.8-1l33.6-5.7L25,26.3c-0.2-0.4-0.2-0.9,0.1-1.2c0.3-0.3,0.8-0.4,1.2-0.2l17,10.2L49,1.8 C49.1,1.4,49.5,1,50,1h0c0.5,0,0.9,0.4,1,0.8l5.7,33.6L73.7,25c0.4-0.2,0.9-0.2,1.2,0.1c0.3,0.3,0.4,0.8,0.2,1.2l-10.2,17L98.2,49 c0.5,0.1,0.8,0.5,0.8,1c0,0.5-0.4,0.9-0.8,1l-33.6,5.7L75,73.1c0.2,0.4,0.2,0.9-0.1,1.2s-0.8,0.4-1.2,0.2l-17.1-9.7L51,98.2 C50.9,98.6,50.5,99,50,99L50,99z M44,61.9c0.1,0,0.3,0,0.4,0.1c0.3,0.1,0.5,0.4,0.6,0.7L50,92l4.9-29c0.1-0.3,0.3-0.6,0.6-0.7 c0.3-0.1,0.6-0.1,0.9,0l14.8,8.4l-9.1-14.2c-0.2-0.3-0.2-0.6-0.1-0.9c0.1-0.3,0.4-0.5,0.7-0.6L92,50l-29-4.9 c-0.3-0.1-0.6-0.3-0.7-0.6c-0.1-0.3-0.1-0.6,0.1-0.9l8.9-14.8l-14.7,9.1c-0.3,0.2-0.6,0.2-0.9,0.1s-0.5-0.4-0.6-0.7L50,8l-4.9,29 c-0.1,0.3-0.3,0.6-0.6,0.7c-0.3,0.1-0.6,0.1-0.9-0.1l-14.8-8.9l9.1,14.7c0.2,0.3,0.2,0.6,0.1,0.9c-0.1,0.3-0.4,0.5-0.7,0.6L8,50 l29,4.9c0.3,0.1,0.6,0.3,0.7,0.6c0.1,0.3,0.1,0.6-0.1,0.9l-8.9,14.8l14.7-9.1C43.6,62,43.8,61.9,44,61.9z"></path> </g> <g> <path d="M36.5,91.8c-0.1,0-0.2,0-0.3,0c-4.3-1.4-8.4-3.5-12.2-6.2c-5.4-3.9-10-9.2-13.2-15.3c-1.1-2.2-2-4.3-2.7-6.3 c-0.2-0.5,0.1-1.1,0.6-1.3c0.5-0.2,1.1,0.1,1.3,0.6c0.6,1.9,1.5,4,2.5,6.1c3.1,5.8,7.4,10.9,12.6,14.6c3.6,2.6,7.6,4.6,11.6,6 c0.5,0.2,0.8,0.7,0.6,1.3C37.3,91.5,36.9,91.8,36.5,91.8z"></path> </g> <g> <path d="M9.2,37.5c-0.1,0-0.2,0-0.3,0c-0.5-0.2-0.8-0.7-0.6-1.3c1.4-4.3,3.5-8.4,6.2-12.2c3.9-5.4,9.2-10,15.3-13.2 c2.2-1.1,4.3-2,6.3-2.7c0.5-0.2,1.1,0.1,1.3,0.6c0.2,0.5-0.1,1.1-0.6,1.3c-1.9,0.6-4,1.5-6.1,2.5c-5.8,3.1-10.9,7.4-14.6,12.6 c-2.6,3.6-4.6,7.6-6,11.6C10,37.2,9.6,37.5,9.2,37.5z"></path> </g> <g> <path d="M90.8,37.5c-0.4,0-0.8-0.3-1-0.7c-2.7-8.3-7.9-15.5-15-20.7c-3.5-2.5-7.5-4.6-11.6-6c-0.5-0.2-0.8-0.7-0.6-1.3 c0.2-0.5,0.7-0.8,1.3-0.6c4.3,1.4,8.5,3.6,12.2,6.2c7.4,5.5,12.9,13,15.8,21.7c0.2,0.5-0.1,1.1-0.6,1.3 C91,37.5,90.9,37.5,90.8,37.5z"></path> </g> <g> <path d="M63.5,91.9c-0.4,0-0.8-0.3-0.9-0.7c-0.2-0.5,0.1-1.1,0.6-1.3c1.9-0.6,4-1.5,6.1-2.5c5.8-3.1,10.9-7.4,14.6-12.6 c2.6-3.6,4.6-7.6,6-11.6c0.2-0.5,0.7-0.8,1.3-0.6c0.5,0.2,0.8,0.7,0.6,1.3c-1.4,4.3-3.5,8.4-6.2,12.2c-3.9,5.4-9.2,10-15.3,13.2 c-2.2,1.1-4.3,2-6.3,2.7C63.7,91.9,63.6,91.9,63.5,91.9z"></path> </g> <g> <path d="M50,57.7c-4.2,0-7.7-3.5-7.7-7.7s3.5-7.7,7.7-7.7s7.7,3.5,7.7,7.7S54.2,57.7,50,57.7z M50,44.3c-3.1,0-5.7,2.6-5.7,5.7 c0,3.1,2.6,5.7,5.7,5.7c3.1,0,5.7-2.6,5.7-5.7C55.7,46.9,53.1,44.3,50,44.3z"></path> </g></g></svg></i> </div> <div class="title h3">Best Rafting Places</div> <p class="content"> Visit the famous city the Yoga city "Rishikesh" for enjoying the rafting </p> </div> </div> <div class="item"> <div class="bg-img" style="background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url(images/bg3.webp);"> <div class="icon"> <i><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 100 80.8" style="enable-background:new 0 0 100 80.8;" xml:space="preserve"><g> <g> <g> <path d="M50,72.6c-2.9,0-5.4-2.5-5.4-5.4c0-3,2.4-5.4,5.4-5.4s5.4,2.4,5.4,5.4C55.4,70.1,52.9,72.6,50,72.6z M50,63.8 c-1.8,0-3.4,1.6-3.4,3.4s1.6,3.4,3.4,3.4s3.4-1.6,3.4-3.4S51.8,63.8,50,63.8z"></path> </g> <g> <path d="M50,79.8c-6.9,0-12.6-5.7-12.6-12.6c0-7,5.7-12.7,12.6-12.7c6.9,0,12.6,5.7,12.6,12.6C62.6,74.1,56.9,79.8,50,79.8z M50,56.5c-5.8,0-10.6,4.8-10.6,10.7c0,5.8,4.8,10.6,10.6,10.6S60.6,73,60.6,67.1C60.6,61.3,55.8,56.5,50,56.5z"></path> </g> <g> <path d="M85.7,67.4H62.1c-0.6,0-1-0.4-1-1s0.4-1,1-1h23.6c1.7,0,3.3-0.7,4.5-1.9c0.9-1.3,6.7-11.1,6.8-12.6V40.2 c0-6.2-8.9-28-12.2-31.3C81,5.1,75.9,3,70.6,3H8.8c-1.5,0-3,0.6-4.1,1.8c-1.1,1.1-1.6,2.5-1.6,4l0,50.9c0,3.1,2.6,5.7,5.7,5.7 h29.5c0.6,0,1,0.4,1,1s-0.4,1-1,1H8.8c-4.2,0-7.7-3.5-7.7-7.7V8.8c-0.1-2,0.7-4,2.2-5.4C4.7,1.9,6.7,1,8.8,1h61.8 C76.5,1,82,3.3,86.2,7.5C89.9,11.2,99,33.4,99,40.2v10.7c0,2.4-7.2,13.9-7.3,14C90.1,66.5,88,67.4,85.7,67.4z"></path> </g> <g> <path d="M15.6,43.7H2c-0.6,0-1-0.4-1-1s0.4-1,1-1h13.6c0.6,0,1,0.4,1,1S16.2,43.7,15.6,43.7z"></path> </g> <g> <path d="M97.6,43.7H36c-0.6,0-1-0.4-1-1s0.4-1,1-1h61.6c0.6,0,1,0.4,1,1S98.2,43.7,97.6,43.7z"></path> </g> <g> <path d="M15.6,49.8H2.4c-0.6,0-1-0.4-1-1s0.4-1,1-1h13.2c0.6,0,1,0.4,1,1S16.2,49.8,15.6,49.8z"></path> </g> <g> <path d="M97.2,49.8H36c-0.6,0-1-0.4-1-1s0.4-1,1-1h61.2c0.6,0,1,0.4,1,1S97.8,49.8,97.2,49.8z"></path> </g> <g> <path d="M34.6,67.4c-0.6,0-1-0.4-1-1V23.2c-0.1-2.6-2.1-4.6-4.6-4.6h-7.8c-2.6,0.1-4.6,2.1-4.6,4.6v43.2c0,0.6-0.4,1-1,1 s-1-0.4-1-1V23.2c0-3.6,2.9-6.5,6.6-6.6l7.8,0c3.6,0,6.5,2.9,6.6,6.6l0,43.2C35.6,67,35.2,67.4,34.6,67.4z"></path> </g> <g> <path d="M81.9,35.7H55.4c-2.1,0-3.8-1.7-3.8-3.8V16.1c0-2.1,1.7-3.8,3.8-3.8h16.9c3.2,0.2,6.1,2.1,7.7,4.9c0,0,0,0.1,0.1,0.1 l4.8,12.6c0.4,1.3,0.1,3.2-0.8,4.5C83.4,35.3,82.7,35.7,81.9,35.7z M72.2,14.3l-16.8,0c-1,0-1.8,0.8-1.8,1.8v15.8 c0,0.9,0.9,1.8,1.8,1.8h26.5c0.1,0,0.3-0.1,0.5-0.4c0.6-0.8,0.8-2.1,0.6-2.7l-4.8-12.5C76.9,15.9,74.7,14.5,72.2,14.3z"></path> </g> <g> <path d="M98,67.4H82.7c-0.6,0-1-0.4-1-1s0.4-1,1-1H98c0.6,0,1,0.4,1,1S98.6,67.4,98,67.4z"></path> </g> </g></g></svg></i> </div> <div class="title h3">Best Hill Stations</div> <p class="content"> Enjoy the beauty of famous hill stations in Uttarakhand. </p> </div> </div> </div> </div> <!-- try --> <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCjRbNqrPadFPX4ATmL02jUdQxDuTOocGU&libraries=places"></script> <script> function initialize() { var options = { types:'cities', componentRestrictions: {country: 'ind'} }; var input = document.getElementById('autocomplete'); var autocomplete = new google.maps.places.Autocomplete(input, options); var input = document.getElementById('autocomplete2'); var autocomplete2 = new google.maps.places.Autocomplete(input, options); var input = document.getElementById('autocomplete3'); var autocomplete3 = new google.maps.places.Autocomplete(input, options); var input = document.getElementById('autocomplete4'); var autocomplete4 = new google.maps.places.Autocomplete(input, options); var input = document.getElementById('autocomplete5'); var autocomplete5 = new google.maps.places.Autocomplete(input, options); var input = document.getElementById('autocomplete6'); var autocomplete6 = new google.maps.places.Autocomplete(input, options); var input = document.getElementById('autocomplete7'); var autocomplete7 = new google.maps.places.Autocomplete(input, options); var input = document.getElementById('autocomplete8'); var autocomplete8 = new google.maps.places.Autocomplete(input, options); var input = document.getElementById('autocomplete9'); var autocomplete9 = new google.maps.places.Autocomplete(input, options); google.maps.event.addListener(autocomplete2, 'place_changed', function () { var one_way = autocomplete2.getPlace(); // document.getElementById('city2').value = place.name; document.getElementById('lat').value = one_way.geometry.location.lat(); document.getElementById('long').value = one_way.geometry.location.lng(); }); google.maps.event.addListener(autocomplete4, 'place_changed', function () { var round_way = autocomplete4.getPlace(); // document.getElementById('city2').value = place.name; document.getElementById('lat1').value = round_way.geometry.location.lat(); document.getElementById('long1').value = round_way.geometry.location.lng(); }); // ==========================airport======================== google.maps.event.addListener(search1, 'place_changed', function () { var airport = search1.getPlace(); // document.getElementById('city2').value = place.name; document.getElementById('lat_from').value = airport.geometry.location.lat(); document.getElementById('long_from').value = airport.geometry.location.lng(); }); google.maps.event.addListener(autocomplete8, 'place_changed', function () { var airport_to = autocomplete8.getPlace(); // document.getElementById('city2').value = place.name; document.getElementById('lat_to').value = airport_to.geometry.location.lat(); document.getElementById('long_to').value = airport_to.geometry.location.lng(); }); } google.maps.event.addDomListener(window, 'load', initialize); </script> <script> $("select").change(function() { document.getElementById("loc").innerHTML = document.getElementById("se").value; }); </script> <section class="py-lg-4 py-3 popular-services bg-light"> <div class="container-fluid"> <div class="center-title pb-4"> <div class="title h2" style="text-shadow: 1px 1px 1px #afaeae;text-align: center;">Cab Services</div> <hr id="hd"> </div> <div class="row"> <div class="col-md-4 mt-4"> <div class="service-list" style="background-image:linear-gradient( rgba(0, 0, 0, 0.8) , rgba(0, 0, 0, 0.8)),url(https://cabz4you.com/images/fri.jpg);"> <div class="h3">Dehradun Taxi Service</div> <ul> <li><a href="https://cabz4you.com/taxi-service-in-dehradun.php"> Taxi Service in Dehradun</a></li> <li><a href="https://cabz4you.com/dehradun-taxi-service.php"> Dehradun Taxi Service</a></li> <li><a href="https://cabz4you.com/dehradun-to-delhi-taxi-service.php"> Dehradun To Delhi Taxi Service</a></li> <li><a href="https://cabz4you.com/dehradun-to-mussoorie-taxi-service.php"> Dehradun To Mussoorie Taxi Service</a></li> <li><a href="https://cabz4you.com/dehradun-to-haridwar-taxi-service.php"> Dehradun To Haridwar Taxi Service</a></li> <li><a href="https://cabz4you.com/dehradun-to-rishikesh-taxi-service.php"> Dehradun To Rishikesh Taxi Service</a></li> <li><a href="https://cabz4you.com/dehradun-to-jollygrant-airport-taxi-service.php"> Dehradun To Jollygrant Airport Taxi Service</a></li> <li><a href="https://cabz4you.com/rishikesh-to-outstation-taxi-service.php"> Rishikesh To Outstation Taxi Service</a></li> <li><a href="https://cabz4you.com/dehradun-to-outstation-taxi-service.php"> Dehradun To Outstation Taxi Service</a></li> <li><a href="https://cabz4you.com/dehradun-to-auli-taxi-service.php"> Dehradun To Auli Taxi Service</a> </li> <li><a href="https://cabz4you.com/dehradun-to-manali-taxi-service.php"> Dehradun To Manali Taxi Service</a></li> <li><a href="https://cabz4you.com/cab-in-dehradun.php">Cab in Dehradun</a></li> <li><a href="https://cabz4you.com/taxi-hire-in-dehradun.php">Taxi Hire in Dehradun</a></li> <li><a href="https://cabz4you.com/cab-hire-in-dehradun.php">Cab Hire in Dehradun</a></li> <li><a href="https://cabz4you.com/cab-service-in-dehradun.php">Cab Service in Dehradun</a></li> </ul> </div> </div> <div class="col-lg-8"> <div class="row gy-4"> <div class="col-md-6 mt-4"> <div class="service-list" style="background-image:linear-gradient( rgba(0, 0, 0, 0.8) , rgba(0, 0, 0, 0.8)),url(https://cabz4you.com/images/delhi.jpg);"> <div class="h3">Delhi Taxi Service</div> <ul> <li><a href="https://cabz4you.com/delhi-to-dehradun-taxi-service.php"> Delhi To Dehradun Taxi Service</a></li> <li><a href="https://cabz4you.com/delhi-to-rishikesh-taxi-service.php"> Delhi To Rishikesh Taxi Service</a></li> <li><a href="https://cabz4you.com/delhi-to-haridwar-taxi-service.php"> Delhi To Haridwar Taxi Service</a></li> <li><a href="https://cabz4you.com/delhi-to-outstation-taxi-service.php"> Delhi To Outstation Taxi Service</a></li> <li><a href="https://cabz4you.com/delhi-to-haldwani-taxi-service.php"> Delhi To Haldwani Taxi Service</a></li> <li><a href="https://cabz4you.com/delhi-to-nainital-taxi-service.php"> Delhi To Nainital Taxi Service</a></li> <li><a href="https://cabz4you.com/delhi-to-ramnagar-taxi-service.php"> Delhi To Ramnagar Taxi Service</a></li> <li><a href="https://cabz4you.com/nainital-to-delhi-taxi-service.php"> Nainital To Delhi Taxi Service</a></li> <li><a href="https://cabz4you.com/ramnagar-to-delhi-taxi-service.php"> Ramnagar To Delhi Taxi Service</a></li> </ul> </div> </div> <div class="col-md-6 mt-4"> <div class="service-list" style="background-image:linear-gradient( rgba(0, 0, 0, 0.8) , rgba(0, 0, 0, 0.8)),url(https://cabz4you.com/images/rishikesh.jpg);"> <div class="h3">Rishikesh Taxi Service</div> <ul> <li><a href="https://cabz4you.com/rishikesh-to-jollygrant-airport-taxi-service.php"> Rishikesh To Jollygrant Airport Taxi Service</a></li> <li><a href="https://cabz4you.com/rishikesh-to-roorkee-taxi-service.php"> Rishikesh To Roorkee Taxi Service</a></li> <li><a href="https://cabz4you.com/rishikesh-to-haridwar-taxi-service.php"> Rishikesh To Haridwar Taxi Service</a></li> <li><a href="https://cabz4you.com/rishikesh-to-dehradun-taxi-service.php"> Rishikesh To Dehradun Taxi Service</a></li> <li><a href="https://cabz4you.com/rishikesh-to-delhi-taxi-service.php"> Rishikesh To Delhi Taxi Service</a></li> </ul> </div> </div> <div class="col-md-6 mt-4"> <div class="service-list" style="background-image:linear-gradient( rgba(0, 0, 0, 0.8) , rgba(0, 0, 0, 0.8)),url(https://cabz4you.com/images/haridwar.jpg);"> <div class="h3">Haridwar Taxi Service</div> <ul> <li><a href="https://cabz4you.com/haridwar-to-dehradun-taxi-service.php"> Haridwar To Dehradun Taxi Service</a></li> <li><a href="https://cabz4you.com/haridwar-to-jollygrant-taxi-service.php"> Haridwar To Jollygrant Taxi Service</a></li> <li><a href="https://cabz4you.com/haridwar-to-outstation-taxi-service.php"> Haridwar To Outstation Taxi Service</a></li> <li><a href="https://cabz4you.com/haridwar-to-delhi-taxi-service.php"> Haridwar To Delhi Taxi Service</a></li> </ul> </div> </div> <div class="col-md-6 mt-4"> <div class="service-list" style="background-image:linear-gradient( rgba(0, 0, 0, 0.8) , rgba(0, 0, 0, 0.8)),url(https://cabz4you.com/images/jollygrant.jpg);"> <div class="h3">Jollygrant & Roorkee Taxi Service</div> <ul> <li><a href="https://cabz4you.com/jollygrant-airport-to-haridwar-taxi-service.php"> Jollygrant Airport To Haridwar Taxi Service</a></li> <li><a href="https://cabz4you.com/jollygrant-airport-to-rishikesh-taxi-service.php"> Jollygrant Airport To Rishikesh Taxi Service</a></li> <li><a href="https://cabz4you.com/roorkee-to-dehradun-taxi-service.php"> Roorkee To Dehradun Taxi Service</a></li> <li><a href="https://cabz4you.com/roorkee-to-jollygrant-taxi-service.php"> Roorkee To Jollygrant Taxi Service</a></li> </ul> </div> </div> </div> </div> </div> </div> </section> <footer class="ws-section-spacing img-footer" id="m-bf"> <div class="container-fluid" id="ftr"> <div class="row no-gutters"> <div class="col-lg-3 col-md-7 col-sm-12"> <div class="footer-widget"> <div class="title"> <div class="h3" style="text-shadow: 1px 1px 2px #fff;">About Us</div> </div> <p>We are Dehradun based taxi service provider. We provide outstation taxi, one way taxi & round trip taxi service in Dehradun. And we also provide taxi service for Chardham Yatra and Mussoorie sightseeing at best rates. </p> <ul class="social-link"> <li> <a href="https://www.facebook.com/profile.php?id=61554848866697&mibextid=JRoKGi" class="facebook" target="_blank"> <i class="fa fa-facebook-f"></i> <span class="bg-shifter"><i class="fa fa-facebook-f"></i></span> </a> </li> <li> <a href="https://twitter.com/Cabsz4u" class="Twitter" target="_blank"> <i class="fa fa-twitter"></i> <span class="bg-shifter"><i class="fa fa-twitter"></i></span> </a> </li> <li> <a href="https://www.instagram.com/cabz4u/" class="instagram" target="_blank"> <i class="fa fa-instagram"></i> <span class="bg-shifter"><i class="fa fa-instagram"></i></span> </a> </li> <li> <a href="javascript:void[0]" class="Linkedin" target="_blank"> <i class="fa fa-linkedin"></i> <span class="bg-shifter"><i class="fa fa-linkedin"></i></span> </a> </li> <li> <a href="javascript:void[0]" class="view-modal share-icon"> <i class="fa fa-share-alt"></i> <span class="bg-shifter"><i class="fa fa-share-alt"></i></span> </a> </li> </ul> </div> </div> <!-- <div class="col-lg-3 col-md-5 col-sm-12"> <div class="footer-widget" style="font-size: 14px;"> <div class="title"> <div class="h3" style="text-shadow: 1px 1px 2px #fff;">Quick Links</div> </div> <ul class="link-widget unorder"> <li><a href="one-way.php">One Way</a></li> <li><a href="outstation.php">Round Trip</a></li> <li><a href="blog.php">Blog</a></li> <li><a href="vendor-app-privacy-policy.php">Privacy Policy</a></li> <li><a href="terms-and-conditions.php">Terms & Conditions</a></li> <li><a href="refund-policy.php">Refund Policy</a></li> </ul> </div> </div> --> <div class="col-lg-3 col-md-5 col-sm-12"> <div class="footer-widget"> <div class="title"> <div class="h3" style="text-shadow: 1px 1px 2px #fff;">Quick Links </div> </div> <div class="footer-block-contant"> <ul class="link-widget unorder"> <li><a href="https://cabz4you.com/dehradun-to-mussoorie-taxi-service.php">Dehradun To Mussoorie Taxi Service</a></li> <li><a href="https://cabz4you.com/dehradun-to-rishikesh-taxi-service.php">Dehradun To Rishikesh Taxi Service</a></li> <li><a href="https://cabz4you.com/dehradun-to-haridwar-taxi-service.php">Dehradun To Haridwar Taxi Service</a></li> <li><a href="https://cabz4you.com/delhi-to-dehradun-taxi-service.php">Delhi to Dehradun Taxi Service</a></li> <li><a href="https://cabz4you.com/haridwar-to-delhi-taxi-service.php">Haridwar to Delhi Taxi Service</a></li> <li><a href="https://cabz4you.com/haridwar-to-dehradun-taxi-service.php">Haridwar to Dehradun Taxi Service</a></li> <li><a href="https://cabz4you.com/privacy-policy.php">Privacy Policy</a></li> </ul> </div> </div> </div> <div class="col-lg-3 col-md-7 col-sm-12"> <div class="footer-widget"> <div class="title"> <div class="h3" style="text-shadow: 1px 1px 2px #fff;">Contact Info Dehradun Branch</div> </div> <ul class="link-widget" id="icons"> <!--<li><i class="fa fa-map-marker"></i><a href="javascript:void[0]">Vidhan Sabha Colony, Ajabpur Kalan, Dehradun, Uttarakhand 248001</a></li>--> <li><i class="fa fa-map-marker"></i><a class="text-white" href="">380, Khurbura Mohalla, Kanwali Road, Dehradun(Uttarakhand 248001)</a> <li><i class="fa fa-envelope"></i><a class="text-white" href="mailto:cabz4you@gmail.com"> cabz4you@gmail.com</a></li> <li><i class="fa fa-phone"></i><a class="text-white" href="tel:7830530004">+91 7830530004</a> </li> <!-- <li><i class="fa fa-phone"></i><a class="text-white" href="tel:7830530004">+91 7830530004</a></li> --> <div class="title"> <h4 style="color: white; text-shadow: 1px 1px 2px #fff;">Roorkee Branch</h4> </div> <li><i class="fa fa-map-marker"></i><a class="text-white" href="">Krishana Nagar gali no. 8 Roorkee, Rajendra Nagar, Roorkee, Haridwar, 247667</a></li> <li><i class="fa fa-phone"></i><a class="text-white" href="tel:7830530005">+91 7830530005</a> </li> </ul> </div> </div> <div class="col-lg-3 col-md-7 col-sm-12"> <div class="footer-widget border-0"> <div class="title"> <div class="h3" style="text-shadow: 1px 1px 2px #fff;">Contact Info Delhi Branch</div> </div> <ul class="link-widget" id="icons"> <li><i class="fa fa-map-marker"></i><a href="javascript:void[0]">Plot no. 7, New Gopal Nagar Extn. Near Rail Factory Road Nagafgarh South West, Delhi 110043</a></li> <li><i class="fa fa-phone"></i><a class="text-white" href="tel:7060000113">+91 7060000113</a> </li> <li><i class="fa fa-envelope"></i><a class="text-white" href="mailto:delhi@cabz4you.com">delhi@cabz4you.com</a></li> </ul> </div> </div> </div> </div> </footer> <div class="footer-bottom text-white" style="padding: 8px;"> <div class="container-fluid"> <div class="row flex-column-reverse flex-column-reverse flex-md-row flex-lg-row"> <div class="col-lg-7"> <div class="left-text" style="font-size: 14px;color: #fff!important;"> Copyright © 2023 Cabz 4 U \| All Rights Reserved. This website is Designed & Developed By <a href="http://creativedigitalinfotech.com/" target="_blank" style="color: #fff;font-weight: 600;">Creative Digital Infotech</a> </div> </div> <div class="col-lg-5"> <ul> <a href="https://cabz4you.com/vendor-app-privacy-policy.php">Privacy Policy</a> <a href="https://cabz4you.com/terms-and-conditions.php">Terms & Conditions</a> <a href="https://cabz4you.com/refund-policy.php">Refund Policy</a> </ul> </div> </div> </div> </div> </div><!-- /.page-wrapper --> </main> <!-- Share Icon modal --> <div class="popup"> <div class="head"> <span>Share With</span> <div class="close"><i class="fa fa-times"></i></div> </div> <div class="content"> <p>Share this link via</p> <ul class="icons"> <a href="https://www.facebook.com/sharer/sharer.php?u=https://cabz4you.com/" target="_blank" title="facebook"><i class="fa fa-facebook-f facebook"></i></a> <a href="https://twitter.com/share?url=https://cabz4you.com/" target="_blank" title="twitter"><i class="fa fa-twitter twitter"></i></a> <a href="https://instagram.com/igshid=https://cabz4you.com/" target="_blank" title="Instagram"><i class="fa fa-instagram"></i></a> <a href="https://api.whatsapp.com/send?text=https://cabz4you.com/" target="_blank" title="whatsapp"><i class="fa fa-whatsapp whatsapp"></i></a> <a href="https://in.linkedin.com/share?url=https://cabz4you.com/" target="_blank" title="linkedin"><i class="fa fa-linkedin linkedin"></i></a> </ul> </div> </div> <style> / The Modal (background) / .modal { display: none; / Hidden by default / position: fixed; / Stay in place / z-index: 1; / Sit on top / /padding-top: 100px;/ / Location of the box / left: 0; top: 0; width: 100%; / Full width / height: 100%; / Full height / overflow: auto; / Enable scroll if needed / background-color: rgb(0, 0, 0); / Fallback color / background-color: rgba(0, 0, 0, 0.4); / Black w/ opacity / } / Modal Content / .modal-content { background-color: #fefefeed; margin: auto; padding: 20px; border: 1px solid #888; width: 500px; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: 0px !important; } @media only screen and (max-width: 480px) { .modal-content { width: 90%; height: auto; } } / The Close Button / .close { color: #aaaaaa; float: right; font-size: 28px; font-weight: bold; } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; } </style> <div id="myModals" class="modal" style="z-index:100000000000000000000000000;"> <!-- Modal content --> <div class="modal-content"> <span class="close" style="position: absolute;top: 0px;right: 10px;opacity: 1;color: #000000;">×</span> <div class="h1">Book Us Now</div> <form action="https://cabz4you.com/queries.php" class="contact-form-one row pt-4" id="contact-form" method="POST"> <div class="col-lg-12"> <div class="input-holder mb-3"> <input class="form-control" type="text" name="form_name" placeholder="Your name" required style="border: 1px solid #0f85fb!important;"> </div><!-- /.input-holder --> </div><!-- /.col-lg-6 --> <div class="col-lg-12"> <div class="input-holder mb-3"> <input class="form-control" type="email" name="form_email" placeholder="Email address" required style="border: 1px solid #0f85fb!important;"> </div><!-- /.input-holder --> </div><!-- /.col-lg-6 --> <div class="col-lg-12"> <div class="input-holder mb-3"> <input class="form-control" type="tel" maxlength="10" pattern="[0-9]{10}" name="form_phone" placeholder="Mobile Number" required style="border: 1px solid #0f85fb!important;"> </div><!-- /.input-holder --> </div><!-- /.col-lg-6 --> <div class="col-lg-12"> <div class="input-holder mb-3"> <textarea class="form-control" name="form_message" placeholder="Write message" rows="4" required style="border: 1px solid #0f85fb!important;"></textarea> </div><!-- /.input-holder --> </div><!-- /.col-lg-6 --> <div class="col-lg-12"> <div class="input-holder text-center"> <button class="btn btn-primary" type="submit" name="submit_queries"><span>Send Message</span></button> </div><!-- /.input-holder --> </div><!-- /.col-lg-6 --> </form> </div> </div> <!-- payment option popup box --> <div class="popup-overlay" id="paymentPopup"> <div class="popup-box"> <div class="payment-box-heading">Select Payment Method</div> <div class="pay-option"> <button data-method="credit_card">Razorpay</button> <button data-method="debit_card">HDFC</button> </div> <br> <button id="closePopup" class="btn btn-danger">Cancel</button> </div> </div> <script> // share icon modal $(".view-modal").click(function () { $(".popup").toggle("slow"); }); // close popup $(".popup .close").click(function () { $(".popup").toggle("slow"); }); // Book us now modal $("#myBtn").click(function () { $("#myModals").toggle("slow"); }); // close popup $("#myModals .close").click(function () { $("#myModals").toggle("slow"); }); $('#cash_payment').on('click', function () { $('#formsubmit').attr('action', 'submit.php'); }); $('#click').on('click', function () { $('#formsubmit').attr('action', 'confirmrazorpay.php'); }); $('#click2').on('click', function () { $('#formsubmit').attr('action', 'confirmrazorpay.php'); }); // jQuery form submit with loader $(document).ready(function () { $('#formsubmit').submit(function () { document.getElementById('loader').style.display = 'block'; }); }); $(document).ready(function () { $("button[name='buk-nw']").click(function (event) { event.preventDefault(); // Prevent form submission // Validate required fields var name = $("input[name='cust_name']").val().trim(); var email = $("input[name='cust_email']").val().trim(); var phone = $("input[name='cust_mob']").val().trim(); var address = $("input[name='cust_add']").val().trim(); if (name != "" \|\| email != "" \|\| phone != "" \|\| address != "") { $("#paymentPopup").fadeIn(); // Show the payment popup if validation passes } }); // Close the popup when the cancel button is clicked $("#closePopup").click(function () { $("#paymentPopup").fadeOut(); }); }); </script> <script src="https://cabz4you.com/js/jquery.js"></script> <script src="https://cabz4you.com/js/owl.carousel.min.js"></script> <script async src="https://cabz4you.com/js/index.js"></script> <script src="https://cabz4you.com/js/aos.js"></script> <script> AOS.init(); </script> <script src="https://cabz4you.com/js/select2.min.js"></script> <link href="https://cabz4you.com/css/select2.min.css" rel="stylesheet" /> <script> $('.select-2').select2({ width: '100%', placeholder: "Select an Option" }); $('.select2').select2({ dropdownParent: $('#myModal') // Set the modal as the parent }); $('#search').select2({ width: '100%', placeholder: "Select an Option", allowClear: true }); </script> <script src="https://cabz4you.com/js/jquery.min.js"></script> <script src="https://cabz4you.com/js/owl.carousel.min.js"></script> <script src="https://unpkg.com/ityped@0.0.10"></script> <script> jQuery("#footer-slider").owlCarousel({ autoplay: false, rewind: true, margin: 0, responsiveClass: true, autoHeight: true, autoplayTimeout: 7000, smartSpeed: 800, nav: false, responsive: { 0: { items: 1 }, 600: { items: 3 }, 1024: { items: 3 }, 1366: { items: 3 } } }); jQuery("#cab-fare").owlCarousel({ autoplay: true, rewind: true, margin: 20, responsiveClass: true, autoHeight: true, autoplayTimeout: 7000, smartSpeed: 800, nav: false, responsive: { 0: { items: 1 }, 600: { items: 3 }, 1024: { items: 3 }, 1366: { items: 3 } } }); jQuery("#carousel").owlCarousel({ autoplay: true, rewind: true, margin: 20, responsiveClass: true, autoHeight: true, autoplayTimeout: 7000, smartSpeed: 800, nav: true, dots: false, responsive: { 0: { items: 1 }, 600: { items: 1 }, 1024: { items: 3 }, 1366: { items: 3 } } }); $('.counter-count').each(function () { $(this).prop('Counters', 0).animate({ Counter: $(this).text() }, { //chnage count up speed here duration: 4000, easing: 'swing', step: function (now) { $(this).text(Math.ceil(now)); } }); }); // ======auto type text======= // ========autotype text============ window.ityped.init(document.querySelector('.ityped0'), { strings: ['Online Cab Booking'], loop: true }) window.ityped.init(document.querySelector('.ityped1'), { strings: ['Online Cab Booking'], loop: true }) window.ityped.init(document.querySelector('.ityped2'), { strings: ['Online Cab Booking'], loop: true }) window.ityped.init(document.querySelector('.ityped3'), { strings: ['Online Cab Booking'], loop: true }) </script> <script> function openPage(pageName, elmnt, color) { var i, tabcontent, tablinks; tabcontent = document.getElementsByClassName("tabcontent"); for (i = 0; i < tabcontent.length; i++) { tabcontent[i].style.display = "none"; } tablinks = document.getElementsByClassName("tablink"); for (i = 0; i < tablinks.length; i++) { tablinks[i].style.backgroundColor = ""; } document.getElementById(pageName).style.display = "block"; elmnt.style.backgroundColor = color; } // Get the element with id="defaultOpen" and click on it document.getElementById("defaultOpen").click(); jQuery("#carousel").owlCarousel({ autoplay: true, rewind: true, margin: 20, responsiveClass: true, autoHeight: true, autoplayTimeout: 7000, smartSpeed: 800, nav: true, responsive: { 0: { items: 1 }, 600: { items: 3 }, 1024: { items: 3 }, 1366: { items: 3 } } }); function swipe_from_to(from, to) { var from1 = $('#' + from).val(); var to1 = $('#' + to).val(); $('#' + from).val(to1); $('#' + to).val(from1); } // booking calculation amenities function amenities_price(id) { var checkbox1 = $('#amenities' + id); var rate = $('#rate').val(); var price = checkbox1.attr('price'); if (checkbox1.prop('checked')) { var total = parseInt(rate) + parseInt(price); var amount_20 = Math.round(total 20 / 100, 2); $('.full_price').text(total); $('.full_amount').val(total); $('.amount_20').val(amount_20); $('.amount_text_20').text(amount_20); $('#rate').val(total); $('.total_price').text(total); } else { var total = parseInt(rate) - parseInt(price); var amount_20 = Math.round(total * 20 / 100, 2); $('.full_price').text(total); $('.full_amount').val(total); $('.amount_20').val(amount_20); $('.amount_text_20').text(amount_20); $('#rate').val(total); $('.total_price').text(total); } } </script> </body> </html>

Warning: Undefined variable $auth in /home/u641149403/domains/cabz4you.com/public_html/public/uploads/blogs/1768628792.php on line 919

Warning: Trying to access array offset on value of type null in /home/u641149403/domains/cabz4you.com/public_html/public/uploads/blogs/1768628792.php on line 919

| ver. 1.4 | Github | . | PHP 8.2.28 | Generation time: 0 | proxy | phpinfo | Settings