项目简介
Techor 是一个面向 IT 解决方案与技术类公司的静态 HTML 网站模板，提供首页变体、案例展示、团队成员、服务详情、博客及联系表单等完整页面。模板基于 Bootstrap 构建，包含预加载动画、魔法光标、返回顶部、搜索弹窗和侧边栏菜单等交互功能，适合快速搭建科技类企业官网。
技术栈
- HTML5 + CSS3（原生写法）
- Bootstrap 5（响应式布局框架）
- Swiper（轮播组件）
- Slick（轮播组件）
- Font Awesome Pro（图标库）
- Magnific Popup（弹窗）
- Nice Select（自定义下拉）
- PHP（仅用于联系表单邮件发送）
项目结构
text
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 文件位置引用，确保整体目录结构不变
