Tecmo - IT Solutions and Technology HTML Template

# 项目简介 Tecmo 是一套面向 IT 服务与科技公司的静态 HTML 网站模板，包含首页、作品集、博客、团队、客服等多个完整页面，适合快速搭建企业官网或业务展示站点。 ## 技术栈 - HTML5 + CSS3 + Vanilla JavaScript - Bootstrap 5（响应式布局框架） - Font Awesome 6（图标库） - Swiper（轮播/滑动组件） - MeanMenu（移动端菜单） - Magnific Popup（图片弹窗） - Animate.css（动画效果） ## 项目结构 ``` tecmohtml-10/ ├── buyer-file/ │ ├── documentation/ # 模板使用文档 │ │ ├── index.html │ │ └── assets/ │ └── main-file/ # 正式模板文件 │ ├── index.html # 首页（5种变体 index~index-5.html） │ ├── about.html # 关于我们 │ ├── blog*.html # 博客列表/详情/侧边栏 │ ├── contact.html # 联系页面 │ ├── error.html # 404错误页 │ ├── faqs.html # 常见问题 │ ├── portfolio*.html # 作品集列表/详情 │ ├── pricing-plan.html # 定价方案 │ ├── services*.html # 服务列表/详情 │ ├── team*.html # 团队介绍/成员详情 │ ├── testimonials.html # 客户评价 │ └── assets/ └── THEMELOCK.COM.url ``` ## 核心文件说明 - `main-file/index.html` — 首页入口，内置 5 种视觉变体 - `main-file/portfolio.html` — 作品/案例展示页面 - `main-file/services.html` — 服务项目介绍 - `main-file/assets/css/main.css` — 全部样式主文件，涵盖组件与页面布局 - `main-file/assets/js/main.js` — 交互逻辑（预加载器、菜单、弹窗等） - `documentation/index.html` — 官方文档，含 HTML/CSS/JS 结构说明及自定义指引 ## 快速开始 直接用浏览器打开 `buyer-file/main-file/index.html`，或将其部署到任意静态文件服务器（如 nginx、http-server）即可预览全部页面。 ## 使用建议 - 正式使用时建议部署到服务器或使用 VS Code Live Server 插件访问，以避免部分浏览器对本地文件的跨域限制 - 修改 `main.css` 中的 CSS 变量即可快速更换主题色；图片资源存放在 `assets/img/` 目录下，替换对应文件即可更新品牌视觉