项目简介link

Sintex 是一款单页产品落地页模板，专为相机/安防类产品设计。提供 Hero 首屏、特性展示、产品展示、用户评价、FAQ 等完整区块，基于 Bootstrap 响应式布局，适合快速搭建产品营销页面。

技术栈link

• Bootstrap 5（CSS 框架）
• jQuery（DOM 交互）
• Owl Carousel（轮播组件）
• SmoothScroll（平滑滚动）
• SlickNav（移动端菜单）
• Font Awesome、Elegant Icons、Themify Icons（图标库）

项目结构link

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         # 交互逻辑

核心文件说明link

• html/index.html — 单页主体结构，包含所有区块
• html/css/main.css — 核心样式与布局定义，含 CSS 变量和辅助类
• html/js/main.js — 导航固定、产品/评价/赞助商轮播、平滑滚动等交互
• html/css/responsive.css — 媒体查询响应式规则
• html/css/owl.carousel.css — 轮播组件样式支持

快速开始link

直接用浏览器打开 html/index.html 即可预览完整页面。如需本地开发服务，推荐使用 VS Code Live Server 插件或执行 npx serve html/ 启动静态服务器。

使用建议link

该模板采用模块化结构，建议按需替换 img/ 目录下的图片资源。修改 main.css 中 #ed1d24 等颜色值可快速适配品牌色。移动端菜单由 SlickNav 自动生成，无需额外配置。