SassTech – SaaS 软件和 IT 解决方案多用途 HTML 模板

# 项目简介 SassTech 是一款面向 IT 解决方案、SaaS 软件和互联网服务企业的多用途 HTML 模板，提供 5 种首页变体（IT 解决方案、主机托管、任务管理、CRM 软件、App 落地页），以及完整的页面体系，包括关于、博客、商城、定价、登录注册、购物车等，适用于快速搭建科技类官网或产品站点。 ## 技术栈 - HTML5 + CSS3（静态页面） - Bootstrap 5（响应式布局框架） - Sass/SCSS（CSS 预处理器） - jQuery（交互脚本） - AOS（滚动动画）、Swiper（轮播）、Magnific Popup（灯箱） - Google Fonts（字体：Jost、Poppins、Vidaloka 等） ## 项目结构 ``` 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* # 来源标识文件 ``` ## 核心文件说明 - `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 配置和自定义说明 ## 快速开始 1. 直接在浏览器打开 `SassTech/index.html` 即可预览完整效果； 2. 如需修改样式，进入 `assets/sass/` 目录编辑 SCSS 文件，再编译输出到 `assets/css/`； 3. 图片、图标等资源均位于 `assets/images/` 和 `assets/fonts/` 下，替换对应文件即可更新品牌素材。 ## 使用建议 - 该模板为纯静态页面，无后端依赖，部署时将 `SassTech` 文件夹内容直接上传至任意 Web 服务器或静态托管平台即可； - 模板提供了多套首页变体和完整页面结构，建议根据实际业务场景选择合适的页面进行裁剪定制，以保持代码精简。