Ola Cab Frontend Project

Overview

This project is a frontend website for Ola Cab, India's leading ride-hailing service. It provides a user-friendly interface for customers to explore services, book rides, and interact with the platform. The site is built using HTML, CSS, and Bootstrap for responsive design.

Features

• Home Page: Showcases key services with cards for Online Payment, Ola Partner Clubs, and Ola Cabs overview.
• About Us: Detailed information about Ola Cab's journey, services, driver-partners, safety measures, innovation, and community impact.
• Services: Comprehensive list of Ola services including Ola Micro, Mini, Prime, Share, Outstation, Rentals, Auto, and Bike.
• Contact Us: Contact information, customer support details, email, social media links, and office locations.
• Booking Page: Interactive form for booking rides with fields for source, destination, date, time, and car type selection.
• Login/Sign In: User authentication forms for logging in or signing up.
• Responsive Design: Uses Bootstrap for mobile-friendly layouts and navigation.
• Media Integration: Includes images, videos, and icons for enhanced user experience.

Technologies Used

• HTML5: Structure and content of the web pages.
• CSS3: Styling and layout, including custom styles and Bootstrap overrides.
• Bootstrap 5: Responsive framework for grid system, components, and utilities.
• Font Awesome: Icons for enhanced UI elements.
• JavaScript: Bootstrap JS for interactive components (included via CDN).

Project Structure

Ola-Cab/
├── index.html          # Home page
├── about.html          # About Us page
├── contact.html        # Contact Us page
├── services.html       # Services page
├── time.html           # Booking page
├── login.html          # Login page
├── sign in .html       # Sign In page
├── styles.css          # Custom CSS styles
├── logo.png            # Ola logo image
├── ola.webp            # Ola image
├── ola4.webp           # Ola Partner Clubs image
├── pay.jpg             # Payment image
├── video.mp4           # Promotional video
└── README.md           # This file

Getting Started

1. Clone the Repository:

   git clone <repository-url>
   cd Ola-Cab
   

2. Open in Browser:

   • Open index.html in your preferred web browser to view the home page.
   • Navigate through the site using the navigation menu.

3. Development:

   • Edit HTML files for content changes.
   • Modify styles.css for styling updates.
   • Ensure Bootstrap and Font Awesome CDNs are loaded for full functionality.

Usage

• Navigation: Use the top navigation bar to switch between pages.
• Booking: Go to the "Book Your Ride" button on the home page to access the booking form.
• Contact: Visit the Contact Us page for support information.
• Authentication: Use Login or Sign In pages for user access (frontend only, no backend integration).

Contributing

1. Fork the repository.
2. Create a feature branch (git checkout -b feature/new-feature).
3. Commit your changes (git commit -am 'Add new feature').
4. Push to the branch (git push origin feature/new-feature).
5. Create a Pull Request.

License

This project is for educational purposes. Ola Cab branding and content are used for demonstration only.

Contact

For questions or feedback, please reach out via the Contact Us page or create an issue in the repository.