Project Overview
Housey is a Bootstrap-based HTML template for resorts and hotel bookings, including multiple business pages such as homepage, room list, blog, shopping cart, and checkout, suitable for quickly building travel and accommodation websites. The template offers 5 homepage styles and a fully responsive layout.
Tech Stack
- Bootstrap 5 (CSS framework)
- jQuery (DOM manipulation and interactions)
- Swiper (carousel/slider)
- Magnific Popup (image/video lightbox)
- Flatpickr (date picker)
- ion RangeSlider (price range slider)
- Font Awesome Pro (icons)
Project Structure
text
houseyhtml-10/
├── documentation/ # Template documentation
│ ├── index.html
│ └── assets/
├── housey/ # Template main directory
│ ├── index.html # Homepage (multiple versions: index-2~5.html)
│ ├── room-*.html # Room list pages
│ ├── room-details-*.html # Room detail pages
│ ├── blog-*.html # Blog-related pages
│ ├── cart.html # Shopping cart
│ ├── checkout.html # Checkout
│ ├── wishlist.html # Wishlist
│ ├── contact.html # Contact page
│ ├── pricing-plan.html # Pricing plans
│ └── assets/
│ ├── css/main.css # Main stylesheet
│ └── js/main.js # Interaction scripts
Key Files
housey/index.html— Main homepage entry filehousey/assets/css/main.css— All page styles (includes theme color variables)housey/assets/js/main.js— Core interaction logic (navigation, carousel, quantity controls, etc.)housey/assets/css/bootstrap.css— Bootstrap 5 base framework styleshousey/assets/css/swiper-bundle.css— Carousel component styleshousey/assets/mail.php— Contact form backend email script
Quick Start
- Navigate to the
housey/directory - Open
index.htmldirectly in your browser to preview - For a local server, use any static server:
bash
npx serve housey
Usage Tips
- For production projects, replace placeholder images in
assets/img/and brand color variables inassets/css/main.css - For the contact form, configure the email address in
assets/mail.phpand ensure the server supports PHP mail functionality
