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` 进行增删。