Softora - IT 解决方案和技术 HTML 模板 preview 1

Softora - IT 解决方案和技术 HTML 模板

bookmark

Softora 是一款面向 IT 解决方案与科技企业的静态 HTML5 网站模板,提供首页、作品集、博客、团队、服务等多个业务页面,采用 Bootstrap 5 构建,适配多种业务场景(IT 服务、AI 代理、网络安全、大数据分析等)。

HTML

项目简介

Softora 是一款面向 IT 解决方案与科技企业的静态 HTML5 网站模板,提供首页、作品集、博客、团队、服务等多个业务页面,采用 Bootstrap 5 构建,适配多种业务场景(IT 服务、AI 代理、网络安全、大数据分析等)。

技术栈

  • HTML5 + CSS3(原生)
  • Bootstrap 5.3(布局与组件)
  • SCSS(样式预处理)
  • Gulp(构建工具)
  • Swiper(轮播)、Isotope(筛选布局)、Wow.js(滚动动画)等第三方库

项目结构

text
softorahtml-10/html/
├── gulpfile.js          # Gulp 任务配置
├── package.json         # 依赖声明
├── src/
│   ├── html/            # 页面源码(首页、博客、服务等)
│   └── scss/            # SCSS 样式文件(按模块拆分)
└── documentation/       # 官方文档与预览样式

核心文件说明

  • src/html/index.html — 默认首页(IT 服务主题)
  • src/scss/ — SCSS 源码,按 _header.scss_footer.scss_hero.scss 等模块组织
  • gulpfile.js — Gulp 构建配置,定义 SCSS 编译、PostCSS 前缀等任务
  • package.json — 项目依赖与 npm run dev 启动脚本

快速开始

bash
cd softorahtml-10/html
npm install
npm run dev

构建完成后在浏览器打开生成的页面即可。如仅需预览,可直接双击 src/html/index.html

使用建议

  • 修改页面内容建议直接编辑 src/html/ 下的 HTML 文件;调整样式优先修改对应 SCSS 模块再通过 Gulp 重新编译
  • 该模板为纯静态页面,不包含后端逻辑,如需 CMS 集成需自行开发
help_outline

常见问题