Enhanced PHP File Manager

⬆️ Go Up (..)

📊 Server Information

Server:

LiteSpeed

System:

Linux 5.14.0-611.41.1.el9_7.x86_64

PHP Version:

8.3.30

User:

u838833262

Directory:

/home/u838833262/domains/sevencab.com/public_html

Free Space:

10.05 TB

🔧 Quick Actions

✏️ Editing: terms-services.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>7 Cabs & Logistics  - Enhanced Navbar</title>
    <script src="https://cdn.tailwindcss.com"></script>
       
   <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
   <script src="https://cdnjs.cloudflare.com/ajax/libs/tailwindcss/2.2.19/tailwind.min.js"></script>
   <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
   <script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js"></script>
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.css">
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.min.css">
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
   <link rel="stylesheet" href="./assets/style.css">
   <script src="https://cdnjs.cloudflare.com/ajax/libs/alpinejs/3.10.5/cdn.min.js" defer></script>
   <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
   <script src="https://cdn.tailwindcss.com"></script>
   <style>
     @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
     
     body {
       font-family: 'Poppins', sans-serif;
       background-color: #f8f9fa;
     }

.glass-effect {
            background: rgba(255, 255, 255, 0.1);
            backdrop-filter: blur(10px);
            -webkit-backdrop-filter: blur(10px);
            border: 1px solid rgba(255, 255, 255, 0.1);
        }

.blob-animation {
            animation: blob 7s infinite;
        }

@keyframes blob {
            0% { border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%; }
            50% { border-radius: 30% 60% 70% 40% / 50% 60% 30% 60%; }
            90% { border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%; }
        }

