项目简介link

QtecAi 是一套面向创意型初创企业 / 咨询机构的 HTML 多页面着陆页模板，包含 4 种不同布局风格（ Agency、数字营销、App 展示等），全部基于纯前端实现，适合快速搭建企业展示页面或落地推广站点。

技术栈link

• HTML5 / CSS3（原生 + Bootstrap 5.3.5）
• JavaScript（jQuery 1.11 + Swiper 11 轮播）
• Font Awesome 6.7.2
• Google Fonts（Lato / Jost）

项目结构link

qtechhtml-10/
├── documentation/          # 模板使用文档
│   ├── css/main.css
│   └── index.html
└── qtec_AI/
    ├── landing1/           # Agency 风格主页
    ├── landing2/           # 含联系表单的营销页
    ├── landing3/           # App 展示页
    └── landing4/           # 品牌故事展示页
        └── index.html

核心文件说明link

• qtec_AI/landing1/index.html — 主入口文件，包含 Hero + 轮播导航结构
• assets/src/css/theme/qtec.css — 主题核心样式
• assets/src/css/framework/bootstrap.min.css — 响应式布局依赖
• assets/public/images/ — 页面图片资源目录
• documentation/index.html — 官方使用文档

快速开始link

直接用浏览器打开对应 landing 目录下的 index.html 即可预览。如需本地开发服务器，可使用：

npx serve qtec_AI/landing1

使用建议link

4 个 Landing 页面结构和导航组件高度一致，建议根据实际业务选择对应布局，再替换 Logo、图片及文案。页面中的 Google Fonts 和 CDN 资源需保持网络连接方可正常显示。