项目简介link

Qtec 是一款面向安防监控公司的静态 HTML 网站模板，提供首页、关于、博客、服务、项目、团队等多个业务页面模板，适合安保、弱电工程、智慧城市等企业快速搭建官网。

技术栈link

• HTML5 + CSS3（静态页面）
• Bootstrap 3.x / 5.x
• jQuery
• 自定义 Icon Font（icomoon）
• Google Fonts（Kumbh Sans、Domine、Lato）

项目结构link

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/

核心文件说明link

• 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 — 辅助图标集，包含箭头、表单、位置等通用图标

快速开始link

纯静态模板，无需安装依赖：

1. 直接在浏览器中打开 qtec-html-files/index.html
2. 或使用任意本地服务器（如 npx serve qtec-html-files）运行

使用建议link

模板提供 4 套首页方案，可根据业务重点选择；更换内容时注意同步修改 assets/images/ 下的图片及 assets/vendors/ 中的配置路径。