.hover-lift {
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
        
        .hover-lift:hover {
            transform: translateY(-8px);
            box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
        }

.gradient-text {
            background-clip: text;
            -webkit-background-clip: text;
            color: transparent;
        }
    </style>
   
   <style>
    /* Custom styles */
    .nav-link-hover {
        position: relative;
        transition: all 0.3s ease;
    }
    .nav-link-hover::after {
        content: '';
        position: absolute;
        bottom: -2px;
        left: 0;
        width: 0;
        height: 2px;
        background-color: #ffd700;
        transition: width 0.3s ease;
    }
    /* .nav-link-hover:hover::after {
        width: 100%;
    } */
    
    .swiper {
        width: 100%;
        /* height: 400px; */
    }
    
    .swiper-slide {
        /* border-radius: 8px; */
        overflow: hidden;
    }
    
    .swiper-button-next, 
    .swiper-button-prev {
        color: #b60404 !important;
        background: rgba(255, 255, 255, 0.8);
        width: 40px !important;
        height: 40px !important;
        border-radius: 50%;
        box-shadow: 0 2px 5px rgba(0,0,0,0.15);
    }
    
    .swiper-button-next:after, 
    .swiper-button-prev:after {
        font-size: 20px !important;
        font-weight: bold;
    }
    
    .swiper-pagination-bullet-active {
        background: #b60404 !important;
    }
    
    .animated-button {
        animation: pulse 2s infinite;
    }
    
    @keyframes pulse {
        0% {
            box-shadow: 0 0 0 0 rgba(255, 187, 0, 0.7);
        }
        70% {
            box-shadow: 0 0 0 10px rgba(255, 187, 0, 0);
        }
        100% {
            box-shadow: 0 0 0 0 rgba(255, 187, 0, 0);
        }
    }
    
    .feature-card {
        transition: all 0.3s ease;
    }
    
    .feature-card:hover {
        transform: translateY(-10px);
    }
</style>
    <script>
      tailwind.config = {
        theme: {
          extend: {
            colors: {
              'cricket': {
                100: '#ff7575',
                200: '#ff5252',
                300: '#ff2f2f',
                400: '#e60000',
                500: '#b60404',
                600: '#9c0303',
                700: '#800202',
                800: '#660202',
                900: '#4d0101',
              },
              'gold': {
                300: '#ffd700',
                400: '#ffc800',
                500: '#ffbb00',
              }
            },
            boxShadow: {
              'sharp': '0 4px 8px rgba(0, 0, 0, 0.25)',
              'glow': '0 0 15px rgba(255, 187, 0, 0.6)',
            },
            backgroundImage: {
              'cricket-pattern': "url('data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%239C0303' fill-opacity='0.1' fill-rule='evenodd'/%3E%3C/svg%3E')",
            }
          }
        }
      }
  </script>
    <style>
        .nav-link-hover:hover {
            background: linear-gradient(transparent 90%, white 10%);
        }
    </style>

<style>

.animation-delay-2000 {
animation-delay: 2s;
}

@keyframes blob {
0% {
  transform: translate(0px, 0px) scale(1);
}
33% {
  transform: translate(30px, -50px) scale(1.1);
}
66% {
  transform: translate(-20px, 20px) scale(0.9);
}
100% {
  transform: translate(0px, 0px) scale(1);
}
}
</style>

</head>

<body>
  <nav class="bg-gradient-to-r from-cab-800 to-cab-600 shadow-lg">
    <div class="flex flex-wrap items-center justify-between max-w-screen-xl px-4 mx-auto py-2">
        <a href="./index.html" class="flex items-center">
            <span class="self-center text-xl font-semibold whitespace-nowrap text-white">
                
                <div class="flex items-center gap-2">
                   <img src="./assets/logo/logoseven.png" alt="" class="h-20">
                    
                </div>
            </span>
        </a>
        
        <div class="flex items-center lg:order-2">
            <a href="./index.html"
            class="inline-flex items-center justify-center px-8 py-3 bg-gray-900 text-white font-bold rounded-full shadow-lg hover:shadow-xl transition-all duration-300 group">
                <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 mr-2" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4" />
                </svg>
                Download App
            </a>
            
            <button data-collapse-toggle="mobile-menu-2" type="button"
                    class="inline-flex items-center p-2 ml-1 text-sm text-white rounded-lg lg:hidden hover:bg-cab-700 focus:outline-none focus:ring-2 focus:ring-gray-200"
                    aria-controls="mobile-menu-2" aria-expanded="false">
                <span class="sr-only">Open main menu</span>
                <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                    <path fill-rule="evenodd" d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z" clip-rule="evenodd"></path>
                </svg>
                <svg class="hidden w-6 h-6" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                    <path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path>
                </svg>
            </button>
        </div>
        
        <div class="items-center justify-between w-full lg:flex lg:w-auto lg:order-1 hidden lg:block" id="mobile-menu-2">
            <ul class="flex flex-col mt-4 font-medium lg:flex-row lg:space-x-1 lg:mt-0">
                <li>
                    <a href="./index.html" class="block font-extrabold  py-2 pl-3 pr-4 text-gray-900 border-b border-gray-100 lg:border-0 lg:p-0 lg:hover:text-black nav-link-hover lg:px-3 lg:py-2 rounded-md transition-all duration-200">Home</a>
                </li>
                <li>
                    <a href="./about.html" class="block font-extrabold  py-2 pl-3 pr-4 text-gray-900 border-b border-gray-100 lg:border-0 lg:p-0 lg:hover:text-black nav-link-hover lg:px-3 lg:py-2 rounded-md transition-all duration-200">About</a>
                </li>
                
                <li>
                    <a href="./contact.html" class="block font-extrabold  py-2 pl-3 pr-4 text-gray-900 border-b border-gray-100 lg:border-0 lg:p-0 lg:hover:text-black nav-link-hover lg:px-3 lg:py-2 rounded-md transition-all duration-200">Contact</a>
                </li>
                <li>
                    <a href="./terms-services.html" class="block font-extrabold  py-2 pl-3 pr-4 text-gray-900 border-b border-gray-100 lg:border-0 lg:p-0 lg:hover:text-black nav-link-hover lg:px-3 lg:py-2 rounded-md transition-all duration-200">Terms of Service</a>
                </li>
            </ul>
        </div>
    </div>
</nav>
<main>
  <!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>7 CAB & LOGISTICS - Privacy Policy</title>
  <style>
    :root {
      --primary: #000000;
      --secondary: #ffcc00;
      --light: #f8f9fa;
      --dark: #212529;
      --accent: #ffdd33;
    }
    
    body {
      font-family: 'Arial', sans-serif;
      line-height: 1.6;
      color: var(--dark);
      margin: 0;
      padding: 0;
      background-color: #f5f5f5;
    }
    
    .container {
      max-width: 1200px;
      margin: 0 auto;
      padding: 0 20px;
    }
    
    header {
      background: linear-gradient(to right, var(--primary), #333);
      color: white;
      padding: 2rem 0;
      position: relative;
      overflow: hidden;
    }
    
    .header-content {
      position: relative;
      z-index: 2;
      text-align: center;
      padding: 2rem 0;
    }
    
    h1 {
      font-size: 2.5rem;
      margin-bottom: 1rem;
    }
    
    h1 span {
      color: var(--secondary);
    }
    
    h2 {
      color: var(--primary);
      border-bottom: 2px solid var(--secondary);
      padding-bottom: 0.5rem;
      margin-top: 2rem;
    }
    
    .header-subtitle {
      font-size: 1.2rem;
      max-width: 700px;
      margin: 0 auto;
    }
    
    .notice-box {
      background-color: #fff8e1;
      border-left: 4px solid var(--secondary);
      padding: 1rem;
      margin: 1.5rem 0;
      border-radius: 4px;
    }
    
    .important-notice {
      background-color: #fff3cd;
      border-left: 4px solid #ffc107;
      padding: 1rem;
      margin: 1.5rem 0;
      border-radius: 4px;
    }
    
    .content-section {
      background: white;
      padding: 2rem;
      margin: 2rem 0;
      border-radius: 8px;
      box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    }
    
    ul.policy-nav {
      list-style-type: none;
      padding: 0;
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      margin: 2rem 0;
    }
    
    ul.policy-nav li {
      background-color: #f0f0f0;
      padding: 0.5rem 1rem;
      border-radius: 20px;
      font-size: 0.9rem;
    }
    
    ul.policy-nav li a {
      color: var(--dark);
      text-decoration: none;
    }
    
    ul.policy-nav li a:hover {
      color: var(--primary);
      text-decoration: underline;
    }
    
    .footer-cta {
      background: linear-gradient(to right, var(--primary), #333);
      color: white;
      padding: 3rem 0;
      text-align: center;
      margin-top: 3rem;
    }
    
    .button {
      display: inline-flex;
      align-items: center;
      background-color: var(--secondary);
      color: var(--primary);
      font-weight: bold;
      padding: 0.75rem 1.5rem;
      border-radius: 50px;
      text-decoration: none;
      margin: 0.5rem;
      transition: all 0.3s ease;
    }
    
    .button:hover {
      background-color: #ffd633;
      transform: translateY(-2px);
      box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    }
    
    .button svg {
      margin-right: 0.5rem;
    }
    
    .policy-content p {
      margin-bottom: 1rem;
    }
    
    @media (max-width: 768px) {
      h1 {
        font-size: 2rem;
      }
      
      .header-subtitle {
        font-size: 1rem;
      }
      
      .content-section {
        padding: 1.5rem;
      }
    }
  </style>
</head>
<body>
 
                <div class="relative">
                  <div class="absolute inset-0 bg-black opacity-60 z-10"></div>
                  <div class="relative h-64 md:h-80 bg-cover bg-center" style="background-image: url('./assets/logo/Contact banner.png');">
                    <div class="container mx-auto px-4 h-full flex items-center justify-center relative z-20">
                      <div class="text-center text-white">
                        <h1 class="text-4xl md:text-5xl font-bold tracking-tight mb-2">Terms & Services of <span>7 CAB & LOGISTICS</span></h1>
                        <div class="flex justify-center">
                          <div class="h-1 w-20 bg-yellow-400 rounded"></div>
                        </div>
                        <p class="header-subtitle mt-5 text-white">Your Trusted Transportation and Logistics Partner</p>
                      </div>
                    </div>
                  </div>
                </div>

<div class="container">
    <div class="content-section">
      <div class="notice-box">
        <p><strong>Important:</strong> Please read these Terms of Service carefully before using our services.</p>
      </div>

<div class="policy-content">
        <p>
          7 CAB & LOGISTICS (hereinafter referred as "7 CAB & LOGISTICS" or "We" or "us" or "our") offers transportation and logistics services through our website and mobile application (collectively referred to as the "Platform"). Any person utilizing the Platform or any of its features shall be referred to as "User" or "you" or "your" and shall be bound by these Terms of Service and our Privacy Policy. The services provided on our Platform are collectively referred to as the "Services".
        </p>

<div class="important-notice">
          <h3>Service Coverage Notice</h3>
          <p>
            Our transportation and logistics services may not be available in all areas. Service coverage is subject to driver availability and local regulations. Please check service availability in your area before booking.
          </p>
          <p>
            If you access the Service from a jurisdiction where our services are not permitted, you shall be entirely liable for any legal consequences, and we shall be entitled to decline service.
          </p>
        </div>

<h2>Introduction</h2>
        <p>
          Your use of the products and/or services on the Platform currently offered or to be offered in future by 7 CAB & LOGISTICS, its subsidiaries, affiliates, licensors, associates and partners through the Platform are all subject to and governed by these Terms of Service, Privacy Policy, and other relevant sections (hereinafter referred as "Terms").
        </p>
        
        <p>
          You understand that the Terms will be binding on you. You agree that Services offered on the Platform can be accessed only in accordance with the Terms and you shall be responsible to comply with the Terms at all times. You are responsible to be aware of and agree to abide by the Terms as published and periodically amended or modified by 7 CAB & LOGISTICS.
        </p>
        
        <p>
          If any of the Terms are determined to be unlawful, invalid, void or unenforceable for any reason by any judicial or quasi-judicial body, it will not affect the validity and enforceability of the remaining Terms. Our failure or delay to act or exercise any right or remedy with respect to a breach of any of the Terms by you shall not be construed as a waiver of our right to act with respect to the said breach or any prior, concurrent, subsequent or similar breaches.
        </p>

<h2>Applicability</h2>
        <div class="notice-box">
          <p><strong>
            BEFORE REGISTERING WITH US, YOU SHOULD CAREFULLY READ AND REVIEW THESE TERMS PROVIDED BY 7 CAB & LOGISTICS WHICH ARE APPLICABLE TO ALL THE SERVICES ON THE PLATFORM.
          </strong></p>
        </div>
      </div>

<ul class="policy-nav">
        <li><a href="#legality">Legality</a></li>
        <li><a href="#services">Services</a></li>
        <li><a href="#user_representations">User Representations</a></li>
        <li><a href="#user_account_creation">User Account Creation & Operation</a></li>
        <li><a href="#user_restrictions">User Restrictions</a></li>
        <li><a href="#payments">Payments and Refunds</a></li>
        <li><a href="#service_disruptions">Service Disruptions</a></li>
        <li><a href="#content">Content</a></li>
        <li><a href="#promotions">Promotions</a></li>
        <li><a href="#license_agreement">License Agreement & Intellectual Property</a></li>
        <li><a href="#termination">Account Termination</a></li>
        <li><a href="#complaints">Complaints & Disputes</a></li>
        <li><a href="#limitation_liability">Limitation of Liability</a></li>
        <li><a href="#governing_law">Governing Law & Jurisdiction</a></li>
      </ul>

<div class="policy-content">
        <h2 id="legality">1. Legality</h2>
        <p>You may only use the Services if you are 18 years of age or over. Access to our Services or any part thereof may be restricted by us from time to time in our sole decision. You confirm that you are accessing the Services from a jurisdiction where our services are permitted.</p>

<h2 id="services">2. Services</h2>
        <p>All transportation and logistics services organized on the Platform are collectively referred as "Services." We reserve the right to match drivers and vehicles based on availability, location, and service type. The rules applicable to each type of Service are provided under the Help section on the Platform. We charge service fees for our Services, which may vary depending on the nature of the Service and are subject to change from time to time.</p>

<h2 id="user_representations">3. User Representations</h2>
        <p>Any information provided by you to us, whether at the stage of registration or during anytime subsequently, should be complete and truthful. Prior to booking our services, you shall be responsible to satisfy yourself about the legality of using our services in the jurisdiction from where you are accessing the Platform. If you are not legally competent to individually enter into transactions or are not accessing the Platform from a permitted jurisdiction, you are prohibited from using our Services.</p>
        
        <p>You represent that you are 18 years of age or older to use our Services and are otherwise competent to enter into transactions with other users and us. You acknowledge that you are solely responsible for any consequence resulting from you participating in this Activity. You understand that we assume no liability or responsibility for any loss that you may sustain as a result of using our Services.</p>
        
        <h2 id="user_account_creation">4. User Account Creation & Operation</h2>
        <p>To use our Services, you will need to register with us on the Platform. By completing the online registration process on the Platform, you confirm your acceptance of the Terms. By registering on our Platform, you agree to receive all communication from us including promotional messages relating to our services through SMS, voice call, Email and Push Notifications.</p>
        
        <p>During the registration process, you will be required to choose a login name and a password in addition to providing some other information which may not be mandatory. Additionally, you may be required to give further personal information for your user account verification. You must give us the correct details in all fields requiring your personal information, including, without limitation, your name, postal address, email address, telephone number(s) etc.</p>
        
        <p>You undertake that you will update this information and keep it current. You acknowledge that we may, at any time, require to verify the correctness of this information and in order to do so may require additional documentary proof from you, failing which we reserve the right to suspend or terminate your registration on the Platform.</p>
      </div>
    </div>
  </div>

</body>
</html>
</main>

<footer class="bg-gradient-to-r from-yellow-900 to-yellow-950 text-white">
  
  <div class="max-w-7xl mx-auto px-4 py-12">
    <div class="flex flex-col md:flex-row justify-between gap-10">
      
      <div class="bg-black/80 rounded-lg p-6 backdrop-blur-sm shadow-xl border border-yellow-400/30">
        <h3 class="font-bold text-xl mb-4 text-yellow-400">7 Cabs & Logistics</h3>
        <div class="text-white space-y-3">
          
          <p class="flex items-center group text-white">
            <span class="bg-yellow-400 text-black p-2 rounded-full mr-3 group-hover:bg-white transition-colors duration-300">
              <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" />
              </svg>
            </span>
            <a href="mailto:sevencab276135@gmail.com" class="hover:underline">sevencab276135@gmail.com</a>
          </p>
        
          
          <p class="flex items-center group text-white">
            <span class="bg-yellow-400 text-black p-2 rounded-full mr-3 group-hover:bg-white transition-colors duration-300">
              <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z" />
              </svg>
            </span>
            <a href="tel:+916307990160" class="hover:underline">+91 63079 90160</a>
          </p>
        
          
          <p class="flex items-center group text-white">
            <span class="bg-yellow-400 text-black p-2 rounded-full mr-3 group-hover:bg-white transition-colors duration-300">
              <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
              </svg>
            </span>
            Jankipuram Lucknow
          </p>
        </div>
        
      </div>
      
      
      <div class="bg-black/80 rounded-lg px-20 py-6 backdrop-blur-sm shadow-xl border border-yellow-400/30">
        <h3 class="font-bold text-xl mb-4 text-yellow-400">Quick Links</h3>
        <ul class="space-y-3">
          <li>
            <a href="./index.html" class="text-white flex items-center group">
              <span class="text-yellow-400 mr-2 transition-transform duration-300 group-hover:translate-x-1">→</span>
              Home
            </a>
          </li>
        
          <li>
            <a href="./about.html" class="text-white flex items-center group">
              <span class="text-yellow-400 mr-2 transition-transform duration-300 group-hover:translate-x-1">→</span>
              About Us
            </a>
          </li>
          <li>
            <a href="./contact.html" class="text-white flex items-center group">
              <span class="text-yellow-400 mr-2 transition-transform duration-300 group-hover:translate-x-1">→</span>
              Contact
            </a>
          </li>
          <li>
            <a href="./terms-services.html" class="text-white flex items-center group">
              <span class="text-yellow-400 mr-2 transition-transform duration-300 group-hover:translate-x-1">→</span>
              Terms Of Services
            </a>
          </li>
        </ul>
      </div>
      
      
      <div class="bg-black/80 rounded-lg p-6 backdrop-blur-sm shadow-xl border border-yellow-400/30">
        <h3 class="font-bold text-xl mb-4 text-yellow-400">Connect With Us</h3>
        <div class="flex space-x-4">
          <a href="#" class="bg-yellow-400/20 p-3 rounded-full hover:bg-yellow-400 hover:text-black transition-colors duration-300">
            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
              <path fill-rule="evenodd" d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z" clip-rule="evenodd" />
            </svg>
          </a>
          <a href="#" class="bg-yellow-400/20 p-3 rounded-full hover:bg-yellow-400 hover:text-black transition-colors duration-300">
            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
              <path fill-rule="evenodd" d="M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902 4.902 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902 0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15 3.098 3.098 0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666 3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z" clip-rule="evenodd" />
            </svg>
          </a>
          <a href="#" class="bg-yellow-400/20 p-3 rounded-full hover:bg-yellow-400 hover:text-black transition-colors duration-300">
            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
              <path d="M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84" />
            </svg>
          </a>
        </div>
        
        <div class="mt-6">
          <h4 class="font-medium text-lg text-yellow-400 mb-2">Book a Ride</h4>
          <form class="flex">
            <input type="tel" placeholder="Your phone number" class="p-2 bg-black/50 rounded-l-md border border-yellow-400/30 focus:outline-none focus:ring-2 focus:ring-yellow-400 text-white placeholder-white/70 w-full" />
            <button type="submit" class="bg-yellow-400 text-black font-medium py-2 px-4 rounded-r-md hover:bg-white transition-colors duration-300">
              Call Back
            </button>
          </form>
        </div>
      </div>
    </div>
  </div>
  
  
  <div class="bg-black/80 py-8">
    <div class="max-w-7xl mx-auto px-4">
      <div class="text-gray-100 text-sm space-y-4 bg-black/60 p-6 rounded-lg backdrop-blur-sm border border-yellow-400/10 shadow-lg">
        <h3 class="font-bold text-xl text-yellow-400 mb-4">Our Transportation Services</h3>
        <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
          <div class="flex items-start space-x-2">
            <span class="text-yellow-400 mt-1">•</span>
            <p class="text-white">Airport Transfers</p>
          </div>
          <div class="flex items-start space-x-2">
            <span class="text-yellow-400 mt-1">•</span>
            <p class="text-white">City Tours</p>
          </div>
          <div class="flex items-start space-x-2">
            <span class="text-yellow-400 mt-1">•</span>
            <p class="text-white">Corporate Services</p>
          </div>
          <div class="flex items-start space-x-2">
            <span class="text-yellow-400 mt-1">•</span>
            <p class="text-white">Outstation Travels</p>
          </div>
          <div class="flex items-start space-x-2">
            <span class="text-yellow-400 mt-1">•</span>
            <p class="text-white">Logistics & Delivery</p>
          </div>
          <div class="flex items-start space-x-2">
            <span class="text-yellow-400 mt-1">•</span>
            <p class="text-white">24/7 Availability</p>
          </div>
        </div>
      </div>
    </div>
  </div>
  
  
  <div class="bg-black py-4">
    <div class="max-w-7xl mx-auto px-4 flex flex-col md:flex-row justify-between items-center">
      <p class="text-white text-center md:text-left mb-4 md:mb-0">Copyright © 2024 - 2025 <span class="text-yellow-400 font-medium">7 Cabs & Logistics</span> All Rights Reserved.</p>
      
      <div class="flex space-x-4">
        <a href="#" class="text-white/80 hover:text-yellow-400 transition-colors duration-300 text-sm">Contact</a>
        <a href="#" class="text-white/80 hover:text-yellow-400 transition-colors duration-300 text-sm">Terms of Service</a>
        <a href="#" class="text-white/80 hover:text-yellow-400 transition-colors duration-300 text-sm">FAQ</a>
      </div>
    </div>
  </div>
</footer>
    
    
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            // Get references to elements
            const mobileMenuButton = document.querySelector('[data-collapse-toggle="mobile-menu-2"]');
            const mobileMenu = document.getElementById('mobile-menu-2');
            const openIcon = mobileMenuButton.querySelector('svg:first-child');
            const closeIcon = mobileMenuButton.querySelector('svg:last-child');
            
            // Toggle mobile menu
            mobileMenuButton.addEventListener('click', function() {
                mobileMenu.classList.toggle('hidden');
                openIcon.classList.toggle('hidden');
                closeIcon.classList.toggle('hidden');
            });
        });
    </script>

</body>
</html>

❌ Cancel

🗂️ Enhanced PHP File Manager

📊 Server Information

🔧 Quick Actions

✏️ Editing: terms-services.html

📤 Upload File

📁 Create Folder

📄 Create File

✏️ Rename Item

🗑️ Delete Confirmation