Sintex - Product Landing Page Template

# 项目简介 Sintex 是一款单页产品落地页模板，专为相机/安防类产品设计。提供 Hero 首屏、特性展示、产品展示、用户评价、FAQ 等完整区块，基于 Bootstrap 响应式布局，适合快速搭建产品营销页面。 ## 技术栈 - Bootstrap 5（CSS 框架） - jQuery（DOM 交互） - Owl Carousel（轮播组件） - SmoothScroll（平滑滚动） - SlickNav（移动端菜单） - Font Awesome、Elegant Icons、Themify Icons（图标库） ## 项目结构 ``` sintexhtml-10/Sintex Main File/ ├── Documentation/ │ └── index.html # 模板文档 └── html/ ├── index.html # 主页面 ├── css/ │ ├── main.css # 核心样式 │ ├── bootstrap.min.css │ ├── responsive.css # 响应式断点 │ └── owl.carousel.css ├── fonts/ # 字体图标文件 ├── img/ # 图片资源 └── js/ └── main.js # 交互逻辑 ``` ## 核心文件说明 - `html/index.html` — 单页主体结构，包含所有区块 - `html/css/main.css` — 核心样式与布局定义，含 CSS 变量和辅助类 - `html/js/main.js` — 导航固定、产品/评价/赞助商轮播、平滑滚动等交互 - `html/css/responsive.css` — 媒体查询响应式规则 - `html/css/owl.carousel.css` — 轮播组件样式支持 ## 快速开始 直接用浏览器打开 `html/index.html` 即可预览完整页面。如需本地开发服务，推荐使用 VS Code Live Server 插件或执行 `npx serve html/` 启动静态服务器。 ## 使用建议 该模板采用模块化结构，建议按需替换 `img/` 目录下的图片资源。修改 `main.css` 中 `#ed1d24` 等颜色值可快速适配品牌色。移动端菜单由 SlickNav 自动生成，无需额外配置。