BlackHawak - Military Service HTML5 Template

# 项目简介 BlackHawak 是一款面向军事/安保服务机构的单页 HTML5 网站模板，风格硬朗、配色以深色系为主，适合军队官网、退役军人服务、安保公司等场景使用。模板基于 Bootstrap 构建，响应式布局，支持多页面扩展。 ## 技术栈 - Bootstrap 5.x（响应式布局框架） - jQuery（交互与动画） - Font Awesome 6（图标库） - SASS（源码样式） - Google Fonts：Rajdhani（主字体） ## 项目结构 ``` 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` 为主强调色，可根据需要全局替换 - 页面之间的跳转链接已预置，复制现有页面后修改内容区块即可扩展新页面