项目简介link

Starty 是一款基于 Bootstrap 5 的多用途 HTML5 模板，提供超过 40 个预设页面，涵盖企业、SaaS、博客、作品集、餐厅、活动等多种场景，支持多页面和单页面两种模式，可直接用于快速搭建商业网站。

技术栈link

• Bootstrap 5
• jQuery
• Material Design Icons
• Unicons (iconscout)
• Google Fonts (Poppins, Noto Sans, Kaushan Script, Libre Baskerville)
• PHP (联系表单)

项目结构link

startyhtml-120/Starty_v1.2.0/
├── Documentation/            # 模板文档（另有独立示例）
│   ├── css/
│   │   ├── bootstrap.min.css
│   │   └── style.css
│   └── js/
│       └── app.js
└── HTML/                    # 主模板目录
    ├── index.html           # 展示页面（所有 demo 入口）
    ├── css/
    │   └── style.min.css    # 合并后主样式
    ├── js/
    │   └── app.js            # 交互逻辑（导航、滚动、加载动画等）
    ├── images/
    └── *.html                # 40+ 个页面模板

核心文件说明link

• HTML/index.html — 展示页面，列出全部 demo 入口
• HTML/css/style.min.css — 合并后的主样式表，含 Bootstrap 定制与组件样式
• HTML/js/app.js — 核心交互：预加载动画、响应式导航、滚动吸顶、回到顶部、菜单高亮
• HTML/images/ — 页面用到的图片资源
• Documentation/index.html — 模板使用文档（包含结构说明、定制建议）

快速开始link

直接用浏览器打开 startyhtml-120/Starty_v1.2.0/HTML/index.html 即可预览全部 demo。选定需要的页面（如 index-business.html）后，修改对应 HTML 文件中的文字、图片和链接即可开始定制。

如需启用联系表单，将 HTML/ 部署到支持 PHP 的 Web 服务器，并修改 contact.php 中的收件邮箱地址。

使用建议link

• 大量页面可选，建议先通过 index.html 了解各 demo 的视觉风格，再挑选最适合的页面作为起点
• 所有 CSS 变量和颜色定义集中在 style.min.css 顶部，修改主题色（如 #3274f0）可快速换肤