Marko - 数字营销机构 HTML Bootstrap 5 模板

# 项目简介 Marko 是一款面向数字营销机构的现代 HTML5 静态网站模板，采用深色主题设计，以紫色（#C82AEF）作为强调色。模板包含首页、案例研究、服务、博客、团队、定价等多个完整页面，适合数字营销、SEO、内容策略等业务场景快速建站使用。 ## 技术栈 - HTML5 + CSS3 + JavaScript - Bootstrap 5（响应式布局） - Font Awesome 6（图标库） - Swiper（轮播组件） - Animate.css（动画效果） - Google Fonts（Plus Jakarta Sans / Red Hat 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` — 全屏搜索弹窗，集成于 header - `DOCUMENTATION/index.html` — 官方文档页面，含自定义指南 ## 快速开始 1. 下载并解压模板文件 2. 进入 `markohtml-10/Marko Main File/HTML_TEMPLATE/` 目录 3. 直接用浏览器打开 `index.html` 即可预览 4. 如需本地服务器，可执行： ```bash npx serve . ``` 或使用 VS Code 的 Live Server 插件 ## 使用建议 - 该模板为纯静态页面，修改内容直接编辑对应 HTML 文件即可；Logo、配色等自定义可通过 `style.css` 中的 CSS 变量（`--accent-color`、`--secondary` 等）快速调整。 - 模板中所有图片均为占位图（dummy-img），上线前请替换为真实业务素材。