项目简介
SEO7 是一套面向 SEO 公司、社交媒体及数字营销机构的响应式 HTML 模板，基于 Bootstrap 5 构建，包含首页多版本、博客、服务、团队、项目展示、定价、FAQ 等完整页面，适合快速搭建营销型官网或广告公司展示站点。
技术栈
- HTML5 / CSS3（SCSS）
- Bootstrap 5
- jQuery
- AOS（Animate On Scroll）动画库
- Swiper 轮播组件
- Magnific Popup 灯箱
- Font Awesome / Phosphor Icons 图标
项目结构
text
seo7html-10/
├── seo7/ # 模板主目录
│ ├── index.html # 首页（默认版）
│ ├── index-2/3/4.html # 首页变体
│ ├── about.html / contact.html
│ ├── blog.html / blog-details.html
│ ├── services.html / service-details.html
│ ├── projects.html / project-details.html
│ ├── team.html / team-details.html
│ ├── pricing-plan.html / faq.html
│ └── assets/
│ ├── css/
│ │ ├── main.css # 主样式（CSS）
│ │ └── bootstrap.min.css
│ ├── js/
│ │ └── main.js # 核心交互逻辑
│ └── images/
├── documentation/ # 官方文档页
└── seo7.zip # 打包文件
核心文件说明
seo7/index.html— 首页入口文件，包含导航、Hero、服务展示等完整布局seo7/assets/css/main.css— 主样式表，含响应式变量、组件与布局样式seo7/assets/js/main.js— 交互逻辑：移动端菜单、滚动置顶、Toast 通知、主题/方向切换seo7/assets/sass/main.scss— SCSS 源码入口，用于自定义编译seo7/assets/css/aos.css— 页面滚动动画样式documentation/index.html— 模板官方文档，内含 HTML/CSS/JS 结构说明
快速开始
直接用浏览器打开 seo7/index.html 即可预览。若需修改样式，建议使用 VS Code + Live Server 插件配合 SCSS 编译进行开发。
使用建议
- 多首页变体（index-2/3/4）可按需替换
index.html，或整合为单页多 Tab 切换 main.js中的dynamicActiveMenuClass函数会自动高亮当前导航项，迁移页面时请保持路径结构一致- 文档目录下含 Logo、联系表单、服务区块等具体修改说明，建议部署前通读一次
