项目简介
Cetalog 是一款面向营销与 SEO 代理机构的静态 HTML 模板，基于 Bootstrap 5 构建，提供首页变体、服务、案例、团队、博客、定价等完整页面模板，适合快速搭建企业官网。
技术栈
- Bootstrap 5（CSS 框架）
- jQuery（DOM 操作与交互）
- Font Awesome 6 Pro（图标库）
- Google Fonts（Montserrat Alternates + Outfit）
- Slick Slider（轮播）
- MeanMenu（移动端导航）
项目结构
text
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— 首页入口，包含头部、轮播、服务区块等完整布局
快速开始
本项目为纯静态模板，无需构建工具，直接在浏览器中打开即可预览：
text
直接双击 cetalog/index.html 文件，或使用本地服务器打开
（如 Live Server、http-server 等工具）
使用建议
- 修改颜色和内容时优先编辑
main.css中的 CSS 变量定义区块，便于统一风格 - 移动端菜单通过 jQuery MeanMenu 插件实现，可在
main.js中调整断点配置
