Ronel - Landing Page Template

# 项目简介 Renol 是一套基于 Bootstrap 5.3.3 的响应式 Startup 落地页模板，包含 8 种首页变体和 3 个认证页面（登录、注册、找回密码），适合 SaaS 产品或初创公司快速搭建官网。 ## 技术栈 - Bootstrap 5.3.3 - jQuery - Public Sans（Google Fonts） - RemixIcon 图标字体 - Swiper（轮播组件） - particles.js（粒子背景） - SCSS（源码） ## 项目结构 ``` ronelhtml-10/Renol_HTML_v1.1.0/ ├── Documentation/ │ └── index.html # 官方文档说明页 ├── HTML/ │ ├── index-1 ~ index-8 # 8 种首页变体 │ ├── login.html # 登录页 │ ├── signup.html # 注册页 │ ├── reset.html # 找回密码页 │ ├── css/ │ │ ├── style.css # 主题主样式 │ │ ├── remixicon.css # 图标字体样式 │ │ └── bootstrap.min.css │ ├── js/ │ │ ├── app.js # 导航栏滚动行为 │ │ ├── main.js # particles.js 配置 │ │ └── swipar.js # Swiper 轮播初始化 │ ├── scss/ # SCSS 源码（可选） │ ├── font/ # RemixIcon 字体 │ └── images/ # 示例图片资源 ``` ## 核心文件说明 - `HTML/index-1.html` — 默认首页入口 - `HTML/css/style.css` — 全局样式变量、组件、布局定义 - `HTML/js/app.js` — 滚动超过 50px 后导航栏吸顶效果 - `HTML/js/main.js` — particles.js 粒子背景参数配置 - `HTML/js/swipar.js` — testimonials 轮播组件初始化 - `HTML/scss/` — SCSS 源码目录，可用于主题定制 ## 快速开始 直接用浏览器打开 `HTML/index-1.html` 即可预览。如需本地服务器，可执行： ```bash npx serve HTML ``` ## 使用建议 复制 `HTML` 文件夹作为项目起点，根据需要选择首页变体或认证页面；样式定制建议在 `style.css` 底部或对应 SCSS 文件中覆盖变量，而非直接修改 Bootstrap 源文件。