Revert "Restoring website"

07sumit1002 · Jul 9, 2024 · 9666e24 · 9666e24
1 parent d1eec8d
commit 9666e24
Show file tree

Hide file tree

Showing 13 changed files with 407 additions and 125 deletions.
diff --git a/Contact us/style.css b/Contact us/style.css
@@ -83,4 +83,4 @@ form .btn2{
 }
 .copyright i{
     color: #ff004f;
-}
+}
diff --git a/README.md b/README.md
@@ -1,3 +1,64 @@
-# CabRental
+# 🚖 CabRental
+
 The Cab Rental repository is a software system that provides a platform for individuals to rent vehicles for transportation. It is designed to offer an easy and seamless experience for users to book a ride.
-Also Read the Project report.pdf so that you can get the ideas that can be implemented in the project as issues.
+
+## 📝 Description
+
+CabRental is a comprehensive vehicle rental platform that allows users to search, book, and manage vehicle rentals. It includes a range of features designed to enhance the user experience, such as real-time availability checks, payment gateway integration, and notifications.
+
+## 💻 Technologies Used
+
+- **Front-end**: HTML, CSS, JavaScript
+- **Back-end**: PHP
+- **Database**: MySQL
+
+## 🌟 Features
+
+- **User Registration & Authentication** 👤: Includes social media single sign-on integration.
+- **Vehicle Search & Booking** 🚗: Users can search for vehicles by location, type, and availability with real-time availability checks.
+- **Booking Management**🧾: Users can manage their bookings easily.
+- **Payment Gateway Integration** 💰: Secure payment options including debit, credit, net banking, and mobile wallets.
+- **Admin Dashboard**👨‍💼: Admins can view all bookings and access analytics & reporting tools.
+- **Notifications & Alerts** 🔔: Email and SMS notifications.
+- **User Feedback and Reviews**: Users can leave feedback and reviews for vehicles and services.
+
+## 🔧 Installation
+
+To get a local copy up and running follow these simple steps:
+
+1. **Clone the repo**
+
+   ```bash
+   git clone https://github.com/07sumit1002/CabRental.git
+   ```
+2. **Navigate to the Folder**
+
+    ```bash
+    cd CabRental
+    ```
+3. **Install Dependencies**
+
+    ```bash
+    composer install
+    npm install
+    ```
+4. Run the application
+
+- Ensure your server supports PHP and has MySQL installed.
+- Open the project in your preferred web server (e.g., XAMPP, WAMP).
+- Set the database appropriately
+
+## 🤝 Contributing
+Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.
+
+1. Fork the Project
+2. Make you changes in the forked Repository
+3. Commit you changes and push to the forked repository.
+
+    ```bash
+    git add .
+    git commit -m 'Add some AmazingFeature'
+    git push
+    ```
+4. Open a Pull request with a proper description of the changes that are proposed in the PR.
+
diff --git a/about.html b/about.html
@@ -1,15 +1,243 @@
 <!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: #f9f9f9;
+        color: #333;
+        line-height: 1.6;
+      }
+
+      .navbar {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        background-color: #fff;
+        padding: 20px;
+        position: sticky;
+        top: 0;
+        z-index: 1000;
+        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
+      }
+
+      .navbar .logo {
+        font-size: 1.8em;
+        font-weight: bold;
+        color: #d32f2f;
+      }
+
+      .navbar ul {
+        display: flex;
+        list-style: none;
+        margin: 0;
+        padding: 0;
+      }
+
+      .navbar ul li {
+        margin: 0 15px;
+      }
+
+      .navbar ul li a {
+        color: #fff;
+        background-color: #d32f2f;
+        text-decoration: none;
+        padding: 10px 20px;
+        border-radius: 5px;
+        transition: background-color 0.3s, transform 0.3s;
+      }
+
+      .navbar ul li a:hover {
+        background-color: #b71c1c;
+        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: #333;
+        margin-bottom: 20px;
+        text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
+      }
+
+      p {
+        color: #555;
+        margin-bottom: 20px;
+      }
+
+      ul {
+        list-style: none;
+        padding: 0;
+      }
+
+      ul li {
+        background: linear-gradient(145deg, #f9e0e0, #e8b8b8);
+        margin: 10px 0;
+        padding: 15px 20px;
+        border-radius: 5px;
+        color: #b71c1c;
+        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1),
+          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.2),
+          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.1);
+        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.2);
+      }
+
+      .highlight {
+        color: #d32f2f;
+        font-weight: bold;
+      }
+    </style>
+  </head>
+  <body>
+    <!-- Navbar -->
+    <nav class="navbar">
+      <div class="logo">CabRental</div>
+      <ul>
+        <li><a href="index.html">Home</a></li>
+        <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, <span class="highlight">Premium Cab Rentals</span> 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>
diff --git a/img/pic-1.png b/img/pic-1.png
diff --git a/img/pic-2.png b/img/pic-2.png
diff --git a/img/pic-3.png b/img/pic-3.png
diff --git a/img/pic-4.png b/img/pic-4.png