项目简介
Seoly 是一款面向 SEO 与数字营销行业的静态 HTML 网站模板，基于 Bootstrap 框架构建，提供首页、服务、博客、案例研究、定价、联系表单等多个页面模板，支持多首页切换与主题配色切换，适合快速搭建数字营销代理官网。
技术栈
- Bootstrap 5（CSS 框架）
- jQuery（交互逻辑）
- Google Fonts（Urbanist / Manrope 字体）
- 静态 HTML / PHP 表单处理
项目结构
text
seolyhtml-10/Seoly/
├── Seoly HTML/ ← 主模板目录
│ ├── index.html ← 入口页
│ ├── homepage-2.html
│ ├── homepage-3.html
│ ├── homepage-4.html
│ ├── services.html
│ ├── blog.html
│ ├── contact.html
│ ├── pricing.html
│ ├── case-studies.html
│ ├── css/
│ ├── js/
│ ├── images/
│ └── video/
└── documentation/ ← 使用文档
核心文件说明
Seoly HTML/index.html— 主站入口，集成多首页选择器与完整导航结构Seoly HTML/css/style.css— 主样式表，定义字体、颜色变量、布局与响应式断点Seoly HTML/css/bootstrap.min.css— Bootstrap 基础框架样式Seoly HTML/css/coloring.css— 主题配色覆盖样式Seoly HTML/js/designesia.js— 预加载器、RTL 模式、导航交互等核心逻辑Seoly HTML/js/validation-contact.js— 联系表单前端验证
快速开始
直接用浏览器打开 Seoly/Seoly HTML/index.html 即可预览全部页面。如需本地服务器，可执行：
bash
cd seolyhtml-10/Seoly/Seoly\ HTML
python -m http.server 8080
使用建议
修改内容时请直接编辑对应 HTML 文件中的文本与图片路径；如需更换主题色，可将 css/colors/scheme-01.css 替换为 scheme-02.css 等其他配色文件（位于 css/colors/ 目录，需确认文件是否存在）。联系表单需要配合后端服务器处理 contact.php / request.php。
