Cetalog - 营销和 SEO 机构 HTML 模板

# 项目简介 Cetalog 是一款面向营销与 SEO 代理机构的静态 HTML 模板，基于 Bootstrap 5 构建，提供首页变体、服务、案例、团队、博客、定价等完整页面模板，适合快速搭建企业官网。 ## 技术栈 - Bootstrap 5（CSS 框架） - jQuery（DOM 操作与交互） - Font Awesome 6 Pro（图标库） - Google Fonts（Montserrat Alternates + Outfit） - Slick Slider（轮播） - MeanMenu（移动端导航） ## 项目结构 ``` cetaloghtml-10/ ├── cetalog/ # 模板主目录 │ ├── index.html # 首页 │ ├── index-2.html # 首页变体 2 │ ├── index-3.html # 首页变体 3 │ ├── about-us.html │ ├── our-services.html │ ├── service-details.html │ ├── case-studies.html │ ├── case-details.html │ ├── our-team.html │ ├── team-details.html │ ├── pricing-plan.html │ ├── faq.html │ ├── blog-details.html │ ├── read-blog.html │ ├── contact-us.html │ ├── login.html │ ├── register.html │ └── assets/ │ ├── css/ # 样式文件（含 main.css 主样式） │ ├── js/ # 交互脚本（main.js） │ ├── fonts/ # 字体文件 │ └── img/ # 图片资源 ├── documentation/ # 官方文档 └── ... ``` ## 核心文件说明 - `cetalog/assets/css/main.css` — 主样式表，包含布局、组件、页面样式 - `cetalog/assets/js/main.js` — 交互逻辑，含预加载、导航、轮播、返回顶部等 - `cetalog/assets/css/bootstrap.css` — Bootstrap 框架样式 - `cetalog/index.html` — 首页入口，包含头部、轮播、服务区块等完整布局 ## 快速开始 本项目为纯静态模板，无需构建工具，直接在浏览器中打开即可预览： ``` 直接双击 cetalog/index.html 文件，或使用本地服务器打开 （如 Live Server、http-server 等工具） ``` ## 使用建议 - 修改颜色和内容时优先编辑 `main.css` 中的 CSS 变量定义区块，便于统一风格 - 移动端菜单通过 jQuery MeanMenu 插件实现，可在 `main.js` 中调整断点配置