Techguru - Technology and IT Solutions HTML5 Template

# 项目简介 techguru 是一套面向 IT 解决方案与科技类企业的响应式 HTML5 网站模板，包含首页、服务、案例、博客、团队、定价等完整页面，适合快速搭建科技公司或 SaaS 产品官网。 ## 技术栈 - HTML5 / CSS3（静态页面） - Bootstrap v5.1.3（栅格与基础组件） - jQuery（生态插件集合） - Google Fonts（Space Grotesk + Marcellus） - Font Awesome（图标库） - AOS / Animate.css / Swiper / Jarallax（动画与轮播） ## 项目结构 ``` techguru-pack/ ├── 01-html-file/ │ ├── index.html # 首页 │ ├── index2.html # 首页变体 │ ├── index3.html # 首页变体 │ ├── about.html # 关于我们 │ ├── services.html # 服务列表 │ ├── blog.html # 博客 │ ├── products.html # 产品 │ ├── team.html # 团队 │ ├── pricing.html # 定价 │ ├── portfolio.html # 作品集 │ ├── contact.html # 联系页 │ ├── cart.html # 购物车 │ ├── checkout.html # 结账 │ ├── login.html # 登录 │ ├── sign-up.html # 注册 │ ├── 404.html # 错误页 │ ├── coming-soon.html # 即将上线 │ ├── faq.html # 常见问题 │ └── assets/ # CSS/JS/图片/字体 └── 02-documentation-file/ └── index.html # 官方文档页 ``` ## 核心文件说明 - `01-html-file/index.html` — 主首页模板，集成 Banner、服务、案例、评价等区块 - `assets/css/style.css` — 全局样式主文件 - `assets/css/module-css/` — 按功能模块拆分的样式（banner、services、team 等） - `assets/js/` — jQuery 插件与业务逻辑脚本 - `02-documentation-file/index.html` — 官方使用文档 ## 快速开始 1. 解压压缩包，进入 `techguru-pack/01-html-file/` 目录 2. 直接用浏览器打开 `index.html` 预览效果 3. 若部署到服务器，将整个 `01-html-file/` 上传至 Web 根目录即可 ## 使用建议 模板基于 Bootstrap 构建，各模块组件已封装，修改内容时直接编辑对应 HTML 文件中的文本和图片路径即可；自定义样式建议在 `style.css` 或独立 CSS 文件中覆盖，避免直接修改源文件。