Starty v1.2 - Multipurpose Bootstrap 5 Landing Template

Starty v1.2 - Multipurpose Bootstrap 5 Landing Template

categoryUI 组件
# 项目简介 Starty 是一款基于 Bootstrap 5 的多用途 HTML5 模板,提供超过 40 个预设页面,涵盖企业、SaaS、博客、作品集、餐厅、活动等多种场景,支持多页面和单页面两种模式,可直接用于快速搭建商业网站。 ## 技术栈 - Bootstrap 5 - jQuery - Material Design Icons - Unicons (iconscout) - Google Fonts (Poppins, Noto Sans, Kaushan Script, Libre Baskerville) - PHP (联系表单) ## 项目结构 ``` 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+ 个页面模板 ``` ## 核心文件说明 - `HTML/index.html` — 展示页面,列出全部 demo 入口 - `HTML/css/style.min.css` — 合并后的主样式表,含 Bootstrap 定制与组件样式 - `HTML/js/app.js` — 核心交互:预加载动画、响应式导航、滚动吸顶、回到顶部、菜单高亮 - `HTML/images/` — 页面用到的图片资源 - `Documentation/index.html` — 模板使用文档(包含结构说明、定制建议) ## 快速开始 直接用浏览器打开 `startyhtml-120/Starty_v1.2.0/HTML/index.html` 即可预览全部 demo。选定需要的页面(如 `index-business.html`)后,修改对应 HTML 文件中的文字、图片和链接即可开始定制。 如需启用联系表单,将 `HTML/` 部署到支持 PHP 的 Web 服务器,并修改 `contact.php` 中的收件邮箱地址。 ## 使用建议 - 大量页面可选,建议先通过 `index.html` 了解各 demo 的视觉风格,再挑选最适合的页面作为起点 - 所有 CSS 变量和颜色定义集中在 `style.min.css` 顶部,修改主题色(如 `#3274f0`)可快速换肤
help_outline

FAQ

Comments0
PublishedJan 20, 2026

Tech Stack

HTML