做 IT 外包的，签单过程基本就是评估、方案、实施、运维这四步。这套模板干脆把这四步做成了首页的主干结构——编号 01 到 04 一路排下来，每一步对应一块具体能干的事：数据备份、网络部署、IT 托管、定制开发。客户顺着这条线读完，心里大致就有了「这家公司能不能接我的活」的判断，不需要再去翻服务页。
作品集用 Isotope 做了分类筛选，IT 服务商的案例通常横跨多个行业和技术栈，能筛比不能筛好用太多。定价页给的是灵活套餐而非固定档位，符合外包按规模报价的实际。另有常见问题页专门承接 IT 采购方那些绕不开的疑虑。
它同样基于 Bootstrap 5.0.2，接入新版组件前需要先做框架升级。
这套结构同样适用于系统集成、网络安全实施、企业软件代理、数据中心服务、低代码开发、IT 人力外包……凡是「按项目或按年签约、客户要先看交付流程再谈价格、案例横跨多个行业」的生意都合用。
核心功能
首页以四步交付流程为主干，编号推进，客户读完即可判断适配度
服务分数据备份、网络部署、IT 托管、定制开发四块，各可展开详情
作品集配分类筛选，跨行业跨技术栈的案例可按标签归拢
定价页走灵活套餐制，贴合外包按规模报价的实际做法
数字化转型、云服务、IT 咨询三条方向单独成块陈述
客户成功故事区块，把服务成果写成可核对的结果句
常见问题页承接数据安全、响应时效、合同周期这类采购疑虑
三套首页版式，可分别面向中小企业、中大型客户与特定行业
页面与技术规格
17 个 HTML 页面，含 3 套首页，实测 255 个文件、16.7 MB
基于 Bootstrap 5.0.2，版本偏早，升级需自行处理
作品集筛选由 Isotope 驱动，分类切换带重排动画
Swiper 负责轮播，GSAP 承担首屏时间轴与滚动进场
下拉选择走 Nice Select，咨询表单移动端样式统一
Counterup 配合 Waypoints 呈现服务年数与客户数量
