项目简介
Tecmo 是一套面向 IT 服务与科技公司的静态 HTML 网站模板,包含首页、作品集、博客、团队、客服等多个完整页面,适合快速搭建企业官网或业务展示站点。
技术栈
- HTML5 + CSS3 + Vanilla JavaScript
- Bootstrap 5(响应式布局框架)
- Font Awesome 6(图标库)
- Swiper(轮播/滑动组件)
- MeanMenu(移动端菜单)
- Magnific Popup(图片弹窗)
- Animate.css(动画效果)
项目结构
text
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/目录下,替换对应文件即可更新品牌视觉
