Techor - IT Solutions and Technology HTML Template

# 项目简介 Techor 是一个面向 IT 解决方案与技术类公司的静态 HTML 网站模板，提供首页变体、案例展示、团队成员、服务详情、博客及联系表单等完整页面。模板基于 Bootstrap 构建，包含预加载动画、魔法光标、返回顶部、搜索弹窗和侧边栏菜单等交互功能，适合快速搭建科技类企业官网。 ## 技术栈 - HTML5 + CSS3（原生写法） - Bootstrap 5（响应式布局框架） - Swiper（轮播组件） - Slick（轮播组件） - Font Awesome Pro（图标库） - Magnific Popup（弹窗） - Nice Select（自定义下拉） - PHP（仅用于联系表单邮件发送） ## 项目结构 ``` techor-placeholder/ ├── index.html # 首页 ├── index-2.html # 首页变体 2 ├── index-3.html # 首页变体 3 ├── about.html # 关于我们 ├── service.html # 服务列表 ├── service-details.html ├── project.html # 案例列表 ├── project-details.html ├── team.html # 团队成员 ├── team-details.html ├── blog-grid.html # 博客（网格） ├── blog-list.html # 博客（列表） ├── blog-details.html ├── price.html # 定价 ├── faq.html # FAQ ├── contact.html # 联系我们 ├── 404.html # 错误页 └── assets/ ├── mail.php # 表单邮件处理 └── css/ # 样式文件（主样式及各组件样式） ``` ## 核心文件说明 - `index.html` — 首页模板，包含 Hero 区、服务概览和案例展示 - `contact.html` — 联系页面，含联系信息与表单提交功能 - `assets/mail.php` — 联系表单后端处理脚本，负责邮件发送 - `service-details.html` — 单个服务详情页模板 - `project-details.html` — 单个案例详情页模板 - `assets/css/main.css` — 主样式文件，包含全局布局与主题样式 ## 快速开始 本模板为纯静态页面，无需安装依赖。直接用浏览器打开 `index.html` 即可预览完整效果。若需使用联系表单功能，需将 `assets/mail.php` 部署至支持 PHP 的 Web 服务器环境。 ## 使用建议 - 部署前请修改 `mail.php` 中的收件邮箱地址（`$recipient` 变量），并确保服务器已启用 `mail()` 函数 - 所有静态资源（CSS、图片）路径均基于当前 HTML 文件位置引用，确保整体目录结构不变