1<!doctype html> 2<html class="no-js" lang="en"> 3 4<head> 5 <meta charset="utf-8"> 6 <meta name="csrf-token" content="tzU68H8YicAkGauWElVeTyJIKrqEGCDk4nvnUubx"> 7 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 8 <meta http-equiv="x-ua-compatible" content="ie=edge"> 9 <title>Kabby</title> 10 <meta name="description" content=""> 11 <link rel="icon" type="image/png" sizes="16x16" href="https://www.kabby.in/assets/img/kabbyfabicn.png"> 12 <link href="https://www.kabby.in/assets/plugins/bootstrap/css/bootstrap.css" rel="stylesheet"> 13 <link href="https://www.kabby.in/assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet"> 14 <link rel="stylesheet" href="https://www.kabby.in/assets/plugins/shortcode/shortcode.css"> 15 <link rel="stylesheet" href="https://www.kabby.in/assets/plugins/animate/animate.css"> 16 <link rel="stylesheet" href="https://www.kabby.in/assets/plugins/OwlCarousel/owl.carousel.min.css"> 17 <link rel="stylesheet" href="https://www.kabby.in/assets/plugins/metismenu/css/metismenu.css"> 18 <link rel="stylesheet" type="text/css" href="https://www.kabby.in/css2/newstyle.css"> 19 <link rel="stylesheet" type="text/css" href="https://www.kabby.in/css2/kabby.css"> 20
20<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js" type="text/javascript"></script>
20 21 <!----> 22 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/2.1.2/sweetalert.min.css"> 23 <link href="https://www.kabby.in/css2/css.css" rel="stylesheet"> 24 25 <link rel="stylesheet" href="https://www.kabby.in/driver/assets/frontend/css/animate.css"> 26 <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap"> 27<link rel="preload" as="font" href="https://www.kabby.in/fonts/LuloCleanW01-One.woff2" crossorigin> 28<link rel="preload" as="font" href="https://www.kabby.in/fonts/AvenirNextCyr-Regular.woff2" crossorigin> 29<link rel="preload" as="font" href="https://www.kabby.in/fonts/AvenirNextCyr-Medium.woff2" crossorigin> 30<link rel="preload" as="font" href="https://www.kabby.in/fonts/fa-solid-900.woff2" crossorigin> 31<link rel="preload" as="font" href="https://www.kabby.in/fonts/fa-brands-400.woff2" crossorigin> 32 33<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css"> 34<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flatpickr/dist/themes/material_blue.css"> 35<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.1.0-beta.1/css/select2.min.css" rel="stylesheet"> 36<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/sweetalert2.min.css" rel="stylesheet"> 37<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.1.0-beta.1/css/select2.min.css" rel="stylesheet">
38<script src="https://cdn.jsdelivr.net/npm/flatpickr"></script>
vendor: 1 bytes, line 38
38
39<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.1.0-beta.1/js/select2.min.js"></script>
39 40 <!-- <link href="https://cdn.jsdelivr.net/npm/@coreui/[email protected]/dist/css/coreui.min.css" rel="stylesheet"> --> 41<link rel="stylesheet" href="https://www.kabby.in/css/style.css"> 42<link rel="stylesheet" href="https://www.kabby.in/css/card.css"> 43 44<style id="wpr-usedcss"> 45 @font-face { 46 font-family: LuloCleanOne; 47 src: url(fonts/LuloCleanW01-One.woff2) format("woff2"); 48 /* src: url('fonts/LuloCleanW01-One.woff') format("woff"); */ 49 font-weight: 400; 50 font-style: normal; 51 font-display: swap 52 } 53 54 @font-face { 55 font-display: swap; 56 font-family: 'Avenir Next Cyr'; 57 src: url(/fonts/AvenirNextCyr-Regular.woff2) format("woff2"); 58 /* src: url(/fonts/AvenirNextCyr-Regular.woff) format("woff"); */ 59 font-weight: 400; 60 font-style: normal 61 } 62 63 64 65 .header { 66 text-align: center; 67 margin-bottom: 60px; 68 } 69 70 .header h1 { 71 color: white; 72 font-size: 48px; 73 font-weight: 300; 74 letter-spacing: 8px; 75 margin-bottom: 20px; 76 text-transform: uppercase; 77 } 78 79 .header-line { 80 width: 120px; 81 height: 3px; 82 background: white; 83 margin: 0 auto; 84 } 85 86 .steps-container { 87 display: flex; 88 justify-content: space-between; 89 align-items: flex-start; 90 gap: 20px; 91 margin-bottom: 60px; 92 flex-wrap: wrap; 93 } 94 95 .step { 96 flex: 1; 97 min-width:180px; 98 max-width: 200px; 99 text-align: center; 100 cursor: pointer; 101 transition: transform 0.3s ease; 102 } 103 104 .step:hover { 105 transform: translateY(-5px); 106 } 107 108 .step-box { 109 background: #193150; 110 backdrop-filter: blur(10px); 111 padding: 40px 20px; 112 border-radius: 15px; 113 border: 2px solid rgba(255, 255, 255, 0.2); 114 transition: all 0.3s ease; 115 position: relative; 116 overflow: hidden; 117 height: 200px; 118 display: flex; 119 flex-direction: column; 120 justify-content: center; 121 } 122 123 .step-box::before { 124 content: ''; 125 position: absolute; 126 top: 0; 127 left: -100%; 128 width: 100%; 129 height: 100%; 130 background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent); 131 transition: left 0.5s ease; 132 } 133 134 .step:hover .step-box::before { 135 left: 100%; 136 } 137 138 .step-box.active { 139 background: rgba(255, 255, 255, 0.95); 140 border-color: white; 141 box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3); 142 } 143 144 .step-number { 145 width: 50px; 146 height: 50px; 147 border-radius: 50%; 148 background: rgba(255, 255, 255, 0.2); 149 color: white; 150 display: flex; 151 align-items: center; 152 justify-content: center; 153 font-size: 24px; 154 font-weight: 600; 155 margin: 0 auto 20px; 156 transition: all 0.3s ease; 157 display: none; 158 } 159 160 .step-box.active .step-number { 161 background: #003153; 162 transform: scale(1.1); 163 } 164 165 .step-title { 166 color: white; 167 font-size: 22px; 168 font-weight: 500; 169 line-height: 1.4; 170 line-height: 30px; 171 transition: color 0.3s ease; 172 } 173 174 .step-box.active .step-title { 175 color: #003153; 176 } 177 178 .content-area { 179 background: white; 180 border-radius: 20px; 181 overflow: hidden; 182 box-shadow: 0 15px 50px rgba(0, 0, 0, 0.4); 183 min-height: 450px; 184 position: relative; 185 } 186 187 .tab-content { 188 display: none; 189 width: 100%; 190 height: 100%; 191 position: relative; 192 } 193 194 .tab-content.active { 195 display: flex; 196 animation: fadeInContent 0.6s ease; 197 } 198 199 @keyframes fadeInContent { 200 from { 201 opacity: 0; 202 transform: translateY(20px); 203 } 204 205 to { 206 opacity: 1; 207 transform: translateY(0); 208 } 209 } 210 211 .content-grid { 212 display: grid; 213 grid-template-columns: 1fr 1fr; 214 width: 100%; 215 min-height: 450px; 216 position: relative; 217 z-index: 2; 218 } 219 220 .content-left { 221 padding: 60px; 222 display: flex; 223 flex-direction: column; 224 justify-content: center; 225 background: #f8f9fa; 226 } 227 228 .content-title { 229 color: #003153; 230 font-size: 36px; 231 font-weight: 600; 232 margin-bottom: 15px; 233 letter-spacing: -0.5px; 234 line-height: 52px; 235 } 236 237 .content-divider { 238 width: 60px; 239 height: 4px; 240 background: #193150; 241 margin-bottom: 25px; 242 border-radius: 2px; 243 } 244 245 .content-description { 246 color: #555; 247 font-size: 18px; 248 line-height: 1.8; 249 margin-bottom: 25px; 250 } 251 252 .content-features { 253 list-style: none; 254 } 255 256 .content-features li { 257 color: #003153; 258 font-size: 16px; 259 margin-bottom: 12px; 260 padding-left: 30px; 261 position: relative; 262 } 263 264 .content-features li::before { 265 content: 'â'; 266 position: absolute; 267 left: 0; 268 color: #175e8e; 269 font-weight: bold; 270 font-size: 20px; 271 } 272 273 .content-right { 274 background-size: cover; 275 background-position: center; 276 position: relative; 277 animation: zoomImage 0.8s ease; 278 } 279 280 @keyframes zoomImage { 281 from { 282 transform: scale(1.1); 283 } 284 285 to { 286 transform: scale(1); 287 } 288 } 289 290 .content-right::before { 291 content: ''; 292 position: absolute; 293 top: 0; 294 left: 0; 295 width: 100%; 296 height: 100%; 297 background: linear-gradient(135deg, rgba(23, 94, 142, 0.3), rgba(0, 49, 83, 0.3)); 298 } 299 300 /* Animated vector background */ 301 .animated-bg { 302 position: absolute; 303 top: 0; 304 left: 0; 305 width: 100%; 306 height: 100%; 307 overflow: hidden; 308 z-index: 0; 309 } 310 311 .animated-bg span { 312 position: absolute; 313 display: block; 314 width: 120px; 315 height: 120px; 316 background: rgba(23, 94, 142, 0.15); 317 border-radius: 50%; 318 animation: float 10s linear infinite; 319 } 320 321 .animated-bg span:nth-child(1) { 322 top: 10%; 323 left: 20%; 324 animation-delay: 0s; 325 } 326 327 .animated-bg span:nth-child(2) { 328 top: 40%; 329 left: 60%; 330 width: 150px; 331 height: 150px; 332 animation-delay: 3s; 333 } 334 335 .animated-bg span:nth-child(3) { 336 top: 70%; 337 left: 30%; 338 width: 100px; 339 height: 100px; 340 animation-delay: 5s; 341 } 342 343 @keyframes float { 344 0% { 345 transform: translateY(0) scale(1); 346 opacity: 0.7; 347 } 348 349 50% { 350 transform: translateY(-20px) scale(1.1); 351 opacity: 1; 352 } 353 354 100% { 355 transform: translateY(0) scale(1); 356 opacity: 0.7; 357 } 358 } 359 360 .nav-buttons { 361 display: flex; 362 justify-content: space-between; 363 margin-top: 30px; 364 } 365 366 .nav-buttons button { 367 background: #193150; 368 color: white; 369 border: none; 370 padding: 10px 25px; 371 border-radius: 25px; 372 font-size: 16px; 373 cursor: pointer; 374 transition: all 0.3s ease; 375 } 376 377 .nav-buttons button:hover { 378 transform: translateY(-2px); 379 background: #175e8e; 380 } 381 382 @media (max-width: 968px) { 383 .content-grid { 384 grid-template-columns: 1fr; 385 } 386 387 .content-right { 388 min-height: 300px; 389 } 390 391 .steps-container { 392 flex-direction: column; 393 } 394 395 .step { 396 width: 100%; 397 max-width: 100%; 398 } 399 } 400 401 .scroll-indicator { 402 position: fixed; 403 bottom: 30px; 404 right: 30px; 405 width: 50px; 406 height: 50px; 407 background: white; 408 border-radius: 50%; 409 display: none;
410 align-items: center; 411 justify-content: center; 412 box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3); 413 cursor: pointer; 414 transition: all 0.3s ease; 415 z-index: 1000; 416 } 417 418 .scroll-indicator:hover { 419 transform: translateY(-5px); 420 background: #175e8e; 421 color: white; 422 } 423 424 .scroll-indicator::before { 425 content: 'â'; 426 font-size: 24px; 427 font-weight: bold; 428 color: #003153; 429 } 430 431 .scroll-indicator:hover::before { 432 color: white; 433 } 434 435 /* Car animation: infinite drive + jump + subtle bounce */ 436 .car-animated { 437 width: 100%; 438 /* max-width: 700px; */ 439 position: relative; 440 /* animation: driveJumpInfinite 10s ease-in-out infinite; */ 441 overflow: hidden; 442 } 443 444 @keyframes driveJumpInfinite { 445 0% { 446 transform: translateX(100vw) translateY(0); 447 } 448 449 40% { 450 transform: translateX(0) translateY(0); 451 } 452 453 45% { 454 transform: translateX(0) translateY(-20px); 455 } 456 457 50% { 458 transform: translateX(0) translateY(0); 459 } 460 461 55% { 462 transform: translateX(0) translateY(-10px); 463 } 464 465 60% { 466 transform: translateX(0) translateY(0); 467 } 468 469 100% { 470 transform: translateX(-100vw) translateY(0); 471 } 472 } 473 .icons-div .single-icon img { 474 475 transition: all 0.6s ease; 476} 477 /* Hover effect */ 478.icons-div .single-icon:hover { 479 background: #193150; 480 transform: rotate(360deg); 481 box-shadow: 0 6px 18px rgba(0, 0, 0, 0.2); 482} 483 484/* Change image color to white and rotate opposite */ 485.icons-div .single-icon:hover img { 486 filter: brightness(0) invert(1); 487 transform: rotate(-360deg); 488} 489.trip.active { 490 display: block !important; 491} 492 .flatpickr-time select { 493 padding: 6px; 494 border-radius: 6px; 495 border: unset !important; 496 font-size: 15px; 497 margin-right: 6px; 498 } 499.time-input { 500 position: relative; 501} 502 503.time-dropdown { 504 position: absolute; 505 top: 110%; 506 left: 0; 507 background: #ffffff; 508 border-radius: 14px; 509 box-shadow: 0 12px 30px rgba(0,0,0,0.15); 510 padding: 14px; 511 display: none; 512 gap: 12px; 513 z-index: 999; 514} 515 516.time-dropdown.active { 517 display: flex; 518} 519 520/* columns remind clean */ 521.time-column { 522 max-height: 200px; 523 overflow-y: auto; 524 padding-right: 4px; 525} 526 527/* scrollbar minimal */ 528.time-column::-webkit-scrollbar {
529 width: 4px; 530} 531.time-column::-webkit-scrollbar-thumb { 532 background: #ccc; 533 border-radius: 10px; 534} 535 536/* items */ 537.time-item { 538 min-width: 44px; 539 text-align: center; 540 padding: 8px 0; 541 margin-bottom: 6px; 542 font-size: 14px; 543 font-weight: 500; 544 border-radius: 8px; 545 cursor: pointer; 546 transition: all 0.2s ease; 547 background: #f8f9fa; 548} 549 550/* hover */ 551.time-item:hover { 552 background: #e9ecef; 553} 554 555/* selected */ 556.time-item.disabled { 557 pointer-events: none; 558 opacity: 0.35; 559 background: #f2f2f2; 560 cursor: not-allowed; 561} 562 563.time-item.selected { 564 background: #007bff; 565 color: #fff; 566} 567 568/* AM PM column */ 569.period-column { 570 display: flex; 571 flex-direction: column; 572 gap: 10px; 573} 574 575.period-column .time-item { 576 background: #f0f4ff; 577 font-weight: 600; 578} 579 580.period-column .time-item.selected { 581 background: #0d6efd; 582 color: #fff; 583} 584.time-input input { 585 cursor: pointer; 586 background: #fff; 587} 588.time-dropdown { 589 animation: fadeUp 0.2s ease; 590} 591 592@keyframes fadeUp { 593 from { 594 opacity: 0; 595 transform: translateY(6px); 596 } 597 to { 598 opacity: 1; 599 transform: translateY(0); 600 } 601} 602.time-item.disabled { 603 opacity: 0.35; 604 pointer-events: none; 605} 606.time-dropdown { display:none; position:absolute; background:#fff; border:1px solid #ccc; z-index:99 } 607.time-dropdown.active { display:flex } 608.time-column { max-height:160px; overflow:auto; padding:5px } 609.time-item { padding:6px 10px; cursor:pointer } 610.time-item.disabled { 611 pointer-events: none; 612 opacity: 0.4; 613} 614.time-item.selected { background:#007bff; color:#fff } 615.error { color:red; font-size:12px; margin-top:4px } 616 617.dayContainer.flatpickr-day .nextMonthDay{ 618 color:black !important; 619} 620.autocomplete-active { 621 background-color: #193150; 622 color: #fff; 623 cursor: pointer; 624} 625.autocomplete-list{ 626 max-height:200px; 627 overflow-y:auto; 628} 629</style> 630 631 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" 632 integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA==" 633 crossorigin="anonymous" referrerpolicy="no-referrer" /> 634 635 <style> 636 .navbar-nav .nav-item.dropdown:hover > .dropdown-menu { 637 display: block; 638 margin-top: 0; 639 } 640 641 /* Style for the autocomplete dropdown */ 642 #search-list { 643 position: absolute; 644 display: inline-block; 645 } 646 647 #search-list { 648 display: none; 649 position: relative; 650 background-color: #f9f9f9; 651 min-width: 160px; 652 box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2); 653 z-index: 1; 654 } 655 656 #search-list a { 657 color: black; 658 padding: 12px 16px; 659 text-decoration: none; 660 display: block; 661 } 662 663 #search-list a:hover { 664 background-color: #f1f1f1; 665 } 666 667 #search-list { 668 list-style: none; 669 padding: 0; 670 margin: 42px 10px 0px 0px; 671 position: absolute; 672 width: 100%; 673 max-height: 200px; 674 /* Set max-height as needed */ 675 overflow-y: auto; 676 /* Enable vertical scroll if needed */ 677 border: 1px solid #ccc; 678 background-color: #fff; 679 border-radius: 5px; 680 box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); 681 z-index: 1000; 682 } 683 684 #search-list li { 685 padding: 10px; 686 cursor: pointer; 687 } 688 689 #search-list li:hover { 690 background-color: #f0f0f0; 691 } 692 693 .btnnnnnn { 694 position: fixed; 695 bottom: 50px; 696 right: 50px; 697 display: none; 698 z-index: 500; 699 } 700 701 .login-kabby { 702 color: #fff; 703 font-size: 14px; 704 font-weight: 600; 705 padding: 10px 20px; 706 text-transform: uppercase; 707 display: flex; 708 align-items: center; 709 gap: 2px; 710 } 711@media (max-width: 480px) { 712 .time-dropdown { 713 position: absolute; 714 top: unset !important; 715 left: 50%; 716 transform: translate(-77%, 2%);} 717 .login-box{ 718 padding: unset !important; 719 padding-top: 100px; 720 } 721 .location-item2 img{ 722 margin-left: 0 !important; 723} 724.location-item1 img{ 725 margin-left: 0 !important; 726} 727} 728 </style> 729</head> 730 731<body class="theme-1"> 732 <header class="theme-1"> 733 734 <div class="header__lower "> 735 <div class="container"> 736 <div class="row"> 737 <div class="col-12 col-lg-12 d-flex justify-content-between"> 738 <div class="header__upper--left"> 739 740 <div class="d-block d-lg-none logo w-49px"> 741 <a href="/"><img src="https://www.kabby.in/assets/img/kabbyfabicn.png" 742 alt="Kabby"></a> 743 </div> 744 745 <button type="button" class="nav-toggle-btn a-nav-toggle ms-auto d-block d-lg-none" 746 style="position:absolute !important;right:40px;">
747 <span class="nav-toggle nav-toggle-sm"> 748 <span class="stick stick-1"></span> 749 <span class="stick stick-2"></span> 750 <span class="stick stick-3"></span> 751 </span> 752 </button> 753 754 </div> 755 756 <nav class="navbar navbar-expand-lg navbar-dark" style="width:100%;"> 757 <button class="navbar-toggler" type="button" data-toggle="collapse" 758 data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" 759 aria-expanded="false" aria-label="Toggle navigation"> 760 <span class="navbar-toggler-icon"></span> 761 </button> 762 763 <div class="collapse navbar-collapse justify-content-between" id="navbarSupportedContent" 764 style="width:100%"> 765 <a href="/"><img src="assets/images/kabbylogo5.png" width="100" height="72" 766 alt="Kabby"></a> 767 <ul class="navbar-nav d-flex justify-content-evenly navlistkiwidth"> 768 769 <li class="nav-item"> 770 <a class="nav-link secondbarvalichngs" href="/"> 771 <i class="fas fa-home me-1"></i>Home</a> 772 </li> 773 <li class="nav-item"> 774 <a class="nav-link secondbarvalichngs" href="about"><i 775 class="fas fa-exclamation-circle me-1"></i>About Us</a> 776 </li> 777 778 <li class="nav-item"> 779 <a class="nav-link secondbarvalichngs" href="our-mission"> 780 <i class="fa-solid fa-rocket me-1"></i>Our mission</a> 781 </li> 782 783 <li class="nav-item"> 784 <a class="nav-link secondbarvalichngs" href="safety"><i 785 class="fas fa-cube me-1"></i>Safety</a> 786 </li> 787 <li class="nav-item"> 788 <a class="nav-link secondbarvalichngs" href="CSR"> 789 <i class="fa-solid fa-shield-halved "></i> 790 CSR 791 </a> 792 </li> 793 794 <li class="nav-item dropdown"> 795 <a class="nav-link dropdown-toggle secondbarvalichngs" 796 href="https://www.kabby.in/blogs" 797 onclick="window.location.href=this.href; return false;"> 798 <i class="fas fa-book-open me-1"></i>Blog<span 799 class="sr-only">(current)</span> 800 </a> 801 <ul class="dropdown-menu"> 802 <li><a class="dropdown-item" href="https://www.kabby.in/blogs/category/punjab-to-delhi-blogs">Punjab To 803 Delhi Blogs</a></li> 804 <li><a class="dropdown-item" href="https://www.kabby.in/blogs/category/harayana-to-delhi-blogs">Haryana 805 To Delhi Blogs</a></li> 806 <li><a class="dropdown-item" href="https://www.kabby.in/blogs/category/maharashtra">Maharashtra</a></li> 807 <li><a class="dropdown-item" href="https://www.kabby.in/blogs/category/uttar-pradesh">Uttar Pradesh</a></li> 808 <li><a class="dropdown-item" href="https://www.kabby.in/blogs/category/uttarakhand">Uttarakhand</a></li> 809 <li><a class="dropdown-item" href="https://www.kabby.in/blogs/category/delhi">Delhi</a></li> 810 <li><a class="dropdown-item" href="https://www.kabby.in/blogs/category/rajasthan">Rajasthan</a></li> 811 </ul> 812 </li> 813 814 </ul> 815 <ul style="margin-bottom: 0;"> 816 <li class="nav-item"> 817 818 <a class="nav-link secondbarvalichngs login-kabby" 819 href="https://www.kabby.in/user-login-form"> 820 <svg xmlns="http://www.w3.org/2000/svg" fill="none" width="25" height="25"
821 viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" 822 class="size-6"> 823 <path stroke-linecap="round" stroke-linejoin="round" 824 d="M17.982 18.725A7.488 7.488 0 0 0 12 15.75a7.488 7.488 0 0 0-5.982 2.975m11.963 0a9 9 0 1 0-11.963 0m11.963 0A8.966 8.966 0 0 1 12 21a8.966 8.966 0 0 1-5.982-2.275M15 9.75a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" /> 825 </svg> 826 Login 827 </a> 828 </li> 829 </ul> 830 831 </div> 832 </nav> 833 834 </div> 835 836 </div> 837 </div> 838 </div> 839 </header> 840 841 <section class="responsive-menu"> 842 <div class="rep-header"> 843 <div class="logo"> 844 <a href="/"><img src="assets/img/kabbylogo.png" width="122" height="62" alt="Site Logo"></a> 845 </div> 846 <a href="#" title="" class="close-menu"><i class="fa fa-close"></i></a> 847 </div> 848 <div class="navbar-collapse" id="navbarSupportedContent"> 849 <ul class="mobile-menu navbar-nav me-auto"> 850 <li class="nav-item active"> 851 <a class="nav-link" href="/"> 852 <i class="fas fa-home"></i> 853 Home 854 855 </a> 856 857 </li> 858 <li class="nav-item"> 859 <a class="nav-link" href="about"><i class="fas fa-exclamation-circle"></i>About Us</a> 860 </li> 861 <li class="nav-item"> 862 <a class="nav-link" href="our-mission"><i class="fas fa-cog"></i>Our 863 Mission</a> 864 </li> 865 <li class="nav-item"> 866 <a class="nav-link" href="safety"><i class="fas fa-taxi"></i>Safety</a> 867 </li> 868 <li class="nav-item"> 869 <a class="nav-link" href="CSR"><i class="fas fa-cube"></i>CSR</a> 870 </li> 871 <li class="nav-item"> 872 <a class="nav-link" href="https://www.kabby.in/blogs"> 873 <i class="fas fa-book-open"></i> 874 Blog 875 <span class="sr-only">(current)</span> 876 </a> 877 <ul class=""> 878 <li><a class="dropdown-item" target="_blank" href="https://www.kabby.in/blogs/category/punjab-to-delhi-blogs">Punjab To 879 Delhi Blogs</a></li> 880 <li><a class="dropdown-item" target="_blank" href="https://www.kabby.in/blogs/category/harayana-to-delhi-blogs">Haryana 881 To Delhi Blogs</a></li> 882 <li><a class="dropdown-item" target="_blank" href="https://www.kabby.in/blogs/category/maharashtra">Maharashtra</a></li> 883 <li><a class="dropdown-item" target="_blank" href="https://www.kabby.in/blogs/category/uttar-pradesh">Uttar Pradesh</a></li> 884 <li><a class="dropdown-item" target="_blank" href="https://www.kabby.in/blogs/category/uttarakhand">Uttarakhand</a></li> 885 <li><a class="dropdown-item" target="_blank" href="https://www.kabby.in/blogs/category/delhi">Delhi</a></li> 886 <li><a class="dropdown-item" target="_blank" href="https://www.kabby.in/blogs/category/rajasthan">Rajasthan</a></li> 887 </ul> 888 </li> 889 <!-- <li class="nav-item"> 890 <a class="nav-link" href="#"> 891 <i class="fas fa-map-marker-alt"></i> 892 Contact 893 </a> 894 </li> --> 895 </ul> 896 <div id="header-upper-right" class="header__upper--right flex-column"> 897 <!-- <nav class="navigation p-3"> 898 <ul> 899 900 <li><a href="#">Driver Dashboard</a></li> 901 902 </ul> 903 </nav> --> 904 905 <!-- <a href="#" class="button p-3"><i class="fa-solid fa-user-astronaut" style="color: #fff;"></i> 906 Drive with 907 us</a> 908 <a href="#" class="button p-3" my-2><i class="fa-solid fa-taxi" style="color: #fff;"></i> Book 909 a 910 Ride</a> --> 911 <div class="p-3 my-lg-0 d-inline-flex"> 912 913 <a href="https://www.kabby.in/user-login-form" class="button button-light big text-white">LoGIN</a> 914 915 916 </div> 917 918 </div> 919 920 </div> 921 922 </section> 923 924 <!-- hero-banner-section-start --> 925<section class="hero-banner overlay d-flex flex-column justify-content-center"> 926 <video poster="https://govavia.com/wp-content/uploads/2022/07/7c1138ac3fe061091270605b0a4d5d29-scaled.jpg" 927 data-src="https://kabby.in/videos/kabby.mp4" loop muted playsinline autoplay 928 class="hero-banner-video maybe-load-later" src="https://kabby.in/videos/kabby.mp4"></video> 929 930 <div class="container container-xl"> 931 <div class="hero-banner-flex"> 932 <!-- Left: Heading --> 933 <div class="hero-banner-left"> 934 <h1 class="heading-border kabby-color">
935 <span class="section-upper-title kabby-color" style="font-size: 35px;">KABBY</span><br> 936 ON TIME... <br>...EVERY TIME 937 </h1> 938 </div> 939 940 <!-- Right: Booking Card --> 941 <div class="booking-card-wrapper"> 942 <div class="ride-form"> 943 <h6 class="form-heading1">Book Your InterCity Ride</h6> 944 <!-- <p class="form-heading">Enter your current, drop-off destination, date, and time to discover the best ride 945 options tailored for you.</p> --> 946 <form action="https://www.kabby.in/booking" method="GET" id="rideForm"> 947 <!-- Trip Type Radio --> 948 <div class="trip-type"> 949 <label><input type="radio" name="trip" value="oneway" checked> One Way</label> 950 <!-- <label><input type="radio" name="trip" value="roundtrip"> Round Trip</label> 951 <label><input type="radio" name="trip" value="rental"> Rental Trip</label> 952 <label><input type="radio" name="trip" value="local"> Local Trip</label> --> 953 </div> 954 955 <!-- Location Inputs (Always Visible) --> 956 <div class="location"> 957 <input type="text" id="currentLocation" name="destination_start" autocomplete="off" class="form-control" 958 placeholder="Pickup Location"> 959 <span style="color:red" id="destinationStartError"></span> 960 <div class="location-img"><img src="assets/images/oval.png" alt="" width="18"></div> 961 <div class="autocomplete-list" id="currentLocationList"></div> 962 </div> 963 <div class="location"> 964 <input type="text" id="destinationInput" autocomplete="off" name="destination_end" class="form-control" 965 placeholder="Enter Drop of Destination"> 966 <span style="color:red" id="destinationEndError"></span> 967 <div class="location-img"><img src="assets/images/location.png" alt="" width="15"></div> 968 <div class="autocomplete-list" id="destinationList"></div> 969 </div> 970 <div id="tripContainer"></div> 971 972 <button class="search-btn" type="submit" id="submitBtn">Search Ride</button> 973 </form> 974 </div> 975 </div> 976 </div> 977 </div> 978 979 <!-- hero-banner-popup --> 980 <div id="heroBannerModal" class="modal fade popup-modal"> 981 <div class="modal-dialog modal-dialog-centered"> 982 <div class="modal-content"> 983 <div class="cancel-btn-wrapper"> 984 <button type="button" class="close" data-dismiss="modal" aria-label="Close"> 985 </div> 986 <div class="popup-video-wrapper"> 987 <iframe loading="lazy" class="popup-video " src="about:blank" title="YouTube video player" frameborder="0" 988 controls="0" 989 allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" 990 allowfullscreen data-rocket-lazyload="fitvidscompatible" 991 data-lazy-src="https://www.youtube.com/embed/xxtZQZJWNQ4?autoplay=1"></iframe> 992 <noscript> 993 <iframe class="popup-video " src="https://www.youtube.com/embed/xxtZQZJWNQ4?autoplay=1" 994 title="YouTube video player" frameborder="0" controls="0" 995 allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" 996 allowfullscreen></iframe> 997 </noscript> 998 </div> 999 </div> 1000 </div> 1001 </div> 1002</section> 1003 1004<section class="div-padding how-work-area text-center"> 1005 <h2 class="heading-border center" style="color: black;">Booking Made Easy</h2> 1006 <div class="container"> 1007 <div class="row"> 1008 <!--<div class="col-lg-6 offset-lg-3"> 1009 <h2 class="div-title text-center text-dark fw-bold"><u>Booking Made <span> Easy </span></u></h2> 1010 </div>--> 1011 <h1 class="pb-4 mb-4" style="line-height: 60px; font-size: 20px;color: #193150;"><b>Book in just 4 1012 <span>Clicks</span></b> 1013 </h1> 1014 <!--<p class="h2 ps-5 text-dark mb-5">Book in just 4 <span>Clicks</span></p>--> 1015 </div> 1016 1017 <div class="row"> 1018 <div class="col-lg-12 d-none d-lg-block"> 1019 <div class="icons-div"> 1020 <div class="single-icon"> 1021 <img src="assets/images/icon/1.webp" alt=""> 1022 </div> 1023 <div class="single-icon"> 1024 <img src="assets/images/icon/4.webp" alt=""> 1025 </div> 1026 <div class="single-icon"> 1027 <img src="assets/img/calenderimgpmg(2).png" alt="" style="height:40px;"> 1028 </div> 1029 <div class="single-icon"> 1030 <img src="assets/images/icon/3.webp" alt=""> 1031 </div> 1032 </div> 1033 </div> 1034 </div> 1035 1036 <div class="row"> 1037 <div class="col-lg-3 col-sm-6"> 1038 <div class="single-icon text-center m-b-10 d-block d-lg-none"> 1039 <img src="assets/images/icon/1.webp" alt=""> 1040 </div> 1041 <div class="how-work-text"> 1042 <h4 class="text-dark">Plan a ride</h4> 1043 1044 </div> 1045 </div> 1046 <div class="col-lg-3 col-sm-6"> 1047 <div class="single-icon text-center m-b-10 d-block d-lg-none"> 1048 <img src="assets/images/icon/4.webp" alt=""> 1049 </div> 1050 <div class="how-work-text"> 1051 <h4 class="text-dark">Select destination</h4> 1052 1053 </div> 1054 </div> 1055 <div class="col-lg-3 col-sm-6"> 1056 <div class="single-icon text-center m-b-10 d-block d-lg-none"> 1057 1058 <img src="assets/img/calenderimgpmg(2).png" alt="" style="width: 28px;height: 40px;"> 1059 </div> 1060 <div class="how-work-text"> 1061 <h4 class="text-dark">Select date and time </h4> 1062 1063 </div> 1064 </div> 1065 <div class="col-lg-3 col-sm-6"> 1066 <div class="single-icon text-center m-b-10 d-block d-lg-none"> 1067 <img src="assets/images/icon/3.webp" alt=""> 1068 </div> 1069 <div class="how-work-text"> 1070 <h4 class="text-dark">Select car, confirm & ride</h4> 1071 1072 </div> 1073 </div> 1074 </div> 1075 </div> 1076</section> 1077 1078<section class="about-us-area bg-2 div-padding"> 1079 <div class="container"> 1080 <div class="row"> 1081 <div class="col-lg-6 d-flex justify-content-lg-end justify-content-center"> 1082 <div class="about-us-text" style="width: 90%;"> 1083 <h1 class="pb-4 mb-4" style="line-height: 60px; font-size: 20px;"><b>Your trusted companion </b>
1084 <span class="d-block"><b>for unforgettable</b></span> <b>outstation adventures.</b> 1085 </h1> 1086 <p class="text-white" style=" 1087 font-size: 20px; 1088 "> 1089 We are committed to provide you the very best. 1090 </p> 1091 <p class="text-white" style=" 1092 font-size: 20px; 1093 "> 1094 We request you to have confidence in us 1095 </p> 1096 <div class="list-group-flush mb-4"> 1097 <div class="list-group-item bg-transparent border-bottom-0 p-0"> 1098 <p class="mb-0" style=" 1099 color: white; 1100 "><i class="fas fa-check-circle text-light mr-4 p-3 grey rounded-circle " 1101 aria-hidden="true" style=" 1102 color: white; 1103 "></i>SAFETY</p> 1104 </div> 1105 <div class="list-group-item bg-transparent border-bottom-0 p-0"> 1106 <p class="mb-0" style=" 1107 color: white; 1108 "> <i class="fas fa-check-circle text-light mr-4 mr-4 grey p-3 rounded-circle" 1109 aria-hidden="true" style=" 1110 color: white; 1111 "></i>ON TIME, EVERY TIME</p> 1112 </div> 1113 <div class="list-group-item bg-transparent border-bottom-0 p-0"> 1114 <p class="mb-0" style="color: white;"> 1115 <i class="fas fa-check-circle text-light mr-4 mr-4 grey p-3 rounded-circle" aria-hidden="true" 1116 style="color: white;"></i>COMFORT & ECONOMY 1117 </p> 1118 </div> 1119 </div> 1120 </div> 1121 </div> 1122 <div class="col-lg-6 d-flex align-items-center justify-content-center"> 1123 <img src="assets/img/car_1_final.png" alt="" width="100%" height="350px" class="abarakadabra car-animated"> 1124 </div> 1125 </div> 1126 </div> 1127</section> 1128<div class="car-section"> 1129 <div class="container"> 1130 <h2 class="heading-border " style="color: black; margin-bottom:73px; text-align:center;">Our Cabs</h2> 1131 <div class="row justify-content-center "> 1132 1133 <!-- Altis / Desire / Aura --> 1134 <div class="col-md-4 cus_top"> 1135 <div class="car-card"> 1136 <div class="car-image-section"> 1137 <img src="https://firebasestorage.googleapis.com/v0/b/go-ride-7e687.appspot.com/o/images%2FAltis-Desire-Aura-removebg-preview.png?alt=media&token=3e763fed-61bf-4238-84e2-82a09dc4ae4f" alt="Altis/Desire/Aura" class="car-image" /> 1138 </div> 1139 <div class="car-title"> 1140 <h2>Altis/Desire/Aura</h2> 1141 </div> 1142 <div class="car-details"> 1143 <div class="specs"> 1144 <div class="spec-item"> 1145 <div class="spec-label">Capacity</div> 1146 <div class="spec-value">1+4</div> 1147 </div> 1148 <div class="spec-item"> 1149 <div class="spec-label">AC Available</div> 1150 <div class="spec-value">Yes</div> 1151 </div> 1152 </div> 1153 <div class="description"> 1154 This segment is for a family and ideal for long distance travels. This segment has plenty of leg room and provides space for luggage in the boot or carrier on top. All tolls and taxes are included in the fare. ONLY parking charges are extra. 1155 </div> 1156 <div class="pricing-info"> 1157 <div class="pricing-item"> 1158 <span class="checkmark">â</span>All tolls and taxes are included in the 1159 fare 1160 </div> 1161 </div> 1162 </div> 1163 </div> 1164 </div> 1165 <div class="col-md-4 cus_top"> 1166 <div class="car-card"> 1167 <div class="car-image-section"> 1168 <img src="https://firebasestorage.googleapis.com/v0/b/go-ride-7e687.appspot.com/o/images%2FErtiga-Xylo-removebg-preview.png?alt=media&token=e5fb16ff-5bb4-4323-9ab3-ea9dfd39857f" alt="Ertiga/Xylo/Kia" class="car-image" /> 1169 </div> 1170 <div class="car-title"> 1171 <h2>Ertiga/Xylo/Kia</h2> 1172 </div> 1173 <div class="car-details"> 1174 <div class="specs"> 1175 <div class="spec-item"> 1176 <div class="spec-label">Capacity</div> 1177 <div class="spec-value">1+6</div> 1178 </div> 1179 <div class="spec-item"> 1180 <div class="spec-label">AC Available</div> 1181 <div class="spec-value">Yes</div> 1182 </div> 1183 </div> 1184 <div class="description"> 1185 This segment is for a family and ideal for comfort during travel. This segment has plenty of leg room and provides a space for luggage in the boot /carrier on top. All tolls and taxes are included in the fare. ONLY parking charges are extra. 1186 </div> 1187 <div class="pricing-info"> 1188 <div class="pricing-item">
1189 <span class="checkmark">â</span>All tolls and taxes are included in the 1190 fare 1191 </div> 1192 </div> 1193 </div> 1194 </div> 1195 </div> 1196 <div class="col-md-4 cus_top"> 1197 <div class="car-card"> 1198 <div class="car-image-section"> 1199 <img src="https://firebasestorage.googleapis.com/v0/b/go-ride-7e687.appspot.com/o/images%2Fcrista-removebg-preview.png?alt=media&token=2d6f73a9-9d1d-4fa6-b8ab-b04e19b630b4" alt="Crysta" class="car-image" /> 1200 </div> 1201 <div class="car-title"> 1202 <h2>Crysta</h2> 1203 </div> 1204 <div class="car-details"> 1205 <div class="specs"> 1206 <div class="spec-item"> 1207 <div class="spec-label">Capacity</div> 1208 <div class="spec-value">1+6</div> 1209 </div> 1210 <div class="spec-item"> 1211 <div class="spec-label">AC Available</div> 1212 <div class="spec-value">Yes</div> 1213 </div> 1214 </div> 1215 <div class="description"> 1216 This segment is for a mid sized family. The car has plenty of leg room and provides ample space for luggage in the boot or with a carrier on the roof. All tolls and taxes are included in the fare. ONLY parking charges are extra. 1217 </div> 1218 <div class="pricing-info"> 1219 <div class="pricing-item"> 1220 <span class="checkmark">â</span>All tolls and taxes are included in the 1221 fare 1222 </div> 1223 </div> 1224 </div> 1225 </div> 1226 </div> 1227 </div> <!-- End Row --> 1228 </div> <!-- End Container --> 1229</div> 1230 1231<section id="country-lasyload" class="location-section py-common"> 1232 <div class="container container-xl"> 1233 <div class="row justify-content-center"> 1234 <div class="col-lg-10 flex-center location-content-wrapper mb-3 mb-lg-0"> 1235 <div class="location-content"> 1236 <h2 class="heading-border">FIND YOUR DESTINATION</h2> 1237 <div class=""> 1238 <div class="" style="display: flex; flex-wrap: wrap;justify-content: center;" id="item-list" 1239 href="/book-car"> 1240 </div> 1241 </div> 1242 1243 </div> 1244 </div> 1245 </div> 1246 1247</section> 1248 1249<!-- <section class="how-it-works-section container-fluid text-center "> 1250 1251 <div class="tabbed-content"> 1252 <nav class="how-it-works-tab"> 1253 <ul> 1254 <ul> 1255 <li><a id="tabviewbutton0" onclick="tabview(0)" class="active">CALL OR CLICK</a></li> 1256 <li><a id="tabviewbutton1" onclick="tabview(1)">REGISTER YOURSELF</a></li> 1257 <li><a id="tabviewbutton2" onclick="tabview(2)">CHOOSE DESTINATION... ...DATE AND TIME</a></li> 1258 <li><a id="tabviewbutton3" onclick="tabview(3)">CHOOSE YOUR RIDE</a></li> 1259 <li><a id="tabviewbutton4" onclick="tabview(4)">PAY AND RIDE</a></li> 1260 <li><a id="tabviewbutton5" onclick="tabview(5)">REVIEW</a></li> 1261 </ul> 1262 </ul> 1263 </nav> 1264 1265 <section id="tabs0" class="item active"> 1266 <div class="mobile-title" onclick="tabview(0)" data-title="CALL OR CLICK"></div> 1267 <div class="item-content-wrapper"> 1268 <div class="content"> 1269 <div class="tab-title">CALL OR CLICK</div> 1270 <div class="tabs-content-seperator"></div> 1271 <div class="tab-content">Reserve your preferred car for your destination on the date and time of 1272 your choice.</div> 1273 </div> 1274 <img width="800" height="400" 1275 src="https://govavia.com/wp-content/uploads/2022/06/brett-jordan-LPZy4da9aRo-unsplash-scaled.jpg.webp" 1276 class="lozad" alt="how it work"> 1277 </div> 1278 </section> 1279 <section id="tabs1" class="item"> 1280 <div class="mobile-title" onclick="tabview(1)" data-title="REGISTER YOURSELF"></div> 1281 <div class="item-content-wrapper"> 1282 <div class="content"> 1283 <div class="tab-title">REGISTER YOURSELF</div> 1284 <div class="tabs-content-seperator"></div> 1285 <div class="tab-content">Please register yourself with your email and mobile number. We
1286 will verify the same. This is for your safety as also once 1287 registered; it will help us remember you.</div> 1288 </div> 1289 <img width="800" height="400" src="img/Call-or-Click-scaled.jpg.webp" alt="how it work"> 1290 </div> 1291 </section> 1292 1293 <section id="tabs2" class="item"> 1294 <div class="mobile-title" onclick="tabview(2)" data-title="CHOOSE DESTINATION... ...DATE AND TIME"></div> 1295 <div class="item-content-wrapper"> 1296 <div class="content"> 1297 <div class="tab-title">CHOOSE DESTINATION... ...DATE AND TIME</div> 1298 <div class="tabs-content-seperator"></div> 1299 <div class="tab-content">Please choose your destination. We will thereafter connect with you after 1300 confirming your ride for detailed address.</div> 1301 </div> 1302 <img width="800" height="400" src="img/choose-destination.jpg" class="lozad" alt="how it work"> 1303 </div> 1304 </section> 1305 1306 <section id="tabs3" class="item"> 1307 <div class="mobile-title" onclick="tabview(3)" data-title="CHOOSE YOUR RIDE"></div> 1308 <div class="item-content-wrapper"> 1309 <div class="content"> 1310 <div class="tab-title">CHOOSE YOUR RIDE</div> 1311 <div class="tabs-content-seperator"></div> 1312 <div class="tab-content">We have a wide variety of cars suited for your purpose, 1313 number of travellers and comfort. Choose a car you would like to travel by and we will make it 1314 available to you.</div> 1315 </div> 1316 <img width="800" height="400" src="img/register-yourself.jpeg" class="lozad" alt="how it work"> 1317 </div> 1318 </section> 1319 <section id="tabs4" class="item"> 1320 <div class="mobile-title" onclick="tabview(4)" data-title="PAY AND RIDE"></div> 1321 <div class="item-content-wrapper"> 1322 <div class="content"> 1323 <div class="tab-title">PAY AND RIDE</div> 1324 <div class="tabs-content-seperator"></div> 1325 <div class="tab-content">You have an option to pay partial fare or full fare. We will then send the 1326 details of your ride much 1327 before.</div> 1328 </div> 1329 <img width="800" height="400" src="img/pay-ride.jpeg" class="lozad" alt="how it work"> 1330 </div> 1331 </section> 1332 <section id="tabs5" class="item"> 1333 <div class="mobile-title" onclick="tabview(5)" data-title="REVIEW"></div> 1334 <div class="item-content-wrapper"> 1335 <div class="content"> 1336 <div class="tab-title">REVIEW</div> 1337 <div class="tabs-content-seperator"></div> 1338 <div class="tab-content">We want to hear about your experience. After the ride is complete, we 1339 request you to rate the driver and our service.This will help us improve.</div> 1340 </div> 1341 <img width="800" height="400" src="img/review.jpeg" class="lozad" alt="how it work"> 1342 </div> 1343 </section> 1344 </div> 1345</section> --> 1346<div style="margin: 132px auto;" class="container"> 1347 <div class="header"> 1348 <h2 class="heading-border center" style="color: black;">How it Works</h2> 1349 <div class="header-line"></div> 1350 </div> 1351 1352 <div class="steps-container"> 1353 <div class="step" onclick="showContent(1)"> 1354 <div class="step-box active" id="step1"> 1355 <div class="step-number">1</div> 1356 <div class="step-title">CALL OR CLICK</div> 1357 </div> 1358 </div> 1359 <div class="step" onclick="showContent(2)"> 1360 <div class="step-box" id="step2"> 1361 <div class="step-number">2</div> 1362 <div class="step-title">REGISTER YOURSELF</div> 1363 </div> 1364 </div> 1365 <div class="step" onclick="showContent(3)"> 1366 <div class="step-box" id="step3"> 1367 <div class="step-number">3</div> 1368 <div class="step-title">CHOOSE DESTINATION, DATE AND TIME</div> 1369 </div> 1370 </div> 1371 <div class="step" onclick="showContent(4)"> 1372 <div class="step-box" id="step4"> 1373 <div class="step-number">4</div> 1374 <div class="step-title">CHOOSE YOUR RIDE</div> 1375 </div> 1376 </div> 1377 <div class="step" onclick="showContent(5)"> 1378 <div class="step-box" id="step5"> 1379 <div class="step-number">5</div> 1380 <div class="step-title">PAY AND RIDE</div> 1381 </div> 1382 </div> 1383 <div class="step" onclick="showContent(6)"> 1384 <div class="step-box" id="step6"> 1385 <div class="step-number">6</div> 1386 <div class="step-title">REVIEW</div> 1387 </div> 1388 </div> 1389 </div> 1390 1391 <div class="content-area" id="content-area"> 1392 <!-- Tab 1 --> 1393 <div id="content1" class="tab-content active"> 1394 <div class="animated-bg"><span></span><span></span><span></span></div> 1395 <div class="content-grid"> 1396 <div class="content-left"> 1397 <h2 class="content-title">Call Or Click</h2> 1398 <div class="content-divider"></div> 1399 <p class="content-description"> 1400 Getting started is easy! Simply reach out to us through your preferred method and begin your journey with 1401 our premium service. 1402 </p> 1403 <ul class="content-features"> 1404 <li>24/7 customer support available</li> 1405 <li>Quick response time</li> 1406 <li>Multiple contact options</li> 1407 <li>Instant booking confirmation</li> 1408 </ul> 1409 <div class="nav-buttons"> 1410 <!-- <button class="firstprev" onclick="navigateStep(-1)">â Previous</button> --> 1411 <button onclick="navigateStep(1)">Next â</button> 1412 </div> 1413 </div> 1414 <div class="content-right" 1415 style="background-image:url('https://images.unsplash.com/photo-1556742049-0cfed4f6a45d?w=800&h=600&fit=crop');"> 1416 </div> 1417 </div> 1418 </div> 1419 1420 <!-- Other tabs same structure --> 1421 <div id="content2" class="tab-content"> 1422 <div class="animated-bg"><span></span><span></span><span></span></div> 1423 <div class="content-grid"> 1424 <div class="content-left"> 1425 <h2 class="content-title">Register Yourself</h2> 1426 <div class="content-divider"></div> 1427 <p class="content-description">Please register yourself with your email and mobile number. We will verify the 1428 same for safety.</p> 1429 <ul class="content-features"> 1430 <li>Secure verification process</li> 1431 <li>Quick and easy registration</li> 1432 <li>Your data is protected</li> 1433 <li>One-time setup</li> 1434 </ul> 1435 <div class="nav-buttons"> 1436 <button onclick="navigateStep(-1)">â Previous</button> 1437 <button onclick="navigateStep(1)">Next â</button> 1438 </div> 1439 </div> 1440 <div class="content-right" 1441 style="background-image:url('https://images.unsplash.com/photo-1512941937669-90a1b58e7e9c?w=800&h=600&fit=crop');"> 1442 </div> 1443 </div> 1444 </div> 1445 1446 <div id="content3" class="tab-content"> 1447 <div class="animated-bg"><span></span><span></span><span></span></div> 1448 <div class="content-grid"> 1449 <div class="content-left"> 1450 <h2 class="content-title">Choose Destination, Date & Time</h2> 1451 <div class="content-divider"></div> 1452 <p class="content-description">Select your pickup location, destination, and preferred schedule easily.</p> 1453 <ul class="content-features"> 1454 <li>Flexible scheduling</li> 1455 <li>Real-time availability</li> 1456 <li>Instant confirmation</li> 1457 </ul> 1458 <div class="nav-buttons"> 1459 <button onclick="navigateStep(-1)">â Previous</button> 1460 <button onclick="navigateStep(1)">Next â</button> 1461 </div> 1462 </div> 1463 <div class="content-right" 1464 style="background-image:url('https://images.unsplash.com/photo-1524661135-423995f22d0b?w=800&h=600&fit=crop');"> 1465 </div> 1466 </div> 1467 </div> 1468 1469 <div id="content4" class="tab-content"> 1470 <div class="animated-bg"><span></span><span></span><span></span></div> 1471 <div class="content-grid"> 1472 <div class="content-left"> 1473 <h2 class="content-title">Choose Your Ride</h2> 1474 <div class="content-divider"></div> 1475 <p class="content-description">Browse our premium fleet and select the perfect vehicle for your trip.</p> 1476 <ul class="content-features"> 1477 <li>Wide variety</li> 1478 <li>Transparent pricing</li> 1479 <li>Well-maintained fleet</li> 1480 </ul> 1481 <div class="nav-buttons"> 1482 <button onclick="navigateStep(-1)">â Previous</button> 1483 <button onclick="navigateStep(1)">Next â</button> 1484 </div> 1485 </div> 1486 <div class="content-right" 1487 style="background-image:url('https://images.unsplash.com/photo-1449965408869-eaa3f722e40d?w=800&h=600&fit=crop');"> 1488 </div> 1489 </div> 1490 </div> 1491 1492 <div id="content5" class="tab-content"> 1493 <div class="animated-bg"><span></span><span></span><span></span></div> 1494 <div class="content-grid"> 1495 <div class="content-left"> 1496 <h2 class="content-title">Pay And Ride</h2> 1497 <div class="content-divider"></div> 1498 <p class="content-description">Complete your payment securely and enjoy a comfortable, safe ride.</p> 1499 <ul class="content-features"> 1500 <li>Multiple payment options</li> 1501 <li>Secure transactions</li> 1502 <li>Digital receipts</li> 1503 </ul> 1504 <div class="nav-buttons"> 1505 <button onclick="navigateStep(-1)">â Previous</button> 1506 <button onclick="navigateStep(1)">Next â</button> 1507 </div> 1508 </div> 1509 <div class="content-right" 1510 style="background-image:url('https://images.unsplash.com/photo-1556742111-a301076d9d18?w=800&h=600&fit=crop');"> 1511 </div> 1512 </div> 1513 </div> 1514 1515 <div id="content6" class="tab-content"> 1516 <div class="animated-bg"><span></span><span></span><span></span></div> 1517 <div class="content-grid"> 1518 <div class="content-left"> 1519 <h2 class="content-title">Review</h2> 1520 <div class="content-divider"></div> 1521 <p class="content-description">Share your feedback and help us serve you even better next time.</p> 1522 <ul class="content-features"> 1523 <li>Easy feedback form</li> 1524 <li>Reward points for reviews</li> 1525 <li>24/7 support team</li> 1526 </ul> 1527 <div class="nav-buttons"> 1528 <button onclick="navigateStep(-1)">â Previous</button> 1529 <!-- <button class="lastnext" onclick="navigateStep(1)">Next â</button> --> 1530 </div> 1531 </div> 1532 <div class="content-right" 1533 style="background-image:url('/assets/images/review_img.jpeg');;"> 1534 </div> 1535 </div> 1536 </div> 1537 </div> 1538</div> 1539<section class="process-card1 container">
1540 <h2 class="heading-border center" style=" color: #193150; 1541 margin-bottom: 78px; 1542 margin-top: 98px; 1543 text-align: center;">KABBY MAKES IT EASY</h2> 1544 <div class="row"> 1545 <!-- Card 1 --> 1546 <div class=" col-md-4"> 1547 <div class="process-card"> 1548 <div class="icon-container"> 1549 <img width="100" height="97" src="https://govavia.com/wp-content/uploads/2022/04/Group.svg" alt="make it easy" 1550 class="card-img lozad" data-lazy-src="https://govavia.com/wp-content/uploads/2022/04/Group.svg"><noscript><img 1551 width="100" height="97" src="https://govavia.com/wp-content/uploads/2022/04/Group.svg" alt="make it easy" 1552 class="card-img lozad"></noscript> 1553 </div> 1554 <div class="card-content"> 1555 <p class="card-title">Make it easy</p> 1556 <h2 class="card-heading">Friendly Staff</h2> 1557 <p class="card-description">Our team is standing by to help every step of the way. We are passionate about 1558 superior customer service.</p> 1559 </div> 1560 </div> 1561 </div> 1562 1563 <!-- Card 2 --> 1564 <div class="col-md-4"> 1565 <div class="process-card "> 1566 1567 1568 <div class="icon-container"> 1569 <img width="100" height="82" src="https://govavia.com/wp-content/uploads/2022/04/Group-1.svg" alt="make it easy" 1570 class="card-img lozad" data-lazy-src="https://govavia.com/wp-content/uploads/2022/04/Group-1.svg"> 1571 <noscript> 1572 <img width="100" height="82" src="https://govavia.com/wp-content/uploads/2022/04/Group-1.svg" 1573 alt="make it easy" class="card-img lozad"> 1574 </noscript> 1575 </div> 1576 <div class="card-content"> 1577 <p class="card-title">Make it easy</p> 1578 <h2 class="card-heading">User Friendly App</h2> 1579 <p class="card-description">Our user friendly app and the easy booking process will facilitate intercity travel. 1580 We value your time and comfort.</p> 1581 </div> 1582 </div> 1583 </div> 1584 <!-- Card 3 --> 1585 <div class=" col-md-4"> 1586 <div class="process-card"> 1587 <div class="icon-container"> 1588 <img width="100" height="100" src="https://govavia.com/wp-content/uploads/2022/04/Group-2.svg" 1589 alt="make it easy" class="card-img lozad" 1590 data-lazy-src="https://govavia.com/wp-content/uploads/2022/04/Group-2.svg"><noscript><img width="100" 1591 height="100" src="https://govavia.com/wp-content/uploads/2022/04/Group-2.svg" alt="make it easy" 1592 class="card-img lozad"></noscript> 1593 </div> 1594 <div class="card-content"> 1595 <p class="card-title">Make it easy</p> 1596 <h2 class="card-heading">Simple Process</h2> 1597 <p class="card-description">Our professional and reliable cab service provides safe, comfortable and hassle-free rides 1598 for airport transfers and outstation trip.</p> 1599 </div> 1600 </div> 1601 </div> 1602 </div> 1603</section> 1604 1605<section class="faq"> 1606 <div class="container"> 1607 <div class="faq-section"> 1608 <h2 class="heading-border " style="color: #ffff; text-align:center;">FAQ</h2> 1609 <div class="faq-container"> 1610 <div class="faq-item"> 1611 <button class="faq-question"> 1612 Are there any discounts or offers available? <span class="icon">+</span> 1613 </button> 1614 <div class="faq-answer"> 1615 <p>Kabby gives discounts based on usage. Try us. Our competitive discount policy will keep you wondering. Kabby will take out seasonal discounts also from time to time.</p> 1616 </div> 1617 </div> 1618 <div class="faq-item"> 1619 <button class="faq-question"> 1620 How do I book a Kabby? <span class="icon">+</span> 1621 </button> 1622 <div class="faq-answer"> 1623 <p>Just download our app in a few seconds. Register with your mobile number and book your next travel with us. </p> 1624 </div> 1625 </div> 1626 <div class="faq-item"> 1627 <button class="faq-question"> 1628 Can I book a Kabby for a specific time and date in advance? <span class="icon">+</span> 1629 </button> 1630 <div class="faq-answer"> 1631 <p>Yes, you can book a Kabby upto 30 days in advance. </p> 1632 </div> 1633 </div> 1634 <div class="faq-item"> 1635 <button class="faq-question"> 1636 How can I track my booked KABBY? <span class="icon">+</span> 1637 </button> 1638 <div class="faq-answer"> 1639 <p>Kabby will keep you informed of the details well in advance of your travel. The vehicle number along with the drivers contact details will be sent to you. </p> 1640 </div> 1641 </div> 1642 <div class="faq-item"> 1643 <button class="faq-question">
1644 Can I book a one-way or round-trip cab with Kabby? <span class="icon">+</span> 1645 </button> 1646 <div class="faq-answer"> 1647 <p>Yes. Kabby offers both one-way and round-trip intercity cab services through the app and website.</p> 1648 </div> 1649 </div> 1650 <div class="faq-item"> 1651 <button class="faq-question"> 1652 What types of vehicles are available with Kabby? <span class="icon">+</span> 1653 </button> 1654 <div class="faq-answer"> 1655 <p>The vehicles have been divided into segments / clusters. The wide array is to give you more choice and book what you desire. From sedans to SUVâs ⦠we have them all. </p> 1656 </div> 1657 </div> 1658 <div class="faq-item"> 1659 <button class="faq-question"> 1660 Are tolls and taxes included in the fare? <span class="icon">+</span> 1661 </button> 1662 <div class="faq-answer"> 1663 <p>Yes. All tolls and taxes are included in the fare. With us, the price you see is the price you payâno hidden charges.</p> 1664 </div> 1665 </div> 1666 <div class="faq-item"> 1667 <button class="faq-question"> 1668 When are vehicle and driver details recieved? <span class="icon">+</span> 1669 </button> 1670 <div class="faq-answer"> 1671 <p>Vehicle and driver details are recieved 3 hours before the ride. </p> 1672 </div> 1673 </div> 1674 </div> 1675 </div> 1676 </div> 1677</section> 1678 1679<section class="download-div div-padding p-b-0 text-center"> 1680 <h2 class="heading-border center" style="color: #193150;">DOWNLOAD KABBY</h2> 1681 <div class="container"> 1682 <!--<div class="row"> 1683 <div class="col-lg-6 offset-lg-3"> 1684 <h2 class="div-title text-center text-dark">Download Kabby</h2> 1685 </div> 1686 </div>--> 1687 1688 <div class="row"> 1689 <div class="col-md-5"> 1690 <div class="download-qrcode text-center"> 1691 <img src="assets/img/halfphoneimgesggg.png" alt=""> 1692 </div> 1693 </div> 1694 1695 <div class="col-md-7"> 1696 <div class="download-text"> 1697 <h1 class="pb-4 mb-4" style="line-height: 60px; font-size: 20px;color: #193150;"><b>Download the 1698 Kabby mobile application</b> 1699 </h1> 1700 <p class="text-white" style="font-size: 20px;color: #193150 !important;"> 1701 Kabby is available for free download on Google playstore and Apple store. Our light, user friendly 1702 app has been designed to make your intercity travel memorable. 1703 </p> 1704 <!--<p>Kabby is available for free download on Google playstore and Apple store.Our light,user friendly app has been designed to make your intercity travel memorable.</p>--> 1705 </div> 1706 <div class="download-buttons"> 1707 <a href="#"><img src="assets/images/download-1.webp" alt=""></a> 1708 <a href="#"><img src="assets/images/download-2.webp" alt=""></a> 1709 </div> 1710 </div> 1711 </div> 1712 </div> 1713</section> 1714<!--
1714<script src="https://cdn.jsdelivr.net/npm/@coreui/coreui@5/dist/js/coreui.bundle.min.js"></script>
1714 -->
1715<script src="https://cdn.jsdelivr.net/npm/flatpickr"></script>
vendor: 1 bytes, line 1715
1715
1716<script src="https://www.kabby.in/js/fronted/autocomplete.js"></script>
vendor: 1 bytes, line 1716
1716
1717<script> 1718 // Smooth animation on page load 1719 window.addEventListener('load', function() { 1720 document.querySelectorAll('.process-card').forEach((card, index) => { 1721 card.style.opacity = '0'; 1722 card.style.transform = 'translateY(30px)'; 1723 setTimeout(() => { 1724 card.style.transition = 'all 0.8s ease'; 1725 card.style.opacity = '1'; 1726 card.style.transform = 'translateY(0)'; 1727 }, index * 150); 1728 }); 1729 }); 1730 // Click animation 1731 document.querySelectorAll('.process-card').forEach(card => { 1732 card.addEventListener('click', function() { 1733 this.style.transform = 'scale(0.98)'; 1734 setTimeout(() => { 1735 this.style.transform = 'scale(1)'; 1736 }, 200); 1737 }); 1738 }); 1739 // public/js/lazy-load.js 1740 var page = 0; 1741 var fetchingData = false; 1742 function loadMoreItems() { 1743 if (fetchingData) return; 1744 var mysection = document.getElementById("country-lasyload"); 1745 var scrollTop = document.documentElement.scrollTop; 1746 var windowHeight = window.innerHeight; 1747 // var offsetHeight = mysection.offsetHeight; 1748 var offsetTop = mysection.offsetTop 1749 console.log(scrollTop); 1750 console.log(windowHeight); 1751 // console.log(offsetHeight); 1752 console.log(offsetTop); 1753 if (scrollTop + windowHeight >= offsetTop) { 1754 fetchingData = true; 1755 page++; 1756 if (page < 3) { 1757 fetch('/get-city?page=' + page) 1758 .then(response => response.json()) 1759 .then(data => { 1760 var itemList = document.getElementById('item-list'); 1761 var cityNames = data['data'].map(item => item['cityName']); 1762 cityNames.sort(); 1763 console.log(cityNames); 1764 var newItemsHTML = ''; 1765 cityNames.forEach(cityName => { 1766 console.log(cityName); 1767 newItemsHTML += 1768 '<a href="#" class="card" style="width: 200px; margin: 10px; border: 1px solid #ccc; padding: 10px;">' + 1769 cityName + '</a>'; 1770 }); 1771 console.log(newItemsHTML); 1772 itemList.innerHTML += newItemsHTML; 1773 fetchingData = true; 1774 }) 1775 .catch(error => { 1776 console.error('Error fetching data:', error); 1777 fetchingData = false; 1778 }); 1779 } 1780 } 1781 } 1782 window.addEventListener('scroll', loadMoreItems); 1783</script>
1783 1784
1785<script> 1786 // $(document).ready(function() { 1787 // $.ajax({ 1788 // url: 'start-get-city', 1789 // dataType: 'json', 1790 // delay: 250, 1791 // success: function(data) { 1792 // console.log('Data received:', data); 1793 // populateSelectOptions(data); 1794 // // Reinitialize Select2 1795 // // $('#pickup_address').select2(); 1796 // // $('#dropoff_address').select2(); 1797 // }, 1798 // error: function(xhr, status, error) { 1799 // console.error('Error:', error); 1800 // } 1801 // }); 1802 // }); 1803 // function populateSelectOptions(data) { 1804 // var pickup_address = $('#pickup_address'); 1805 // var dropoff_address = $('#dropoff_address'); 1806 // pickup_address.empty(); 1807 // dropoff_address.empty(); 1808 // data.cities.forEach(function(city) { 1809 // pickup_address.append($('<option>', { 1810 // value: city.destination_start, 1811 // text: city.destination_start 1812 // })); 1813 // dropoff_address.append($('<option>', { 1814 // value: city.destination_end, 1815 // text: city.destination_end 1816 // })); 1817 // }); 1818 // } 1819</script>
vendor: 1 bytes, line 1819
1819
1820<script> 1821 function tabview(params) { 1822 // if ($(".driver-popup").hasClass('active')) { 1823 console.log('dfg: ', params); 1824 $('#tabs0').removeClass('active'); 1825 $('#tabs1').removeClass('active'); 1826 $('#tabs2').removeClass('active'); 1827 $('#tabs3').removeClass('active'); 1828 $('#tabs4').removeClass('active'); 1829 $('#tabs5').removeClass('active'); 1830 $('#tabviewbutton0').removeClass('active'); 1831 $('#tabviewbutton1').removeClass('active'); 1832 $('#tabviewbutton2').removeClass('active'); 1833 $('#tabviewbutton3').removeClass('active'); 1834 $('#tabviewbutton4').removeClass('active'); 1835 $('#tabviewbutton5').removeClass('active'); 1836 $('#tabs' + params).addClass('active'); 1837 $('#tabviewbutton' + params).addClass('active'); 1838 // $('#driver-popup').addClass('fadeOutDown'); 1839 // }else{ 1840 // $('#driver-popup').addClass('active'); 1841 // $('#driver-popup').removeClass('fadeOutDown'); 1842 } 1843 let currentStep = 1; 1844 1845 function showContent(step) { 1846 document.querySelectorAll('.step-box').forEach(el => el.classList.remove('active')); 1847 document.querySelectorAll('.tab-content').forEach(el => el.classList.remove('active')); 1848 document.getElementById('step' + step).classList.add('active'); 1849 document.getElementById('content' + step).classList.add('active'); 1850 currentStep = step; 1851 } 1852 1853 function navigateStep(direction) { 1854 currentStep += direction; 1855 if (currentStep < 1) currentStep = 1; 1856 if (currentStep > 6) currentStep = 6; 1857 showContent(currentStep); 1858 } 1859 // const scrollTopBtn = document.getElementById("scrollTop"); 1860 1861document.addEventListener("DOMContentLoaded", function () { 1862 const scrollTopBtn = document.getElementById("scrollTop"); 1863 1864 if (!scrollTopBtn) return; 1865 1866 window.addEventListener("scroll", function () { 1867 const scrollTop = document.documentElement.scrollTop || document.body.scrollTop; 1868 1869 if (scrollTop > 300) { 1870 scrollTopBtn.style.display = "flex"; 1871 } else { 1872 scrollTopBtn.style.display = "none"; 1873 } 1874 }); 1875}); 1876 1877 1878 1879 function scrollToTop() { 1880 window.scrollTo({ 1881 top: 0, 1882 behavior: "smooth" 1883 }); 1884 } 1885 const faqItems = document.querySelectorAll(".faq-item"); 1886 faqItems.forEach(item => { 1887 const btn = item.querySelector(".faq-question"); 1888 btn.addEventListener("click", () => { 1889 // close other items 1890 faqItems.forEach(i => { 1891 if (i !== item) { 1892 i.classList.remove("active"); 1893 i.querySelector(".icon").textContent = "+"; 1894 } 1895 }); 1896 // toggle current item 1897 item.classList.toggle("active"); 1898 const icon = item.querySelector(".icon"); 1899 icon.textContent = item.classList.contains("active") ? "â" : "+"; 1900 }); 1901 }); 1902</script>
1902 1903 1904<!--
1904<script--> 1905<!-- src="https://maps.googleapis.com/maps/api/js?key=AIzaSyA3T5bu8Bu5swrgskylZjHvrhVt76kelDc&libraries=places&callback=initMap"--> 1906<!-- async defer></script>
1906--> 1907 1908 1909 </main> 1910 1911<style> 1912 .anchhoverr:hover{ 1913 color:#2488CD; 1914 } 1915 .ftrlstt li{ 1916 list-style: auto !important; 1917 } 1918.corporate-box { 1919 background: linear-gradient(180deg, #0b2a4a, #1e4c7a); 1920 padding: 25px; 1921 max-width: 380px; 1922 color: #fff; 1923 font-family: Arial, sans-serif; 1924} 1925 1926.corp-title { 1927 font-size: 18px; 1928 font-weight: 600; 1929 margin-bottom: 18px; 1930} 1931 1932.corp-item { 1933 display: flex; 1934 align-items: flex-start; 1935 gap: 12px; 1936 margin-bottom: 5px; 1937 font-size: 14px; 1938 line-height: 1.5; 1939} 1940 1941.corp-item .icon { 1942 font-size: 16px; 1943 margin-top: 2px; 1944 color:#fff; 1945} 1946 1947.corp-item a { 1948 color: #ffffff; 1949 text-decoration: none; 1950} 1951 1952.corp-item a:hover { 1953 text-decoration: underline; 1954} 1955.footer-nav-div .footer-navigation ul { 1956 flex-basis: 75%; 1957} 1958 1959@media (max-width: 480px) { 1960 .app-download-box .text-center { 1961 font-size: 16px; 1962 display: flex; 1963 flex-direction: column; 1964 align-items: center; 1965 } 1966 .footer-nav-div .app-download-box { 1967 justify-content: center !important; 1968 } 1969 } 1970</style> 1971 1972 1973<footer class="footer-div theme-1" id="contactseccls"> 1974 <a href="#" id="scrollToTopBtn" class="scrollToTop" onclick="scrollToTop(event)"> 1975 <button class="btn btn-scroll-top" type="button"> 1976 <i class="fa fa-arrow-up" style="color: #ffffff;"></i> 1977 </button> 1978</a> 1979 <div class="footer-shape"> 1980 <svg data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120" preserveAspectRatio="none"> 1981 <path d="M985.66,92.83C906.67,72,823.78,31,743.84,14.19c-82.26-17.34-168.06-16.33-250.45.39-57.84,11.73-114,31.07-172,41.86A600.21,600.21,0,0,1,0,27.35V120H1200V95.8C1132.19,118.92,1055.71,111.31,985.66,92.83Z" class="shape-fill"></path> 1982 </svg> 1983 </div> 1984 <div class="footer-shape"> 1985 <svg data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120" preserveAspectRatio="none"> 1986 <path d="M985.66,92.83C906.67,72,823.78,31,743.84,14.19c-82.26-17.34-168.06-16.33-250.45.39-57.84,11.73-114,31.07-172,41.86A600.21,600.21,0,0,1,0,27.35V120H1200V95.8C1132.19,118.92,1055.71,111.31,985.66,92.83Z" class="shape-fill"></path> 1987 </svg> 1988 </div> 1989 1990 <div class="footer-nav-div div-padding theme-1"> 1991 <div class="container"> 1992 <div class="row"> 1993 <div class="col-lg-3 col-sm-6"> 1994 <div class="footer-brand"> 1995 <a href="/"><img src="https://www.kabby.in/assets/images/kabbylogo5.png" alt="Logo" height="112px" width="180px" style="width: 48%;"></a> 1996 </div> 1997 <div class="helpline d-flex align-items-center"> 1998 <!-- <h3 class="mb-0">Support- <h3> --> 1999 <!-- <p class="mb-0 h5">  <a class="anchhoverr" href="tel:+918699153152">+91 82888-34464</a></p> --> 2000 </div> 2001 </div> 2002 <div class="col-lg-3 col-sm-6"> 2003 <h4>Useful links</h4> 2004 <nav class="footer-navigation"> 2005 <ul> 2006 <li><a href="https://www.kabby.in/terms">Terms & Conditions</a></li> 2007 <li><a href="https://www.kabby.in/privacy-policy">Privacy policy</a></li> 2008 <li><a href="https://www.kabby.in/blogs">Latest News</a></li> 2009 <li><a href="#">Advertise with us</a></li> 2010 </ul> 2011 2012 </nav> 2013 </div> 2014 <div class="col-lg-3 col-sm-6"> 2015 <!-- <h4>Head Office</h4> --> 2016 <!-- <h4>Corporate Office :</h4> 2017 <div class="corporate-box"> --> 2018 <h4 class="corp-title">Corporate Office :</h4> 2019 <div class="corp-item"> 2020 <span class="icon"><i class="fa-solid fa-location-dot"></i></span>
2021 <span style="color: white;">Industrial Area, Phase VIII, Mohali, <br> Punjab - 160071</span> 2022 </div> 2023 2024 <div class="corp-item"> 2025 <span class="icon"><i class="fa-solid fa-phone"></i></span> 2026 <a href="tel:+918288834464">+91 82888-34464</a> 2027 </div> 2028 2029 <div class="corp-item"> 2030 <span class="icon"><i class="fa-solid fa-location-dot"></i></span> 2031 <span style="color: white;">Admiralty Ln, Singapore</span> 2032 </div> 2033 2034 <div class="corp-item"> 2035 <span class="icon"><i class="fa-solid fa-phone"></i></span> 2036 <span style="color: white;">+65 86244546</span> 2037 </div> 2038 2039 <div class="corp-item"> 2040 <span class="icon"><i class="fa-solid fa-envelope"></i></span> 2041 <a href="mailto:[email protected]">[email protected]</a> 2042 </div> 2043 <!-- </div> --> 2044 2045 </div> 2046 <div class="col-lg-3 col-sm-6 text-center"> 2047 <h4>Download Mobile App</h4> 2048 <div class="app-download-box "> 2049 <a href="#"><img src="https://www.kabby.in/assets/images/icon/google-play.webp" alt="Google play"></a> 2050 <a href="#"><img src="https://www.kabby.in/assets/images/icon/apple-store.webp" alt="Apple store"></a> 2051 </div> 2052 <div class="app-download-box " style="padding-right: 0px;"> 2053 <div class="text-center"> 2054 <img src="https://www.kabby.in/assets/img/kabbyphoneqr.jpeg" style="width:90%;" alt="Kabby Customer" style=""> 2055 <span style="color: white;font-size:16px;">Customer App</span> 2056 </div> 2057 <div class="text-center"> 2058 <img src="https://www.kabby.in/assets/img/kabbydriverqr.jpg" style="width:93%;" alt="Kabby Driver" style=""> 2059 <span style="color: white;font-size:16px;">Driver App</span> 2060 </div> 2061 </div> 2062 2063 </div> 2064 </div> 2065 </div> 2066 </div> 2067 2068 2069 2070 <div class="copyright-div"> 2071 <div class="container"> 2072 <div class="row"> 2073 <div class="col-lg-6"> 2074 <p>© Copyright 2026 by Kabby.in     All Rights Reserved.</p> 2075 </div> 2076 <div class="col-lg-6"> 2077 <ul class="social-nav"> 2078 <li><a href="https://www.youtube.com/channel/UCjC6kss5vr2jsXCgtixIOOg" target="_blank" class="pinterest"><i class="fa-brands fa-youtube"></i></a></li> 2079 <li><a href="https://www.facebook.com/Kabby.in?sfnsn=wiwspmo&mibextid=RUbZ1f" target="_blank" class="facebook"><i class="fab fa-facebook-f"></i></a></li> 2080 <li><a href="https://x.com/kabby_cab" class="twitter" target="_blank"><i class="fab fa-twitter"></i></a></li> 2081 <li><a href="https://www.instagram.com/kabby_cab" class="instagram" target="_blank"><i class="fab fa-instagram"></i></a></li> 2082 <li><a href="https://www.linkedin.com/company/kabbyintercity"target="_blank" class="linkedin"><i class="fab fa-linkedin-in"></i></a></li> 2083 </ul> 2084 2085 </div> 2086 </div> 2087 </div> 2088 </div> 2089</footer> 2090 2091 2092 2093 <style> 2094 .scrollToTop { 2095 bottom: 20px; 2096 right: 20px; 2097 2098 z-index: 100; 2099 } 2100 .btn-scroll-top { 2101 background-color: #193150; 2102 color: #fff; 2103 border: none; 2104 padding: 10px 15px; 2105 border-radius: 50%; 2106 cursor: pointer; 2107 } 2108</style> 2109
2109<script> 2110 // Function to scroll to the top of the page 2111 function scrollToTop(event) { 2112 event.preventDefault(); 2113 window.scrollTo({ top: 0, behavior: 'smooth' }); 2114 } 2115 2116 // Function to show/hide the scroll-to-top button 2117 function handleScroll() { 2118 var scrollToTopBtn = document.getElementById('scrollToTopBtn'); 2119 if (document.documentElement.scrollTop > 100) { 2120 scrollToTopBtn.style.display = 'block'; 2121 } else { 2122 scrollToTopBtn.style.display = 'none'; 2123 } 2124 } 2125 2126 // Add scroll event listener 2127 window.addEventListener('scroll', handleScroll); 2128</script>
2128 2129 2130 <!-- jQuery --> 2131
2131<script src="https://www.kabby.in/assets/plugins/common/common.min.js"></script>
2131 2132
2132<script src="https://www.kabby.in/assets/plugins/bootstrap/js/bootstrap.min.js"></script>
2132 2133
2133<script src="https://www.kabby.in/assets/plugins/OwlCarousel/owl.carousel.min.js"></script>
2133 2134
2134<script src="https://www.kabby.in/assets/plugins/counterup/waypoints.min.js"></script>
2134 2135
2135<script src="https://www.kabby.in/assets/plugins/counterup/jquery.counterup.min.js"></script>
2135 2136
2136<script src="https://www.kabby.in/assets/plugins/timepicker/bootstrap-timepicker.min.js"></script>
2136 2137
2137<script src="assets/plugins/sweetalert2/sweetalert2.all.min.js"></script>
2137 2138
2138<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap-datepicker.min.js"></script>
2138 2139
2139<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-timepicker/0.5.2/js/bootstrap-timepicker.min.js"></script>
2139 2140
2140<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyA3T5bu8Bu5swrgskylZjHvrhVt76kelDc&sensor=true"> 2141 </script>
2141 2142
2142<script defer src="https://cdn.jsdelivr.net/npm/@coreui/[email protected]/dist/js/coreui.bundle.min.js"></script>
2142 2143 2144
2144<script src="https://www.kabby.in/assets/plugins/gmap3/gmap3.min.js"></script>
2144 2145 <!-- custom scripts --> 2146
2146<script src="https://www.kabby.in/kabby.js"></script>
2146 2147 2148
2148<script> 2149 $(document).ready(function(){ 2150 $('#ptachlgyamain').on('mouseover',function(){ 2151 $('#ptachlgya').css('display','block'); 2152 }).on('mouseout',function(){ 2153 $('#ptachlgya').css('display','none'); 2154 }); 2155 }); 2156 function confirmLogout() { 2157 let url = event.currentTarget.getAttribute('data-url'); 2158 Swal.fire({ 2159 title: 'Are you sure?', 2160 text: 'You will be logged out!', 2161 icon: 'warning', 2162 showCancelButton: true, 2163 confirmButtonText: 'Yes, Logout', 2164 cancelButtonText: 'Cancel' 2165 }).then((result) => { 2166 if (result.isConfirmed) { 2167 window.location.href = url; 2168 } 2169 }); 2170 } 2171 </script>
2171 2172 2173</body> 2174 2175</html> 2176 <a href="#" id="scrollToTopBtn" class="scrollToTop" onclick="scrollToTop(event)"> 2177 <button class="btn btn-scroll-top" type="button"> 2178 <i class="fa fa-arrow-up" style="color: #ffffff;"></i> 2179 </button> 2180 </a> 2181 2182 <style> 2183 .scrollToTop { 2184 position: fixed; 2185 bottom: 20px; 2186 right: 20px; 2187 display: none; 2188 z-index: 100; 2189 } 2190 2191 .btn-scroll-top { 2192 background-color: #193150; 2193 color: #fff; 2194 border: none; 2195 padding: 10px 15px; 2196 border-radius: 50%; 2197 cursor: pointer; 2198 } 2199 </style> 2200
2200<script> 2201 // Function to scroll to the top of the page 2202 function scrollToTop(event) { 2203 event.preventDefault(); 2204 window.scrollTo({ 2205 top: 0, 2206 behavior: 'smooth' 2207 }); 2208 } 2209 // Function to show/hide the scroll-to-top button 2210 function handleScroll() { 2211 var scrollToTopBtn = document.getElementById('scrollToTopBtn'); 2212 if (document.documentElement.scrollTop > 100) { 2213 scrollToTopBtn.style.display = 'block'; 2214 } else { 2215 scrollToTopBtn.style.display = 'none'; 2216 } 2217 } 2218 // Add scroll event listener 2219 window.addEventListener('scroll', handleScroll); 2220 </script>
2220 2221 2222
2222<script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/2.1.2/sweetalert.min.js"></script>
2222 2223 2224
2224<script src="assets/plugins/bootstrap/js/bootstrap.min.js"></script>
2224 2225
2225<script src="assets/plugins/OwlCarousel/owl.carousel.min.js"></script>
2225 2226
2226<script src="assets/plugins/counterup/waypoints.min.js"></script>
2226 2227
2227<script src="assets/plugins/counterup/jquery.counterup.min.js"></script>
2227 2228
2228<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyA3T5bu8Bu5swrgskylZjHvrhVt76kelDc&sensor=true"> 2229 </script>
2229 2230
2230<script src="assets/plugins/gmap3/gmap3.min.js"></script>
2230 2231 <!-- custom scripts --> 2232
2232<script src="css2/kabby.js"></script>
2232 2233
2233<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
2233 2234
2234<script src="https://cdnjs.cloudflare.com/ajax/libs/lazysizes/5.3.2/lazysizes.min.js" defer></script>
2234 2235
2235<script src="https://code.jquery.com/jquery-3.6.0.min.js" crossorigin="anonymous"></script>
2235 2236
2236<script src="https://www.kabby.in/js/fronted/alert.js"></script>
2236 2237
2237<script> 2238 function displaydrivermenu() { 2239 if ($(".driver-popup").hasClass('active')) { 2240 $('#driver-popup').removeClass('active'); 2241 $('#driver-popup').addClass('fadeOutDown'); 2242 } else { 2243 $('#driver-popup').addClass('active'); 2244 $('#driver-popup').removeClass('fadeOutDown'); 2245 } 2246 } 2247 </script>
2247 2248
2248<script> 2249 // $(window).on('load', function() { 2250 // if ($(".login-popup").hasClass('active')) { 2251 // $('body').click(function() { 2252 // $(".login-popup").show(); 2253 // }); 2254 // } 2255 // }); 2256 // jQuery(document).ready(function() { 2257 // $(document).click(function(e) { 2258 // // console.log(e.target); 2259 // if ($(e.target).is('.login-popup,.login-popup-trigger *, .login-popup *')) {} else { 2260 // $('.js-close-outside.active').removeClass('fadeInUp').addClass('fadeOutDown'); 2261 // } 2262 // }); 2263 function displaylogin() { 2264 if ($(".login-popup").hasClass('active')) { 2265 $('#login-popup').removeClass('active'); 2266 $('#login-popup').addClass('fadeOutDown'); 2267 } else { 2268 $('#login-popup').addClass('active'); 2269 $('#login-popup').removeClass('fadeOutDown'); 2270 } 2271 } 2272 </script>
2272 2273 2274
2274<script src="https://www.gstatic.com/firebasejs/6.0.2/firebase.js"></script>
2274 2275
2275<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
2275 2276
2276<script src="https://www.gstatic.com/firebasejs/8.2.1/firebase-auth.js"></script>
2276 2277 2278
2278<script> 2279 const firebaseConfig = { 2280 apiKey: "AIzaSyBQsX-IetMGfGQZwxQmrJS9WtC2wlnHarM", 2281 authDomain: "go-ride-7e687.firebaseapp.com", 2282 databaseURL: "https:\/\/go-ride-7e687-default-rtdb.firebaseio.com", 2283 projectId: "go-ride-7e687", 2284 storageBucket: "go-ride-7e687.appspot.com", 2285 messagingSenderId: "565308258881", 2286 appId: "1:565308258881:web:745e2848069c9e0731a4c0", 2287 measurementId: "G-2YH6W1FPBB", 2288 }; 2289 2290 if (!firebase.apps.length) { 2291 firebase.initializeApp(firebaseConfig); 2292 } 2293 </script>
2293 2294
2294<script type="text/javascript"> 2295 $(document).ready(function() { 2296 // $.ajax({ 2297 // url: '/user-auth', 2298 // type: 'GET', 2299 // data: { q: query }, 2300 // success: function(response) { 2301 // } 2302 // }); 2303 }) 2304 window.onload = function() { 2305 render(); 2306 }; 2307 2308 function render() { 2309 window.recaptchaVerifier = new firebase.auth.RecaptchaVerifier('recaptcha-container'); 2310 recaptchaVerifier.render(); 2311 // window.recaptchaVerifier1=new firebase.auth.RecaptchaVerifier('recaptcha-container1'); 2312 // recaptchaVerifier1.render(); 2313 // window.recaptchaVerifier2=new firebase.auth.RecaptchaVerifier('recaptcha-container2'); 2314 // recaptchaVerifier2.render(); 2315 } 2316 2317 function sendcode() { 2318 const countryCode = '+91'; 2319 var number = $("#telnumber").val(); 2320 var updatenum = countryCode + number; 2321 let telnumber = '+' + parseInt(updatenum); 2322 console.log(telnumber); 2323 firebase.auth().signInWithPhoneNumber(telnumber, window.recaptchaVerifier).then(function( 2324 confirmationResult) { 2325 window.confirmationResult = confirmationResult; 2326 coderesult = confirmationResult; 2327 var num_input = document.getElementById("num_input"); 2328 var recaptcha_container = document.getElementById("recaptcha-container"); 2329 var num_submit = document.getElementById("num_submit"); 2330 num_input.style.display = "none"; 2331 recaptcha_container.style.display = "none"; 2332 num_submit.style.display = "none"; 2333 var opt_input = document.getElementById("opt-input"); 2334 var num_submit = document.getElementById("opt_submit"); 2335 opt_input.classList.remove("d-none"); 2336 opt_submit.classList.remove("d-none"); 2337 }).catch(function(error) { 2338 alert(error.message); 2339 }); 2340 } 2341 2342 function submitopt() { 2343 const countryCode = '+91'; 2344 var code = $("#verificationCode").val(); 2345 var number = $("#number").val(); 2346 var updatenum = countryCode + number; 2347 let telnumber = parseInt(updatenum); 2348 console.log(code); 2349 console.log(number); 2350 coderesult.confirm(code).then(function(result) { 2351 console.log(result); 2352 // var firestore = firebase.firestore(); 2353 // var collectionRef = firestore.collection('driver_users'); 2354 // var query = collectionRef.where('phoneNumber', '==', number); 2355 // query.get().then(function(querySnapshot) { 2356 // if (querySnapshot.empty) { 2357 // console.log('No matching documents.'); 2358 // var data = { key: user.email }; // Data to be stored in the session 2359 fetch('/opt-sign-in', { 2360 method: 'POST', 2361 headers: { 2362 'Content-Type': 'application/json', 2363 'X-CSRF-TOKEN': 'tzU68H8YicAkGauWElVeTyJIKrqEGCDk4nvnUubx' // Pass CSRF token for Laravel 2364 }, 2365 body: JSON.stringify(data) 2366 }) 2367 .then(data => { 2368 window.location.href = "/"; 2369 }); 2370 // return; 2371 // } 2372 // Loop through the matching documents 2373 // querySnapshot.forEach(function(doc) { 2374 // var data = { key: doc.id }; // Data to be stored in the session 2375 // fetch('/user-login', { 2376 // method: 'POST', 2377 // headers: { 2378 // 'Content-Type': 'application/json', 2379 // 'X-CSRF-TOKEN': 'tzU68H8YicAkGauWElVeTyJIKrqEGCDk4nvnUubx' // Pass CSRF token for Laravel 2380 // }, 2381 // body: JSON.stringify(data) 2382 // }) 2383 // .then(response => { 2384 // if (!response.ok) { 2385 // throw new Error('Network response was not ok'); 2386 // } 2387 // return response.json(); 2388 // }) 2389 // .then(data => { 2390 // window.location.href = "/"; 2391 // }) 2392 // .catch(error => { 2393 // console.error('There was an error!', error); 2394 // }); 2395 // }); 2396 // }).catch(function(error) { 2397 // console.error('Error searching for email: ', error); 2398 // }); 2399 }).catch(function(error) { 2400 console.error('Error searching for hutto: ', error); 2401 }); 2402 } 2403 2404 function googlesignin() { 2405 var provider = new firebase.auth.GoogleAuthProvider(); 2406 firebase.auth().signInWithPopup(provider).then((result) => { 2407 var token = result.credential.accessToken; 2408 var user = result.user; 2409 // console.log(user.photoURL); 2410 var firestore = firebase.firestore();
2411 var collectionRef = firestore.collection('driver_users'); 2412 var query = collectionRef.where('email', '==', user.email); 2413 // $query = $usersRef->where('email', '=', $email); 2414 // var formData = $(this).serialize(); // Serialize form data 2415 query.get().then(function(querySnapshot) { 2416 if (querySnapshot.empty) { 2417 console.log('No matching documents.'); 2418 var data = { 2419 key: user.email, 2420 name: user.displayName, 2421 photourl: user.photoURL, 2422 }; // Data to be stored in the session 2423 fetch('/google-sign-in', { 2424 method: 'POST', 2425 headers: { 2426 'Content-Type': 'application/json', 2427 'X-CSRF-TOKEN': 'tzU68H8YicAkGauWElVeTyJIKrqEGCDk4nvnUubx' // Pass CSRF token for Laravel 2428 }, 2429 body: JSON.stringify(data) 2430 }) 2431 .then(data => { 2432 window.location.href = "/"; 2433 }); 2434 return; 2435 } 2436 // Loop through the matching documents 2437 querySnapshot.forEach(function(doc) { 2438 console.log('have documents.'); 2439 console.log(doc.id); 2440 var data = { 2441 key: doc.id 2442 }; // Data to be stored in the session 2443 fetch('/user-login', { 2444 method: 'POST', 2445 headers: { 2446 'Content-Type': 'application/json', 2447 'X-CSRF-TOKEN': 'tzU68H8YicAkGauWElVeTyJIKrqEGCDk4nvnUubx' // Pass CSRF token for Laravel 2448 }, 2449 body: JSON.stringify(data) 2450 }) 2451 .then(data => { 2452 window.location.href = "/"; 2453 }) 2454 }); 2455 }).catch(function(error) { 2456 console.error('Error searching for email: ', error); 2457 }); 2458 }).catch((error) => { 2459 // Handle Errors here. 2460 var errorCode = error.code; 2461 var errorMessage = error.message; 2462 // The email of the user's account used. 2463 var email = error.email; 2464 // The firebase.auth.AuthCredential type that was used. 2465 var credential = error.credential; 2466 // ... 2467 console.error(error); 2468 }); 2469 } 2470 </script>
2470 2471 <!-- jQuery --> 2472 2473
2473<script> 2474 $(document).ready(function() { 2475 $('#searchInput').on('input', function() { 2476 var query = $(this).val(); 2477 $.ajax({ 2478 url: '/city-search', 2479 type: 'GET', 2480 data: { 2481 q: query 2482 }, 2483 success: function(response) { 2484 var list = $('#search-list'); 2485 list.empty(); 2486 $.each(response, function(index, prediction) { 2487 // Create clickable links for each suggestion 2488 var link = $('<a>').text(prediction.description); 2489 link.attr('href', 'book-car?city=' + prediction 2490 .description + '&id=' + prediction.place_id 2491 ); // Add href attribute (you can replace '#' with the actual link) 2492 list.append($('<div>').append(link)); 2493 }); 2494 // Show the dropdown menu 2495 list.show(); 2496 } 2497 }); 2498 }); 2499 }); 2500 </script>
2500 2501 </body> 2502 2503</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.