OYO Clone Project

A responsive web clone of the OYO Rooms website built with HTML and CSS. This project demonstrates front-end web development skills by recreating the design and layout of the popular hotel booking platform.

Table of Contents

• About
• Features
• Technologies Used
• Project Structure
• Getting Started
• Screenshots
• Contributing
• License

About

This project is a static website clone of OYO Rooms, focusing on replicating the visual design and user interface. The main purpose was to learn and practice intricate design aspects needed in modern web applications.

Features

• Responsive Design: Adapts to different screen sizes
• Modern UI: Clean and professional interface matching OYO's design
• Interactive Elements: Dropdown menus, search functionality (UI only)
• Multi-language Support: Language selection dropdown
• Business Sections: OYO for Business, Property listing, Contact information
• Search Interface: Hotel search with location, date, and guest selection
• Country Selection: Multiple country options (India, UAE, China, Indonesia, Nepal)

Technologies Used

• HTML5: Semantic markup and structure
• CSS3: Styling, layout, and responsive design
• Images: Various formats (AVIF, PNG, JPEG, SVG) for optimization

Project Structure

OYO-Clone-Project/
├── index.html          # Main HTML file
├── style.css           # Main stylesheet
├── README.md           # Project documentation
├── .gitignore          # Git ignore rules
└── assets/             # Image assets
    ├── *.avif          # Country images
    ├── *.png           # Icons and logos
    ├── *.svg           # Vector graphics
    └── *.jpeg          # Photos

Getting Started

1. Clone the repository

   git clone https://github.com/your-username/OYO-Clone-Project.git
   cd OYO-Clone-Project

2. Open the project

   • Simply open index.html in your web browser
   • Or use a live server extension in your code editor for better development experience

3. View the website

   • The website will load showing the OYO homepage clone
   • All features are visual/UI only (no backend functionality)

Screenshots

Original OYO Website

The screenshots below show the original OYO website that was used as reference:

Cloned Website

The screenshots below show the recreated website:

Contributing

Contributions are welcome! Please feel free to submit a Pull Request. For major changes, please open an issue first to discuss what you would like to change.

License

This project is for educational purposes only. OYO is a trademark of OYO Hotels & Homes.