Softec - 软件和技术 HTML 模板 preview 1

Softec - 软件和技术 HTML 模板

bookmark

Softec 是一款面向数据科技公司的静态 HTML 模板，提供数据分析、产品展示、服务介绍等完整页面。包含首页 5 种变体、博客、团队、案例、定价、招聘等 20+ 页面，适合快速搭建企业官网。

HTML

项目简介

Softec 是一款面向数据科技公司的静态 HTML 模板，提供数据分析、产品展示、服务介绍等完整页面。包含首页 5 种变体、博客、团队、案例、定价、招聘等 20+ 页面，适合快速搭建企业官网。

技术栈

  • Bootstrap 5（栅格与基础组件）
  • Static HTML（纯前端，无需构建）
  • jQuery（DOM 操作与交互）
  • Swiper.js（轮播图）
  • MeanMenu（移动端导航）
  • Magnific Popup（图片/视频弹窗）
  • Font Awesome 5（图标）

项目结构

text
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

常见问题