项目简介
Diziti 是一款面向数字营销机构的静态 HTML 网站模板,包含首页、服务介绍、作品展示、团队成员、博客及联系页面等多个完整页面,适合快速搭建数字代理公司或创意工作室官网。模板基于 Bootstrap 构建,预集成多种交互效果和响应式布局。
技术栈
- HTML5 + CSS3(静态页面)
- Bootstrap 5(响应式栅格与组件)
- Font Awesome 6(图标库)
- Animate.css(页面动画)
- Swiper(轮播组件)
- MeanMenu(移动端导航)
- NiceSelect(自定义下拉框)
- Magnific Popup(图片/视频弹窗)
项目结构
text
diziti-html-package/
├── documentation/ # 模板使用文档(HTML)
│ └── index.html
└── download-version/ # 可直接使用的产品版本
├── assets/ # 公共资源(css、js、图片等)
├── about.html
├── blog.html
├── blog-details.html
├── contact.html
├── index.html # 首页(第 1 套样式)
├── index2.html # 首页(第 2 套样式)
├── index3.html # 首页(第 3 套样式)
├── project.html
├── project-details.html
├── service.html
├── service-details.html
├── team.html
└── team-details.html
核心文件说明
download-version/index.html— 首页主模板,含 Hero、案例、服务等完整区块download-version/contact.html— 联系页面,含表单与联系信息download-version/project.html— 作品集列表页download-version/team.html— 团队成员展示页download-version/assets/css/main.css— 聚合后的全部样式文件documentation/index.html— 官方使用文档入口
快速开始
直接用浏览器打开 download-version/index.html,或将其部署至任意静态文件服务器(如 Nginx、VS Code Live Server 等)。
使用建议
所有页面共享同一套 assets 资源目录,修改样式时请直接编辑 main.css;如需二次开发,建议参考 documentation 目录中的模板结构说明文档,确保按原有组织方式添加或替换页面。
