
Softec - Software & Technology HTML Template
categorySaaS
# 项目简介
Softec 是一款面向数据科技公司的静态 HTML 模板,提供数据分析、产品展示、服务介绍等完整页面。包含首页 5 种变体、博客、团队、案例、定价、招聘等 20+ 页面,适合快速搭建企业官网。
## 技术栈
- Bootstrap 5(栅格与基础组件)
- Static HTML(纯前端,无需构建)
- jQuery(DOM 操作与交互)
- Swiper.js(轮播图)
- MeanMenu(移动端导航)
- Magnific Popup(图片/视频弹窗)
- Font Awesome 5(图标)
## 项目结构
```
softechtml-10/
├── documentation/ # 官方文档页面
│ ├── index.html
│ └── assets/
├── softec/ # 主体模板(LTR)
│ ├── index.html # 首页
│ ├── about.html
│ ├── blog.html / blog-list.html / blog-details.html
│ ├── service.html / service-details.html
│ ├── project.html / project-details.html
│ ├── team.html / team-details.html
│ ├── price.html
│ ├── contact.html
│ ├── career.html / career-details.html
│ ├── integrations.html
│ ├── sign-in.html / register.html
│ ├── 404.html
│ └── assets/
│ ├── css/style.css # 全部样式
│ └── js/main.js # 全部交互
└── softec-rtl/ # RTL 版本(阿拉伯语等)
```
## 核心文件说明
- `softec/index.html` — 主首页模板
- `softec/assets/css/style.css` — 完整样式表(含 CSS 变量、响应式、组件样式)
- `softec/assets/js/main.js` — 交互逻辑(滚动监听、轮播、导航、计数器等)
- `softec/assets/mail.php` — 联系表单邮件发送后端脚本
- `softec/service.html` — 服务列表页
- `softec/blog.html` — 博客列表页
## 快速开始
本项目为纯静态模板,无需安装依赖:
1. 下载解压后在本地直接打开 `softec/index.html` 即可预览
2. 或将整个 `softec` 文件夹部署到任意 Web 服务器(Nginx/Apache)
3. 表单功能需配置服务器环境以支持 PHP 发送邮件
## 使用建议
- 模板已内置多套色彩变量,修改 `style.css` 中 CSS 变量即可统一换肤
- 所有页面基于 Bootstrap 栅格,响应式适配移动端
- 若需中文内容,需手动替换 HTML 中的英文文本并处理字体回退
help_outline
FAQ
Comments0
PublishedJan 20, 2026
Tech Stack
HTML