Softec - Software & Technology HTML Template

# 项目简介 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 中的英文文本并处理字体回退