1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <title>About Us - Pushpa</title> 7 <link rel="icon" type="image/png" href="images/app_logo.png"> 8 <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap" rel="stylesheet"> 9 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> 10 <link rel="stylesheet" href="css/style.css"> 11 <style> 12 .about-hero { 13 padding: 120px 0 80px; 14 background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%); 15 text-align: center; 16 color: var(--black); 17 } 18 .about-hero h1 { 19 font-size: 48px; 20 margin-bottom: 20px; 21 } 22 .about-hero p { 23 font-size: 20px; 24 max-width: 700px; 25 margin: 0 auto; 26 opacity: 0.9; 27 } 28 .about-section { 29 padding: 80px 0; 30 } 31 .about-content { 32 display: grid; 33 grid-template-columns: 1fr 1fr; 34 gap: 60px; 35 align-items: center; 36 } 37 .about-image { 38 border-radius: var(--radius-xl); 39 overflow: hidden; 40 box-shadow: 0 10px 40px var(--shadow-lg); 41 } 42 .about-image img { 43 width: 100%; 44 height: auto; 45 display: block; 46 } 47 .about-text h2 { 48 font-size: 36px; 49 margin-bottom: 20px; 50 color: var(--black); 51 } 52 .about-text p { 53 font-size: 16px; 54 line-height: 1.8; 55 color: var(--text-primary); 56 margin-bottom: 15px; 57 } 58 .stats-grid { 59 display: grid; 60 grid-template-columns: repeat(4, 1fr); 61 gap: 30px; 62 margin-top: 60px; 63 } 64 .stat-card { 65 background: white; 66 padding: 30px; 67 border-radius: var(--radius-lg); 68 text-align: center; 69 box-shadow: 0 2px 10px var(--shadow); 70 } 71 .stat-card h3 { 72 font-size: 42px; 73 color: var(--primary); 74 margin-bottom: 10px; 75 font-weight: 700; 76 } 77 .stat-card p { 78 font-size: 16px; 79 color: var(--text-secondary); 80 } 81 .values-section { 82 background: var(--background); 83 } 84 .values-grid { 85 display: grid; 86 grid-template-columns: repeat(3, 1fr); 87 gap: 30px; 88 margin-top: 50px; 89 } 90 .value-card { 91 background: white; 92 padding: 40px; 93 border-radius: var(--radius-lg); 94 text-align: center; 95 box-shadow: 0 2px 10px var(--shadow); 96 transition: var(--transition); 97 } 98 .value-card:hover { 99 transform: translateY(-5px); 100 box-shadow: 0 5px 20px var(--shadow-lg); 101 } 102 .value-icon { 103 width: 80px; 104 height: 80px; 105 background: var(--gradient); 106 border-radius: 50%; 107 display: flex; 108 align-items: center; 109 justify-content: center; 110 margin: 0 auto 20px; 111 } 112 .value-icon i { 113 font-size: 36px; 114 color: var(--black); 115 } 116 .value-card h3 { 117 font-size: 22px; 118 margin-bottom: 15px; 119 color: var(--black); 120 } 121 .value-card p { 122 font-size: 15px; 123 line-height: 1.7; 124 color: var(--text-secondary); 125 } 126 .team-section { 127 padding: 80px 0; 128 } 129 .team-grid { 130 display: grid; 131 grid-template-columns: repeat(4, 1fr); 132 gap: 30px; 133 margin-top: 50px; 134 } 135 .team-member { 136 background: white; 137 border-radius: var(--radius-lg); 138 overflow: hidden; 139 box-shadow: 0 2px 10px var(--shadow); 140 transition: var(--transition); 141 } 142 .team-member:hover { 143 transform: translateY(-5px); 144 box-shadow: 0 5px 20px var(--shadow-lg); 145 } 146 .team-photo { 147 width: 100%; 148 height: 250px; 149 background: var(--gradient); 150 display: flex; 151 align-items: center; 152 justify-content: center; 153 } 154 .team-photo i { 155 font-size: 80px; 156 color: var(--black); 157 } 158 .team-info { 159 padding: 20px; 160 text-align: center; 161 } 162 .team-info h4 { 163 font-size: 18px; 164 margin-bottom: 5px; 165 color: var(--black); 166 } 167 .team-info p { 168 font-size: 14px; 169 color: var(--text-secondary); 170 } 171 @media (max-width: 768px) { 172 .about-content { 173 grid-template-columns: 1fr; 174 } 175 .stats-grid { 176 grid-template-columns: repeat(2, 1fr); 177 } 178 .values-grid { 179 grid-template-columns: 1fr; 180 } 181 .team-grid { 182 grid-template-columns: repeat(2, 1fr); 183 } 184 .about-hero h1 { 185 font-size: 32px; 186 } 187 } 188 </style> 189</head> 190<body> 191 <!-- Navigation --> 192 <nav class="navbar"> 193 <div class="nav-container"> 194 <a href="index.html" class="logo"> 195 <img src="images/app_logo.png" alt="Pushpa Logo">
196 <span>Pushpa</span> 197 </a> 198 <ul class="nav-links"> 199 <li><a href="index.html#home">Home</a></li> 200 <li><a href="index.html#book">Book Ride</a></li> 201 <li><a href="index.html#services">Services</a></li> 202 <li><a href="index.html#safety">Safety</a></li> 203 <li><a href="about-us.html" class="active">About</a></li> 204 <li><a href="contact-us.html">Contact</a></li> 205 </ul> 206 <div class="nav-actions"> 207 <button class="btn btn-outline" onclick="window.location.href='index.html'">Back to Home</button> 208 </div> 209 </div> 210 </nav> 211 212 <!-- Hero Section --> 213 <section class="about-hero"> 214 <div class="container"> 215 <h1>About Pushpa</h1> 216 <p>Revolutionizing urban transportation with safe, reliable, and affordable ride-hailing services across India</p> 217 </div> 218 </section> 219 220 <!-- Our Story Section --> 221 <section class="about-section"> 222 <div class="container"> 223 <div class="about-content"> 224 <div class="about-text"> 225 <h2>Our Story</h2> 226 <p>Founded with a vision to transform the way people commute, Pushpa has grown from a small startup to one of India's most trusted ride-hailing platforms. We believe that everyone deserves access to safe, affordable, and reliable transportation.</p> 227 <p>Our journey began with a simple idea: to connect riders with drivers through technology, making urban mobility seamless and efficient. Today, we serve thousands of customers daily across multiple cities, providing not just rides, but peace of mind.</p> 228 <p>At Pushpa, we're more than just a taxi service. We're a community of drivers, riders, and technology enthusiasts working together to make cities more accessible and connected.</p> 229 </div> 230 <div class="about-image"> 231 <div style="width: 100%; height: 400px; background: var(--gradient); display: flex; align-items: center; justify-content: center;"> 232 <i class="fas fa-car" style="font-size: 120px; color: var(--black);"></i> 233 </div> 234 </div> 235 </div> 236 237 <!-- Stats --> 238 <div class="stats-grid"> 239 <div class="stat-card"> 240 <h3>50K+</h3> 241 <p>Happy Riders</p> 242 </div> 243 <div class="stat-card"> 244 <h3>5K+</h3> 245 <p>Active Drivers</p> 246 </div> 247 <div class="stat-card"> 248 <h3>10+</h3> 249 <p>Cities Covered</p> 250 </div> 251 <div class="stat-card"> 252 <h3>4.8</h3> 253 <p>Average Rating</p> 254 </div> 255 </div> 256 </div> 257 </section> 258 259 <!-- Mission & Vision Section --> 260 <section class="about-section" style="background: var(--background);"> 261 <div class="container"> 262 <div class="about-content" style="grid-template-columns: 1fr;"> 263 <div class="about-text" style="text-align: center; max-width: 800px; margin: 0 auto;"> 264 <h2>Our Mission</h2> 265 <p style="font-size: 18px;">To provide safe, reliable, and affordable transportation solutions that empower communities and enhance the quality of urban life. We strive to create economic opportunities for drivers while delivering exceptional service to riders.</p> 266 </div> 267 </div> 268 <div class="about-content" style="grid-template-columns: 1fr; margin-top: 40px;"> 269 <div class="about-text" style="text-align: center; max-width: 800px; margin: 0 auto;"> 270 <h2>Our Vision</h2> 271 <p style="font-size: 18px;">To become India's most trusted and preferred mobility platform, setting new standards in customer service, driver welfare, and sustainable transportation. We envision a future where every journey is safe, comfortable, and environmentally responsible.</p> 272 </div> 273 </div> 274 </div> 275 </section> 276 277 <!-- Values Section --> 278 <section class="values-section about-section"> 279 <div class="container"> 280 <div class="section-header"> 281 <h2>Our Core Values</h2> 282 <p>The principles that guide everything we do</p> 283 </div> 284 <div class="values-grid"> 285 <div class="value-card"> 286 <div class="value-icon"> 287 <i class="fas fa-shield-alt"></i> 288 </div> 289 <h3>Safety First</h3> 290 <p>Your safety is our top priority. We implement rigorous driver verification, real-time tracking, and 24/7 support to ensure every ride is secure.</p> 291 </div> 292 <div class="value-card"> 293 <div class="value-icon"> 294 <i class="fas fa-handshake"></i> 295 </div> 296 <h3>Trust & Transparency</h3> 297 <p>We build trust through transparent pricing, honest communication, and consistent service quality that you can rely on.</p> 298 </div> 299 <div class="value-card"> 300 <div class="value-icon"> 301 <i class="fas fa-heart"></i> 302 </div> 303 <h3>Customer Delight</h3> 304 <p>We go beyond expectations to create memorable experiences, treating every customer with respect and care.</p> 305 </div> 306 <div class="value-card"> 307 <div class="value-icon"> 308 <i class="fas fa-lightbulb"></i> 309 </div> 310 <h3>Innovation</h3> 311 <p>We continuously innovate to improve our services, leveraging technology to make transportation smarter and more efficient.</p> 312 </div> 313 <div class="value-card"> 314 <div class="value-icon"> 315 <i class="fas fa-users"></i> 316 </div> 317 <h3>Community Focus</h3> 318 <p>We're committed to creating economic opportunities for drivers and contributing positively to the communities we serve.</p> 319 </div> 320 <div class="value-card"> 321 <div class="value-icon"> 322 <i class="fas fa-leaf"></i> 323 </div> 324 <h3>Sustainability</h3> 325 <p>We're dedicated to reducing our environmental impact through eco-friendly practices and promoting green transportation.</p> 326 </div> 327 </div> 328 </div> 329 </section> 330 331 <!-- Team Section --> 332 <section class="team-section"> 333 <div class="container"> 334 <div class="section-header"> 335 <h2>Meet Our Leadership</h2> 336 <p>The passionate team driving Pushpa forward</p> 337 </div> 338 <div class="team-grid"> 339 <div class="team-member"> 340 <div class="team-photo"> 341 <i class="fas fa-user"></i> 342 </div> 343 <div class="team-info"> 344 <h4>Rajesh Kumar</h4> 345 <p>Founder & CEO</p> 346 </div> 347 </div> 348 <div class="team-member"> 349 <div class="team-photo"> 350 <i class="fas fa-user"></i> 351 </div> 352 <div class="team-info"> 353 <h4>Priya Sharma</h4> 354 <p>Chief Technology Officer</p> 355 </div> 356 </div> 357 <div class="team-member"> 358 <div class="team-photo"> 359 <i class="fas fa-user"></i> 360 </div> 361 <div class="team-info"> 362 <h4>Amit Patel</h4> 363 <p>Head of Operations</p> 364 </div> 365 </div> 366 <div class="team-member"> 367 <div class="team-photo"> 368 <i class="fas fa-user"></i> 369 </div> 370 <div class="team-info"> 371 <h4>Sneha Reddy</h4> 372 <p>Customer Success Lead</p> 373 </div> 374 </div> 375 </div> 376 </div> 377 </section> 378 379 <!-- Footer --> 380 <footer class="footer"> 381 <div class="container"> 382 <div class="footer-content"> 383 <div class="footer-brand"> 384 <a href="index.html" class="logo"> 385 <img src="images/app_logo.png" alt="Pushpa Logo">
386 <span>Pushpa</span> 387 </a> 388 <p>Your trusted ride partner. Safe, reliable, and affordable transportation at your fingertips.</p> 389 <div class="store-buttons"> 390 <a href="https://play.google.com/store/apps/details?id=com.pushpa.riderpushpa&hl=en" target="_blank" class="store-btn small"> 391 <i class="fab fa-google-play"></i> 392 <div> 393 <span>Get it on</span> 394 <strong>Google Play</strong> 395 </div> 396 </a> 397 <a href="#" class="store-btn small"> 398 <i class="fab fa-apple"></i> 399 <div> 400 <span>Download on</span> 401 <strong>App Store</strong> 402 </div> 403 </a> 404 </div> 405 </div> 406 <div class="footer-links"> 407 <div class="footer-column"> 408 <h4>Company</h4> 409 <ul> 410 <li><a href="about-us.html">About Us</a></li> 411 <li><a href="careers.html">Careers</a></li> 412 <li><a href="blog.html">Blog</a></li> 413 <li><a href="press.html">Press</a></li> 414 </ul> 415 </div> 416 <div class="footer-column"> 417 <h4>Services</h4> 418 <ul> 419 <li><a href="index.html#services">Ride</a></li> 420 <li><a href="index.html#services">Outstation</a></li> 421 <li><a href="#">Drive with Us</a></li> 422 <li><a href="#">Corporate</a></li> 423 </ul> 424 </div> 425 <div class="footer-column"> 426 <h4>Support</h4> 427 <ul> 428 <li><a href="mailto:[email protected]">Email Support</a></li> 429 <li><a href="tel:+919876543210">Call Us</a></li> 430 <li><a href="index.html#safety">Safety</a></li> 431 <li><a href="#">FAQ</a></li> 432 </ul> 433 </div> 434 <div class="footer-column"> 435 <h4>Legal</h4> 436 <ul> 437 <li><a href="terms-of-service.html">Terms of Service</a></li> 438 <li><a href="privacy-policy.html">Privacy Policy</a></li> 439 <li><a href="cookie-policy.html">Cookie Policy</a></li> 440 <li><a href="cancellation-and-refund-policy.html">Cancellation & Refund Policy</a></li> 441 <li><a href="shipping-policy.html">Shipping Policy</a></li> 442 </ul> 443 </div> 444 </div> 445 </div> 446 <div class="footer-bottom"> 447 <p>© 2024 Pushpa. All rights reserved.</p> 448 <div class="footer-social"> 449 <a href="#"><i class="fab fa-facebook-f"></i></a> 450 <a href="#"><i class="fab fa-twitter"></i></a> 451 <a href="#"><i class="fab fa-instagram"></i></a> 452 <a href="#"><i class="fab fa-youtube"></i></a> 453 </div> 454 </div> 455 </div> 456 </footer> 457</body> 458</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.