Project Overview
Breezie is a set of static HTML website templates for the hospitality industry, including hotels, resorts, and B&Bs. It provides multiple homepage versions, room displays, online booking, form login, and other complete pages, suitable for quickly building commercial accommodation websites.
Tech Stack
- HTML5 + CSS3 (pure static, no build tools required)
- Bootstrap 5 (responsive layout framework)
- Font Awesome 6 (icons)
- Google Fonts (Playfair Display / Poppins / Meddon)
- Plugins: AOS animations, Slick carousel, LightGallery, Odometer number counter, DatePicker date picker
Project Structure
Breezie - Template/
├── index.html
├── home-v2.html
├── home-v3.html
├── about-us.html
├── rooms.html
├── room-details-v1.html
├── room-details-v2.html
├── facilities.html
├── search-result.html
├── payment.html
├── offers.html
├── services.html
├── service-details.html
├── gallery.html
├── faq.html
├── blog.html
├── blog-details.html
├── contact-us.html
├── login.html
├── register.html
├── password.html
├── error.html
└── assets/
├── css/
│ ├── style.css
│ ├── bootstrap.min.css
│ ├── slick.min.css
│ ├── aos.min.css
│ └── datepicker.css
├── fonts/
└── img/
Key File Descriptions
assets/css/style.css— Main stylesheet containing CSS variables, typography, spacing utility classes, and all component stylesindex.html— Main homepage with complete sections including top navigation, slideshow, featured facilities, room previews, etc.rooms.html— Room listing page with grid view displaypayment.html— Payment page with online booking confirmation and payment form layouthome-v2.html/home-v3.html— Alternative homepage layouts offering different visual styles
Quick Start
Simply open index.html in your browser to preview all pages locally. For a local server, we recommend using VS Code Live Server or any static server tool.
Usage Suggestions
- Modify the CSS variables at the top of
assets/css/style.css(such as--accent-color) to quickly adjust brand colors. - All template pages are pure frontend pages. Booking, login, payment, and other functionalities require connecting to your own backend interface for business logic implementation.
- The homepage includes 3 layout variants. It is recommended to choose one as the main entry point based on your actual positioning to avoid duplication.
