项目简介
Digitom 是一套面向数字营销代理机构的静态 HTML 网站模板,提供首页、关于我们、服务、案例研究、团队、定价、博客和联系页面等完整页面集合,适合快速搭建数字营销公司官网。
技术栈
- Bootstrap 5(响应式布局框架)
- Font Awesome 6(图标库)
- Slick(轮播组件)
- Odometer(数字滚动动画)
- Animate.css(CSS 动画)
- Google Fonts: Public Sans(主字体)
- 纯 HTML/CSS/JS,无需构建工具
项目结构
text
digitom-html-live/
├── index.html # 首页
├── home-v2.html # 首页变体 2
├── home-v3.html # 首页变体 3
├── about-us.html # 关于我们
├── services.html # 服务列表
├── casestudies.html # 案例研究列表
├── team.html # 团队成员
├── pricing.html # 定价方案
├── blog.html # 博客列表
├── contact.html # 联系页面
└── assets/
├── css/
│ ├── bootstrap.min.css
│ ├── fontawesome.min.css
│ ├── animate.css
│ ├── odometer.css
│ ├── slick.min.css
│ └── style.css
└── img/ # 图片资源
核心文件说明
index.html— 网站首页入口,包含导航、轮播、计数器等核心模块assets/css/style.css— 主样式表,定义所有页面布局和视觉样式assets/css/bootstrap.min.css— Bootstrap 框架样式,提供响应式栅格系统assets/css/odometer.css— 数字滚动动画样式,用于统计数据展示assets/css/slick.min.css— Slick 轮播组件样式casestudies.html— 案例研究列表页
快速开始
直接用浏览器打开 digitom-html-live/index.html 即可预览。也可通过本地服务器访问以获得完整体验:
bash
# 使用 Python
python -m http.server 8000
# 或使用 npx
npx serve .
使用建议
该模板提供 3 个首页变体,建议根据品牌风格选择后修改内容。所有页面基于 Bootstrap 的 .container 和 .container-fluid 布局,修改栅格即可调整宽度。该模板为纯静态页面,联系表单需自行对接后端服务。
