项目简介link

SassTech 是一款面向 IT 解决方案、SaaS 软件和互联网服务企业的多用途 HTML 模板，提供 5 种首页变体（IT 解决方案、主机托管、任务管理、CRM 软件、App 落地页），以及完整的页面体系，包括关于、博客、商城、定价、登录注册、购物车等，适用于快速搭建科技类官网或产品站点。

技术栈link

• HTML5 + CSS3（静态页面）
• Bootstrap 5（响应式布局框架）
• Sass/SCSS（CSS 预处理器）
• jQuery（交互脚本）
• AOS（滚动动画）、Swiper（轮播）、Magnific Popup（灯箱）
• Google Fonts（字体：Jost、Poppins、Vidaloka 等）

项目结构link

sasstechhtml-10/
├── SassTech/                 # 模板主目录
│   ├── index.html            # 首页（IT Solution）
│   ├── index-2~5.html        # 其他首页变体
│   ├── about.html            # 关于页
│   ├── blog.html             # 博客列表
│   ├── blog-details.html     # 博客详情
│   ├── shop.html             # 商品列表
│   ├── shop-details.html     # 商品详情
│   ├── cart.html             # 购物车
│   ├── checkout.html         # 结账
│   ├── pricing-plan.html     # 定价页
│   ├── contact.html          # 联系页
│   ├── login.html / register.html
│   ├── faq.html / policy-privacy.html
│   └── assets/
│       ├── css/              # 编译后的 CSS
│       ├── sass/             # SCSS 源码
│       ├── js/               # JS 脚本
│       └── images/            # 图片资源
├── Documentation/            # 官方文档（HTML 格式）
└── THEMELOCK*                # 来源标识文件

核心文件说明link

• SassTech/index.html — 首页入口，整合了导航、轮播、特色服务等全部模块
• SassTech/assets/sass/main.scss — SCSS 入口文件，按 abstract / components / layout / partials 分层组织
• SassTech/assets/css/main.css — 编译后的完整样式表，包含 CSS 变量、工具类和所有组件样式
• SassTech/assets/js/main.js — 主要交互脚本（移动端菜单、回到顶部、Toast 通知、轮播等）
• SassTech/assets/css/satoshi.css — Satoshi 字体图标样式
• Documentation/index.html — 官方文档，涵盖 HTML 结构、CSS 规范、JS 配置和自定义说明

快速开始link

1. 直接在浏览器打开 SassTech/index.html 即可预览完整效果；
2. 如需修改样式，进入 assets/sass/ 目录编辑 SCSS 文件，再编译输出到 assets/css/；
3. 图片、图标等资源均位于 assets/images/ 和 assets/fonts/ 下，替换对应文件即可更新品牌素材。

使用建议link

• 该模板为纯静态页面，无后端依赖，部署时将 SassTech 文件夹内容直接上传至任意 Web 服务器或静态托管平台即可；
• 模板提供了多套首页变体和完整页面结构，建议根据实际业务场景选择合适的页面进行裁剪定制，以保持代码精简。