This is a frontend-only clone of the Booking.com website, developed purely using HTML, CSS, and JavaScript. It replicates the structure and design of various pages found on Booking.com, giving a solid practice ground for mastering layout structuring, responsive design, and modular CSS styling.
🔹 Multi-page setup:
index.html: Homepage clone with header, nav, search UI, and featured hotelsflights.html: Static flight search page UIcar_rent.html: Visual car rental layoutattractions.html: Attraction booking UI
🔹 Organized file structure:
- Separate CSS files for each section (flights, car rent, attractions)
main.jshandling frontend interactions (e.g., UI behavior, dynamic effects)- Assets and favicon folders neatly structured
🔹 Fully responsive design with CSS
🔹 Clean and readable code structure
🔹 Favicon and image asset support included
- HTML5
- CSS3
- Vanilla JavaScript
- Folder structuring for scalability
booking.com clone/favicon/# Favicon assetsassets/# Images, icons, and mediaindex.html# Main landing pageflights.html# Static flight booking UIcar_rent.html# Static car rental pageattractions.html# Static attraction bookingstyle.css# Main styles (shared)flights.css# Flight page specific stylescar_rent.css# Car rental specific stylesattractions.css# Attractions page specific stylesmain.js# JavaScript functionality
❌ This project does not include any backend functionality such as database interaction, real booking logic, user authentication, or APIs.
It is purely a UI/UX frontend demonstration.
- Add mock data using JSON or localStorage
- Connect with dummy APIs (e.g., for hotels, flights)
- Improve accessibility and semantic HTML
- Optionally convert to React or Vue for SPA architecture
Coming Soon... (You can deploy it on Netlify or Vercel and update this)
Made with patience by Kaveesha Nethmal 🌿