项目简介
Marko 是一款面向数字营销机构的现代 HTML5 静态网站模板，采用深色主题设计，以紫色（#C82AEF）作为强调色。模板包含首页、案例研究、服务、博客、团队、定价等多个完整页面，适合数字营销、SEO、内容策略等业务场景快速建站使用。
技术栈
- HTML5 + CSS3 + JavaScript
- Bootstrap 5（响应式布局）
- Font Awesome 6（图标库）
- Swiper（轮播组件）
- Animate.css（动画效果）
- Google Fonts（Plus Jakarta Sans / Red Hat Text）
项目结构
text
markohtml-10/
└── Marko Main File/
├── HTML_TEMPLATE/ # 正式模板文件
│ ├── index.html # 首页
│ ├── about.html # 关于我们
│ ├── blog.html # 博客列表
│ ├── contact.html # 联系页面
│ ├── pricing.html # 定价页
│ ├── service.html # 服务页
│ ├── team.html # 团队页
│ ├── case_studies.html # 案例研究
│ ├── faq.html # 常见问题
│ ├── partnership.html # 合作伙伴
│ ├── 404_page.html # 404 页面
│ ├── single_post.html # 博客详情
│ ├── single_services.html # 服务详情
│ ├── header.html # 页头组件
│ ├── footer.html # 页脚组件
│ ├── sidebar.html # 侧边栏组件
│ ├── search-form.html # 搜索弹窗
│ ├── css/
│ │ └── style.css # 主样式表
│ └── image/ # 图片资源
└── DOCUMENTATION/ # 官方文档
├── index.html
└── css/style.css
核心文件说明
HTML_TEMPLATE/index.html— 首页入口，包含 Banner、案例展示、专业领域等主要区块HTML_TEMPLATE/css/style.css— 全局样式表，定义了颜色变量、排版、布局、动画等完整样式体系HTML_TEMPLATE/header.html/footer.html— 页头与页脚组件，供各页面复用HTML_TEMPLATE/sidebar.html— 侧边栏导航组件HTML_TEMPLATE/search-form.html— 全屏搜索弹窗，集成于 headerDOCUMENTATION/index.html— 官方文档页面，含自定义指南
快速开始
- 下载并解压模板文件
- 进入
markohtml-10/Marko Main File/HTML_TEMPLATE/目录 - 直接用浏览器打开
index.html即可预览 - 如需本地服务器，可执行：
或使用 VS Code 的 Live Server 插件bash
npx serve .
使用建议
- 该模板为纯静态页面，修改内容直接编辑对应 HTML 文件即可；Logo、配色等自定义可通过
style.css中的 CSS 变量（--accent-color、--secondary等）快速调整。 - 模板中所有图片均为占位图（dummy-img），上线前请替换为真实业务素材。
