Classroom Comforts

Classroom Comforts is a one-page website designed to showcase and book home study locations, styled as an Airbnb-style listing. The project demonstrates the use of HTML5 and CSS3, incorporating Flexbox and CSS Grid for layout, along with a cohesive color palette.

Features

• Responsive Navigation Menu: A styled top menu with button-like links.
• Hero Section: A welcoming banner with a call-to-action
• Dynamic Listings Grid: Displays study spaces with images, descriptions, and booking buttons.
• Custom Styling: External CSS includes font styling, color palette integration, and hover effects.

Tech Used

• HTML5: Semantic tags for clean and accessible markup.
• CSS3:
  • Flexbox: Used for the navigation menu and header layout
  • CSS Grid: Used for the dynamic layout of the listings section.
  • Color Palette: Inspired by Coolors.co.

Acknowledgements

• Color Palette: Provided by Coolors.co.
• Images: Sourced from Pexels.