
Solinom - Hotel Booking HTML Template
# 项目简介
Solinom 是一套面向酒店、民宿、度假村等住宿行业的静态 HTML 模板,包含 30+ 个完整页面(首页、客房、博客、购物车、联系页等),集成预订流程、图册展示、FAQ 等常用功能模块,配有详细的在线文档站点,适合快速搭建酒店官网或展示型站点。
## 技术栈
- Bootstrap 5.x(主模板)+ Bootstrap 3.x(文档站)
- Font Awesome
- jQuery + 主流插件(Owl Carousel、Slick Carousel、noUiSlider、jarallax、Magnific Popup、WOW.js 等)
- 自定义 IcoMoon 图标字体(solinom-icons)
- Google Fonts(DM Sans、Plus Jakarta Sans、Open Sans、Poppins)
## 项目结构
```
solinom-html-package/
solinom-html-documentations/
index.html ← 在线文档首页
css/ ← 文档样式(Bootstrap 3.x)
js/
fonts/
images/
solinom-html-main/
index.html ← 主模板首页
about.html / contact.html
blog-*.html ← 博客列表/详情页(多种布局)
cart.html / checkout.html ← 购物车/结账流程
gallery-*.html ← 图册(轮播/筛选/网格)
faq.html / demo-landing.html
assets/
css/solinom.css
js/
venders/ ← 第三方插件样式/脚本
solinom-icons/
style.css ← IcoMoon 自定义图标
fonts/
Read Me.txt
```
## 核心文件说明
- `solinom-html-main/index.html` — 主模板首页,含顶部栏、客房展示、预订表单等完整布局
- `solinom-html-main/assets/css/solinom.css` — 主模板全局样式表
- `solinom-html-documentations/index.html` — 在线文档入口,含 HTML/CSS/JS 结构说明及第三方集成指引
- `solinom-icons/style.css` — 通过 IcoMoon 导出的自定义图标字体,涵盖酒店业务相关 icon
- `solinom-html-main/checkout.html` — 结账流程页面,可作为预订系统前端参考
## 快速开始
```bash
# 进入主模板目录,用任意 HTTP 服务器打开
cd solinom-html-main
npx serve .
# 或直接用浏览器打开 index.html(部分插件依赖网络加载资源)
```
文档站:
```bash
cd solinom-html-documentations
npx serve .
```
## 使用建议
模板页面数多、布局差异大,建议先从 `index.html` 入手,理解整体结构后再按需修改;自定义图标需参考 `solinom-icons/Read Me.txt` 在 IcoMoon 中重新导入 `selection.json` 进行增删。
help_outline
FAQ
Comments0
PublishedJan 21, 2026
Tech Stack
HTML