SEO7 - SEO 和数字营销机构 HTML 模板

# 项目简介 SEO7 是一套面向 SEO 公司、社交媒体及数字营销机构的响应式 HTML 模板，基于 Bootstrap 5 构建，包含首页多版本、博客、服务、团队、项目展示、定价、FAQ 等完整页面，适合快速搭建营销型官网或广告公司展示站点。 ## 技术栈 - HTML5 / CSS3（SCSS） - Bootstrap 5 - jQuery - AOS（Animate On Scroll）动画库 - Swiper 轮播组件 - Magnific Popup 灯箱 - Font Awesome / Phosphor Icons 图标 ## 项目结构 ``` 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、联系表单、服务区块等具体修改说明，建议部署前通读一次