Project Overview
Solinom is a set of static HTML templates for the hospitality industry, including hotels, B&Bs, resorts, and more. It contains 30+ complete pages (homepage, rooms, blog, cart, contact page, etc.), integrates common functional modules such as booking flow, gallery display, FAQ, and comes with a detailed online documentation site. It is suitable for quickly building hotel websites or showcase sites.
Tech Stack
- Bootstrap 5.x (main template) + Bootstrap 3.x (documentation site)
- Font Awesome
- jQuery + mainstream plugins (Owl Carousel, Slick Carousel, noUiSlider, jarallax, Magnific Popup, WOW.js, etc.)
- Custom IcoMoon icon font (solinom-icons)
- Google Fonts (DM Sans, Plus Jakarta Sans, Open Sans, Poppins)
Project Structure
solinom-html-package/
solinom-html-documentations/
index.html ← Online documentation homepage
css/ ← Documentation styles (Bootstrap 3.x)
js/
fonts/
images/
solinom-html-main/
index.html ← Main template homepage
about.html / contact.html
blog-*.html ← Blog list/detail pages (multiple layouts)
cart.html / checkout.html ← Cart/checkout flow
gallery-*.html ← Gallery (carousel/filter/grid)
faq.html / demo-landing.html
assets/
css/solinom.css
js/
venders/ ← Third-party plugin styles/scripts
solinom-icons/
style.css ← IcoMoon custom icons
fonts/
Read Me.txt
Key Files Description
solinom-html-main/index.html— Main template homepage, includes top bar, room showcase, booking form, and complete layoutsolinom-html-main/assets/css/solinom.css— Main template global stylesheetsolinom-html-documentations/index.html— Online documentation entry point, includes HTML/CSS/JS structure explanations and third-party integration guidessolinom-icons/style.css— Custom icon font exported via IcoMoon, covering hotel-related iconssolinom-html-main/checkout.html— Checkout flow page, can serve as a frontend reference for booking systems
Quick Start
# Enter the main template directory and open with any HTTP server
cd solinom-html-main
npx serve .
# Or simply open index.html in a browser (some plugins rely on network-loaded resources)
Documentation site:
cd solinom-html-documentations
npx serve .
Usage Suggestions
The template has many pages with varying layouts. It is recommended to start with index.html to understand the overall structure before making modifications. For custom icons, refer to solinom-icons/Read Me.txt and re-import selection.json in IcoMoon to add or remove icons.
