| <!DOCTYPE html> |
| <html lang="en"> |
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <title>About Us - Parkingoo</title> |
| <link rel="icon" type="image/x-icon" href="/static/favicon.ico"> |
| <script src="https://cdn.tailwindcss.com"></script> |
| <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script> |
| <script src="https://unpkg.com/feather-icons"></script> |
| <style> |
| .hover-scale { |
| transition: transform 0.2s ease-in-out; |
| } |
| .hover-scale:hover { |
| transform: scale(1.02); |
| } |
| .hero-gradient { |
| background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%); |
| } |
| </style> |
| </head> |
| <body class="bg-gray-50"> |
| |
| <nav class="bg-white shadow-md sticky top-0 z-50"> |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
| <div class="flex justify-between h-16"> |
| <div class="flex items-center"> |
| <div class="flex-shrink-0 flex items-center"> |
| <i data-feather="map-pin" class="text-blue-600 h-6 w-6"></i> |
| <span class="ml-2 text-xl font-bold text-blue-600">Parkingoo</span> |
| </div> |
| <div class="hidden sm:ml-6 sm:flex sm:space-x-8"> |
| <a href="index.html" class="border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">Home</a> |
| <a href="search.html" class="border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">Search</a> |
| <a href="about.html" class="border-blue-500 text-gray-900 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">About</a> |
| <a href="contact.html" class="border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">Contact</a> |
| </div> |
| </div> |
| <div class="hidden sm:ml-6 sm:flex sm:items-center"> |
| <button class="bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 rounded-md text-sm font-medium">Sign In</button> |
| </div> |
| <div class="-mr-2 flex items-center sm:hidden"> |
| <button type="button" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-blue-500" aria-controls="mobile-menu" aria-expanded="false"> |
| <span class="sr-only">Open main menu</span> |
| <i data-feather="menu" class="block h-6 w-6"></i> |
| </button> |
| </div> |
| </div> |
| </div> |
|
|
| |
| <div class="sm:hidden hidden" id="mobile-menu"> |
| <div class="pt-2 pb-3 space-y-1"> |
| <a href="index.html" class="border-transparent text-gray-500 hover:bg-gray-50 hover:border-gray-300 hover:text-gray-700 block pl-3 pr-4 py-2 border-l-4 text-base font-medium">Home</a> |
| <a href="search.html" class="border-transparent text-gray-500 hover:bg-gray-50 hover:border-gray-300 hover:text-gray-700 block pl-3 pr-4 py-2 border-l-4 text-base font-medium">Search</a> |
| <a href="about.html" class="bg-blue-50 border-blue-500 text-blue-700 block pl-3 pr-4 py-2 border-l-4 text-base font-medium">About</a> |
| <a href="contact.html" class="border-transparent text-gray-500 hover:bg-gray-50 hover:border-gray-300 hover:text-gray-700 block pl-3 pr-4 py-2 border-l-4 text-base font-medium">Contact</a> |
| <div class="pt-4 pb-3 border-t border-gray-200"> |
| <div class="mt-3 space-y-1"> |
| <a href="#" class="block px-4 py-2 text-base font-medium text-gray-500 hover:text-gray-800 hover:bg-gray-100">Sign in</a> |
| </div> |
| </div> |
| </div> |
| </div> |
| </nav> |
|
|
| |
| <div class="hero-gradient"> |
| <div class="max-w-7xl mx-auto py-16 px-4 sm:py-24 sm:px-6 lg:px-8"> |
| <div class="text-center"> |
| <h1 class="text-4xl font-extrabold tracking-tight text-white sm:text-5xl lg:text-6xl"> |
| About Parkingoo |
| </h1> |
| <p class="mt-6 max-w-lg mx-auto text-xl text-blue-100"> |
| Our mission is to make parking simple, smart, and stress-free for everyone. |
| </p> |
| </div> |
| </div> |
| </div> |
|
|
| |
| <div class="py-12 bg-white"> |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
| <div class="lg:grid lg:grid-cols-2 lg:gap-8"> |
| <div class="mb-8 lg:mb-0"> |
| <h2 class="text-3xl font-extrabold text-gray-900"> |
| Our Story |
| </h2> |
| <p class="mt-3 text-lg text-gray-500"> |
| Parkingoo was founded in 2020 with a simple idea: parking shouldn't be a hassle. Our team of parking enthusiasts and tech experts came together to solve one of urban life's biggest frustrations. |
| </p> |
| <p class="mt-4 text-lg text-gray-500"> |
| What started as a small project in Pune has now grown to serve thousands of customers across India's major cities. We partner with parking lot owners to bring you the best spots at the best prices. |
| </p> |
| <div class="mt-6"> |
| <a href="contact.html" class="inline-flex items-center px-4 py-2 border border-transparent text-base font-medium rounded-md shadow-sm text-white bg-blue-600 hover:bg-blue-700"> |
| Contact Us |
| <i data-feather="arrow-right" class="ml-2 h-4 w-4"></i> |
| </a> |
| </div> |
| </div> |
| <div class="lg:mt-0 mt-8"> |
| <img class="rounded-lg shadow-lg hover-scale" src="http://static.photos/office/640x360/401" alt="Our Team"> |
| </div> |
| </div> |
| </div> |
| </div> |
|
|
| |
| <div class="bg-gray-50 py-12"> |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
| <div class="grid grid-cols-1 gap-8 sm:grid-cols-2 lg:grid-cols-4"> |
| <div class="bg-white p-6 rounded-lg shadow hover-scale"> |
| <div class="flex items-center"> |
| <div class="flex-shrink-0 bg-blue-500 rounded-md p-3"> |
| <i data-feather="map-pin" class="h-6 w-6 text-white"></i> |
| </div> |
| <div class="ml-5"> |
| <dt class="text-sm font-medium text-gray-500 truncate">Cities</dt> |
| <dd class="flex items-baseline"> |
| <p class="text-2xl font-semibold text-gray-900">15+</p> |
| </dd> |
| </div> |
| </div> |
| </div> |
| <div class="bg-white p-6 rounded-lg shadow hover-scale"> |
| <div class="flex items-center"> |
| <div class="flex-shrink-0 bg-blue-500 rounded-md p-3"> |
| <i data-feather="car" class="h-6 w-6 text-white"></i> |
| </div> |
| <div class="ml-5"> |
| <dt class="text-sm font-medium text-gray-500 truncate">Parking Spots</dt> |
| <dd class="flex items-baseline"> |
| <p class="text-2xl font-semibold text-gray-900">5,000+</p> |
| </dd> |
| </div> |
| </div> |
| </div> |
| <div class="bg-white p-6 rounded-lg shadow hover-scale"> |
| <div class="flex items-center"> |
| <div class="flex-shrink-0 bg-blue-500 rounded-md p-3"> |
| <i data-feather="users" class="h-6 w-6 text-white"></i> |
| </div> |
| <div class="ml-5"> |
| <dt class="text-sm font-medium text-gray-500 truncate">Happy Customers</dt> |
| <dd class="flex items-baseline"> |
| <p class="text-2xl font-semibold text-gray-900">50,000+</p> |
| </dd> |
| </div> |
| </div> |
| </div> |
| <div class="bg-white p-6 rounded-lg shadow hover-scale"> |
| <div class="flex items-center"> |
| <div class="flex-shrink-0 bg-blue-500 rounded-md p-3"> |
| <i data-feather="clock" class="h-6 w-6 text-white"></i> |
| </div> |
| <div class="ml-5"> |
| <dt class="text-sm font-medium text-gray-500 truncate">Hours Saved</dt> |
| <dd class="flex items-baseline"> |
| <p class="text-2xl font-semibold text-gray-900">100,000+</p> |
| </dd> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
|
|
| |
| <div class="py-12 bg-white"> |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
| <div class="lg:text-center"> |
| <h2 class="text-base text-blue-600 font-semibold tracking-wide uppercase">Our Team</h2> |
| <p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight text-gray-900 sm:text-4xl"> |
| The people behind Parkingoo |
| </p> |
| </div> |
|
|
| <div class="mt-10 grid grid-cols-1 gap-10 sm:grid-cols-2 lg:grid-cols-3"> |
| <div class="bg-gray-50 p-6 rounded-lg hover-scale"> |
| <div class="flex justify-center"> |
| <img class="h-40 w-40 rounded-full" src="http://static.photos/people/200x200/401" alt="Omkar Dumbre and Ayush Matho"> |
| </div> |
| <div class="mt-4 text-center"> |
| <h3 class="text-lg font-medium text-gray-900">Omkar Dumbre and Ayush Matho</h3> |
| <p class="text-sm text-blue-600">Founder & CEO</p> |
| <p class="mt-2 text-sm text-gray-500"> |
| Rahul started Parkingoo after spending hours searching for parking during his daily commute. |
| </p> |
| </div> |
| </div> |
|
|
| <div class="bg-gray-50 p-6 rounded-lg hover-scale"> |
| <div class="flex justify-center"> |
| <img class="h-40 w-40 rounded-full" src="http://static.photos/people/200x200/402" alt="Arman Singh"> |
| </div> |
| <div class="mt-4 text-center"> |
| <h3 class="text-lg font-medium text-gray-900">Arman Singh</h3> |
| <p class="text-sm text-blue-600">CTO</p> |
| <p class="mt-2 text-sm text-gray-500"> |
| Priya leads our tech team, ensuring our platform is fast, reliable, and easy to use. |
| </p> |
| </div> |
| </div> |
|
|
| <div class="bg-gray-50 p-6 rounded-lg hover-scale"> |
| <div class="flex justify-center"> |
| <img class="h-40 w-40 rounded-full" src="http://static.photos/people/200x200/403" alt="Lovesh Khandelwal"> |
| </div> |
| <div class="mt-4 text-center"> |
| <h3 class="text-lg font-medium text-gray-900">Lovesh Khandelwal</h3> |
| <p class="text-sm text-blue-600">Head of Operations</p> |
| <p class="mt-2 text-sm text-gray-500"> |
| Amit manages our partner network and ensures quality across all parking locations. |
| </p> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
|
|
| |
| <div class="py-12 bg-gray-50"> |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
| <div class="lg:text-center"> |
| <h2 class="text-base text-blue-600 font-semibold tracking-wide uppercase">Our Values</h2> |
| <p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight text-gray-900 sm:text-4xl"> |
| What we stand for |
| </p> |
| </div> |
|
|
| <div class="mt-10"> |
| <div class="space-y-10 md:space-y-0 md:grid md:grid-cols-3 md:gap-x-8 md:gap-y-10"> |
| <div class="relative hover-scale"> |
| <div class="absolute flex items-center justify-center h-12 w-12 rounded-md bg-blue-500 text-white"> |
| <i data-feather="user-check"></i> |
| </div> |
| <p class="ml-16 text-lg leading-6 font-medium text-gray-900">Customer First</p> |
| <p class="mt-2 ml-16 text-base text-gray-500"> |
| Everything we do is focused on making your parking experience better. |
| </p> |
| </div> |
|
|
| <div class="relative hover-scale"> |
| <div class="absolute flex items-center justify-center h-12 w-12 rounded-md bg-blue-500 text-white"> |
| <i data-feather="shield"></i> |
| </div> |
| <p class="ml-16 text-lg leading-6 font-medium text-gray-900">Trust & Safety</p> |
| <p class="mt-2 ml-16 text-base text-gray-500"> |
| We verify all parking spots and partners to ensure your vehicle's safety. |
| </p> |
| </div> |
|
|
| <div class="relative hover-scale"> |
| <div class="absolute flex items-center justify-center h-12 w-12 rounded-md bg-blue-500 text-white"> |
| <i data-feather="zap"></i> |
| </div> |
| <p class="ml-16 text-lg leading-6 font-medium text-gray-900">Innovation</p> |
| <p class="mt-2 ml-16 text-base text-gray-500"> |
| We're constantly improving our technology to serve you better. |
| </p> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
|
|
| |
| <div class="bg-blue-600"> |
| <div class="max-w-7xl mx-auto py-12 px-4 sm:py-16 sm:px-6 lg:px-8 lg:py-20"> |
| <div class="text-center"> |
| <h2 class="text-3xl font-extrabold text-white sm:text-4xl"> |
| Ready to find your perfect parking spot? |
| </h2> |
| <p class="mt-3 max-w-2xl mx-auto text-lg text-blue-100"> |
| Join thousands of happy customers who found parking without hassle. |
| </p> |
| <div class="mt-10 flex justify-center"> |
| <div class="inline-flex rounded-md shadow"> |
| <a href="search.html" class="inline-flex items-center justify-center px-5 py-3 border border-transparent text-base font-medium rounded-md text-blue-600 bg-white hover:bg-blue-50"> |
| Find Parking |
| </a> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
|
|
| |
| <footer class="bg-gray-800"> |
| <div class="max-w-7xl mx-auto py-12 px-4 sm:px-6 lg:px-8"> |
| <div class="grid grid-cols-2 md:grid-cols-4 gap-8"> |
| <div> |
| <h3 class="text-sm font-semibold text-gray-400 tracking-wider uppercase">Company</h3> |
| <ul class="mt-4 space-y-4"> |
| <li><a href="about.html" class="text-base text-gray-300 hover:text-white">About</a></li> |
| <li><a href="#" class="text-base text-gray-300 hover:text-white">Careers</a></li> |
| <li><a href="#" class="text-base text-gray-300 hover:text-white">Blog</a></li> |
| <li><a href="contact.html" class="text-base text-gray-300 hover:text-white">Contact</a></li> |
| </ul> |
| </div> |
| <div> |
| <h3 class="text-sm font-semibold text-gray-400 tracking-wider uppercase">Support</h3> |
| <ul class="mt-4 space-y-4"> |
| <li><a href="#" class="text-base text-gray-300 hover:text-white">Help Center</a></li> |
| <li><a href="#" class="text-base text-gray-300 hover:text-white">Safety</a></li> |
| <li><a href="#" class="text-base text-gray-300 hover:text-white">Cancellation options</a></li> |
| <li><a href="#" class="text-base text-gray-300 hover:text-white">Report issue</a></li> |
| </ul> |
| </div> |
| <div> |
| <h3 class="text-sm font-semibold text-gray-400 tracking-wider uppercase">Legal</h3> |
| <ul class="mt-4 space-y-4"> |
| <li><a href="#" class="text-base text-gray-300 hover:text-white">Privacy</a></li> |
| <li><a href="#" class="text-base text-gray-300 hover:text-white">Terms</a></li> |
| <li><a href="#" class="text-base text-gray-300 hover:text-white">Cookie policy</a></li> |
| <li><a href="#" class="text-base text-gray-300 hover:text-white">GDPR</a></li> |
| </ul> |
| </div> |
| <div> |
| <h3 class="text-sm font-semibold text-gray-400 tracking-wider uppercase">Connect with us</h3> |
| <div class="mt-4 flex space-x-6"> |
| <a href="#" class="text-gray-400 hover:text-white"> |
| <i data-feather="facebook" class="h-6 w-6"></i> |
| </a> |
| <a href="#" class="text-gray-400 hover:text-white"> |
| <i data-feather="twitter" class="h-6 w-6"></i> |
| </a> |
| <a href="#" class="text-gray-400 hover:text-white"> |
| <i data-feather="instagram" class="h-6 w-6"></i> |
| </a> |
| <a href="#" class="text-gray-400 hover:text-white"> |
| <i data-feather="linkedin" class="h-6 w-6"></i> |
| </a> |
| </div> |
| <div class="mt-6"> |
| <p class="text-sm text-gray-400"> |
| Subscribe to our newsletter |
| </p> |
| <div class="mt-2 flex"> |
| <input type="email" placeholder="Your email" class="px-3 py-2 border border-gray-600 bg-gray-700 rounded-l text-white text-sm focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500 flex-grow"> |
| <button class="bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 rounded-r text-sm font-medium"> |
| Subscribe |
| </button> |
| </div> |
| </div> |
| </div> |
| </div> |
| <div class="mt-12 border-t border-gray-700 pt-8"> |
| <p class="text-base text-gray-400 text-center"> |
| © 2023 Parkingoo. All rights reserved. |
| </p> |
| </div> |
| </div> |
| </footer> |
|
|
| <script> |
| |
| document.querySelector('[aria-controls="mobile-menu"]').addEventListener('click', function() { |
| const menu = document.getElementById('mobile-menu'); |
| if (menu.classList.contains('hidden')) { |
| menu.classList.remove('hidden'); |
| menu.classList.add('block'); |
| } else { |
| menu.classList.remove('block'); |
| menu.classList.add('hidden'); |
| } |
| }); |
| |
| |
| feather.replace(); |
| </script> |
| </body> |
| </html> |
|
|
