-
Notifications
You must be signed in to change notification settings - Fork 144
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #28 from shreya-2410/shreya1
Update about.html
- Loading branch information
Showing
1 changed file
with
195 additions
and
13 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,15 +1,197 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta http-equiv="X-UA-Compatible" content="IE-edge"> | ||
| <meta name="viewprot" content="width=device-width, initial-scale=1.0"> | ||
| <title>Cabshare</title> | ||
| <!-- Link to CSS --> | ||
| <link rel="stylesheet" href="style.css"> | ||
| <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/boxicons@latest/css/boxicons.min.css"> | ||
| </head> | ||
| <body> | ||
|
|
||
| </body> | ||
| </html> | ||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <title>About Us - CabRental</title> | ||
| <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/boxicons@latest/css/boxicons.min.css"> | ||
| <style> | ||
| body { | ||
| font-family: "Poppins", sans-serif; | ||
| margin: 0; | ||
| padding: 0; | ||
| background-color: #1a1a1a; | ||
| color: #f0f0f0; | ||
| line-height: 1.6; | ||
| } | ||
|
|
||
| .navbar { | ||
| display: flex; | ||
| justify-content: space-between; | ||
| align-items: center; | ||
| background-color: #000; | ||
| padding: 20px; | ||
| position: sticky; | ||
| top: 0; | ||
| z-index: 1000; | ||
| box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5); | ||
| } | ||
|
|
||
| .navbar .logo { | ||
| font-size: 1.8em; | ||
| font-weight: bold; | ||
| color: #f0f0f0; | ||
| text-shadow: 0 1px 3px rgba(255, 255, 255, 0.5); | ||
| } | ||
|
|
||
| .navbar ul { | ||
| display: flex; | ||
| list-style: none; | ||
| margin: 0; | ||
| padding: 0; | ||
| } | ||
|
|
||
| .navbar ul li { | ||
| margin: 0 15px; | ||
| } | ||
|
|
||
| .navbar ul li a { | ||
| color: #f0f0f0; | ||
| text-decoration: none; | ||
| padding: 10px 20px; | ||
| transition: background-color 0.3s, transform 0.3s; | ||
| } | ||
|
|
||
| .navbar ul li a:hover { | ||
| background-color: #333; | ||
| border-radius: 5px; | ||
| transform: scale(1.1); | ||
| } | ||
|
|
||
| .hero { | ||
| height: 60vh; | ||
| background: url('https://imgs.search.brave.com/-7bIPp-CEYjwrZR7VQetEh1seZnEwsW4eGvZMhzZtj4/rs:fit:860:0:0/g:ce/aHR0cHM6Ly9pbWcu/ZnJlZXBpay5jb20v/ZnJlZS1waG90by9j/bG9zZS11cC1tZXRh/bGxpYy1jYXJfMjMt/MjE1MTExMzIwNi5q/cGc_c2l6ZT02MjYm/ZXh0PWpwZw') no-repeat center center/cover; | ||
| display: flex; | ||
| justify-content: center; | ||
| align-items: center; | ||
| color: #fff; | ||
| text-align: center; | ||
| position: relative; | ||
| box-shadow: inset 0 0 10px #000; | ||
| } | ||
|
|
||
| .hero::before { | ||
| content: ""; | ||
| position: absolute; | ||
| top: 0; | ||
| left: 0; | ||
| right: 0; | ||
| bottom: 0; | ||
| background: rgba(0, 0, 0, 0.5); | ||
| } | ||
|
|
||
| .hero h1 { | ||
| font-size: 4em; | ||
| margin: 0; | ||
| position: relative; | ||
| z-index: 1; | ||
| text-shadow: 0 2px 10px rgba(0, 0, 0, 0.7); | ||
| } | ||
|
|
||
| .container { | ||
| max-width: 1200px; | ||
| margin: 0 auto; | ||
| padding: 40px 20px; | ||
| } | ||
|
|
||
| h2 { | ||
| color: #e0e0e0; | ||
| margin-bottom: 20px; | ||
| text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); | ||
| } | ||
|
|
||
| p { | ||
| color: #ccc; | ||
| margin-bottom: 20px; | ||
| } | ||
|
|
||
| ul { | ||
| list-style: none; | ||
| padding: 0; | ||
| } | ||
|
|
||
| ul li { | ||
| background: linear-gradient(145deg, #1f1f1f, #1a1a1a); | ||
| margin: 10px 0; | ||
| padding: 15px 20px; | ||
| border-radius: 5px; | ||
| color: #e0e0e0; | ||
| box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5), inset 0 1px 3px rgba(255, 255, 255, 0.1); | ||
| transition: transform 0.3s, box-shadow 0.3s; | ||
| } | ||
|
|
||
| ul li:hover { | ||
| transform: translateY(-5px); | ||
| box-shadow: 0 4px 10px rgba(0, 0, 0, 0.7), inset 0 1px 3px rgba(255, 255, 255, 0.3); | ||
| } | ||
|
|
||
| .section-img { | ||
| margin: 40px 0; | ||
| text-align: center; | ||
| } | ||
|
|
||
| .section-img img { | ||
| max-width: 100%; | ||
| height: auto; | ||
| border-radius: 10px; | ||
| box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5); | ||
| transition: transform 0.3s, box-shadow 0.3s; | ||
| } | ||
|
|
||
| .section-img img:hover { | ||
| transform: scale(1.05); | ||
| box-shadow: 0 8px 20px rgba(0, 0, 0, 0.7); | ||
| } | ||
| </style> | ||
| </head> | ||
| <body> | ||
| <!-- Navbar --> | ||
| <nav class="navbar"> | ||
| <div class="logo">CabRental</div> | ||
| <ul> | ||
| <li><a href="#company-overview">Company Overview</a></li> | ||
| <li><a href="#mission-vision">Mission & Vision</a></li> | ||
| <li><a href="#values-principles">Values & Principles</a></li> | ||
| </ul> | ||
| </nav> | ||
|
|
||
| <!-- Hero Section --> | ||
| <section class="hero"> | ||
| <h1>About Us</h1> | ||
| </section> | ||
|
|
||
| <div class="container"> | ||
| <!-- Company Overview --> | ||
| <section id="company-overview" class="company-overview"> | ||
| <h2>Company Overview</h2> | ||
| <div class="section-img"> | ||
| <img src="https://imgs.search.brave.com/cxDCWs1zA6VHwGveT0ZH011wctKwB8Cea4MgWnqGOIo/rs:fit:860:0:0/g:ce/aHR0cHM6Ly9pbWcu/ZnJlZXBpay5jb20v/cHJlbWl1bS1waG90/by9mZXJyYXJpLWNh/ci1iYWNrZ3JvdW5k/XzY2MzEwMi0zMDIu/anBnP3NpemU9NjI2/JmV4dD1qcGc" alt="Company Overview Image"> | ||
| </div> | ||
| <p>Founded in 2024, Premium Cab Rentals is dedicated to providing top-notch cab rental services with a focus on reliability, comfort, and customer satisfaction.</p> | ||
| <p>Our mission is to make transportation easy and accessible for everyone, offering a range of services tailored to meet diverse needs.</p> | ||
| </section> | ||
|
|
||
| <!-- Mission and Vision --> | ||
| <section id="mission-vision" class="mission-vision"> | ||
| <h2>Mission and Vision</h2> | ||
| <div class="section-img"> | ||
| <img src="https://imgs.search.brave.com/2CAFCbM6U5I6Q03dK-bC8qqqyb_mjrDxo4YGu4-zCnk/rs:fit:500:0:0/g:ce/aHR0cHM6Ly9pbWFn/ZXMuZnJlZWltYWdl/cy5jb20vaW1hZ2Vz/L2xhcmdlLXByZXZp/ZXdzLzMxOC9pbi10/aGUtY2FyLTEtMTQ5/NTA3MC5qcGc_Zm10" alt="Mission and Vision Image"> | ||
| </div> | ||
| <p><strong>Mission:</strong> To provide reliable and affordable cab rental services while ensuring exceptional customer experience.</p> | ||
| <p><strong>Vision:</strong> To be the leading cab rental company known for innovation, sustainability, and outstanding service.</p> | ||
| </section> | ||
|
|
||
| <!-- Values and Principles --> | ||
| <section id="values-principles" class="values-principles"> | ||
| <h2>Values and Principles</h2> | ||
| <ul> | ||
| <li><strong>Customer First:</strong> We prioritize our customers' needs and strive to exceed their expectations.</li> | ||
| <li><strong>Integrity:</strong> We operate with honesty and transparency in all our dealings.</li> | ||
| <li><strong>Safety:</strong> We ensure the highest safety standards for our customers and drivers.</li> | ||
| <li><strong>Innovation:</strong> We continuously seek innovative solutions to enhance our services.</li> | ||
| <li><strong>Sustainability:</strong> We are committed to sustainable practices and reducing our environmental impact.</li> | ||
| </ul> | ||
| </section> | ||
| </div> | ||
| </body> | ||
| </html> |