项目简介
BlackHawak 是一款面向军事/安保服务机构的单页 HTML5 网站模板，风格硬朗、配色以深色系为主，适合军队官网、退役军人服务、安保公司等场景使用。模板基于 Bootstrap 构建，响应式布局，支持多页面扩展。
技术栈
- Bootstrap 5.x（响应式布局框架）
- jQuery（交互与动画）
- Font Awesome 6（图标库）
- SASS（源码样式）
- Google Fonts：Rajdhani（主字体）
项目结构
text
blackhawak-military-service-html5-template/
├── blackhawak/
│ ├── index.html （首页）
│ ├── index-2.html （首页变体）
│ ├── about.html （关于我们）
│ ├── service.html （服务列表）
│ ├── service-details.html（服务详情）
│ ├── team-member.html （团队成员）
│ ├── team-details.html （成员详情）
│ ├── blog.html （博客列表）
│ ├── blog-details.html （博客详情）
│ ├── gallery.html （图集）
│ ├── event.html （活动）
│ ├── donation.html （捐赠）
│ ├── contact.html （联系方式）
│ ├── css/ （所有样式文件）
│ ├── js/ （所有脚本文件）
│ ├── images/ （图片资源）
│ ├── fonts/ （字体文件）
│ └── sass/ （SASS 源码）
└── documentation/
└── index.html （官方文档页面）
核心文件说明
blackhawak/index.html— 首页入口，完整展示横幅、服务、团队等模块blackhawak/css/style.css— 主样式文件，定义深色主题与色彩变量blackhawak/css/bootstrap.min.css— Bootstrap 框架样式blackhawak/js/custom.js— 自定义交互逻辑（导航、滚动返回顶部）blackhawak/sass/style.scss— SASS 源码，便于主题定制documentation/index.html— 模板使用说明文档
快速开始
直接用浏览器打开 blackhawak/index.html 即可预览；如需本地调试，可使用任意静态服务器：
bash
npx serve blackhawak
# 或
python -m http.server 8080
使用建议
- 替换
images/logo/下的 logo 图片即可完成品牌定制 - 主色调在
style.css中以#ff4d24为主强调色，可根据需要全局替换 - 页面之间的跳转链接已预置，复制现有页面后修改内容区块即可扩展新页面
