Breezie – Elegant Hotel & Resort HTML Template preview 1

Breezie – Elegant Hotel & Resort HTML Template

bookmark

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 fo...

HTML

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

text
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 styles
  • index.html — Main homepage with complete sections including top navigation, slideshow, featured facilities, room previews, etc.
  • rooms.html — Room listing page with grid view display
  • payment.html — Payment page with online booking confirmation and payment form layout
  • home-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.
help_outline

FAQ