
Qtec - CCTV & Security HTML Template
# 项目简介
Qtec 是一款面向安防监控公司的静态 HTML 网站模板,提供首页、关于、博客、服务、项目、团队等多个业务页面模板,适合安保、弱电工程、智慧城市等企业快速搭建官网。
## 技术栈
- HTML5 + CSS3(静态页面)
- Bootstrap 3.x / 5.x
- jQuery
- 自定义 Icon Font(icomoon)
- Google Fonts(Kumbh Sans、Domine、Lato)
## 项目结构
```
qtec-html-package-7-6-2022/
├── qtec-html-files/ # 网站主页面
│ ├── index.html # 首页(4 个变体 index-2/3/4)
│ ├── about.html
│ ├── services.html
│ ├── projects.html
│ ├── contact.html
│ └── assets/ # CSS、JS、图片等资源
├── qtec-documentations/ # 模板使用文档
│ ├── index.html
│ └── css/
├── qtec-font-icons/ # 基础图标字体
│ ├── style.css
│ └── fonts/
└── qtec-icons-two/ # 扩展图标字体
├── style.css
└── fonts/
```
## 核心文件说明
- `qtec-html-files/index.html` — 首页主模板,包含导航、轮播、服务展示等模块
- `qtec-html-files/assets/css/qtec.css` — 主样式文件,定义整体视觉风格
- `qtec-documentations/index.html` — 官方文档,含 HTML 结构、CSS 说明、配置指南
- `qtec-font-icons/style.css` — 业务图标集(摄像头、锁、盾牌等安防相关图标)
- `qtec-icons-two/style.css` — 辅助图标集,包含箭头、表单、位置等通用图标
## 快速开始
纯静态模板,无需安装依赖:
1. 直接在浏览器中打开 `qtec-html-files/index.html`
2. 或使用任意本地服务器(如 `npx serve qtec-html-files`)运行
## 使用建议
模板提供 4 套首页方案,可根据业务重点选择;更换内容时注意同步修改 `assets/images/` 下的图片及 `assets/vendors/` 中的配置路径。
help_outline
FAQ
Comments0
PublishedJan 20, 2026
Tech Stack
HTML