Ronel - 登陆页面模板 preview 1

Ronel - 登陆页面模板

bookmark

Renol 是一套基于 Bootstrap 5.3.3 的响应式 Startup 落地页模板,包含 8 种首页变体和 3 个认证页面(登录、注册、找回密码),适合 SaaS 产品或初创公司快速搭建官网。

HTML

项目简介

Renol 是一套基于 Bootstrap 5.3.3 的响应式 Startup 落地页模板,包含 8 种首页变体和 3 个认证页面(登录、注册、找回密码),适合 SaaS 产品或初创公司快速搭建官网。

技术栈

  • Bootstrap 5.3.3
  • jQuery
  • Public Sans(Google Fonts)
  • RemixIcon 图标字体
  • Swiper(轮播组件)
  • particles.js(粒子背景)
  • SCSS(源码)

项目结构

text
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 源文件。

help_outline

常见问题