
Digiton - SEO & Digital Agency HTML Template
# 项目简介
Digitom 是一套面向数字营销代理机构的静态 HTML 网站模板,提供首页、关于我们、服务、案例研究、团队、定价、博客和联系页面等完整页面集合,适合快速搭建数字营销公司官网。
## 技术栈
- Bootstrap 5(响应式布局框架)
- Font Awesome 6(图标库)
- Slick(轮播组件)
- Odometer(数字滚动动画)
- Animate.css(CSS 动画)
- Google Fonts: Public Sans(主字体)
- 纯 HTML/CSS/JS,无需构建工具
## 项目结构
```
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` 布局,修改栅格即可调整宽度。该模板为纯静态页面,联系表单需自行对接后端服务。
help_outline
FAQ
Comments0
PublishedJan 20, 2026
Tech Stack
HTML