项目简介link

Solinom 是一套面向酒店、民宿、度假村等住宿行业的静态 HTML 模板，包含 30+ 个完整页面（首页、客房、博客、购物车、联系页等），集成预订流程、图册展示、FAQ 等常用功能模块，配有详细的在线文档站点，适合快速搭建酒店官网或展示型站点。

技术栈link

• 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）

项目结构link

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

核心文件说明link

• 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 — 结账流程页面，可作为预订系统前端参考

快速开始link

# 进入主模板目录，用任意 HTTP 服务器打开
cd solinom-html-main
npx serve .
# 或直接用浏览器打开 index.html（部分插件依赖网络加载资源）

文档站：

cd solinom-html-documentations
npx serve .

使用建议link

模板页面数多、布局差异大，建议先从 index.html 入手，理解整体结构后再按需修改；自定义图标需参考 solinom-icons/Read Me.txt 在 IcoMoon 中重新导入 selection.json 进行增删。