Ronel - Landing Page Template preview 1

Ronel - Landing Page Template

bookmark

Renol is a responsive Startup landing page template based on Bootstrap 5.3.3, featuring 8 homepage variants and 3 authentication pages (Login, Sign Up, Password Reset), ideal for SaaS products or startups to quickly build their official...

HTML

Project Overview

Renol is a responsive Startup landing page template based on Bootstrap 5.3.3, featuring 8 homepage variants and 3 authentication pages (Login, Sign Up, Password Reset), ideal for SaaS products or startups to quickly build their official website.

Tech Stack

  • Bootstrap 5.3.3
  • jQuery
  • Public Sans (Google Fonts)
  • RemixIcon icon font
  • Swiper (carousel component)
  • particles.js (particle background)
  • SCSS (source code)

Project Structure

text
ronelhtml-10/Renol_HTML_v1.1.0/
├── Documentation/
│   └── index.html          # Official documentation page
├── HTML/
│   ├── index-1 ~ index-8   # 8 homepage variants
│   ├── login.html          # Login page
│   ├── signup.html         # Sign up page
│   ├── reset.html          # Password reset page
│   ├── css/
│   │   ├── style.css       # Main theme styles
│   │   ├── remixicon.css   # Icon font styles
│   │   └── bootstrap.min.css
│   ├── js/
│   │   ├── app.js          # Navbar scroll behavior
│   │   ├── main.js         # particles.js configuration
│   │   └── swipar.js       # Swiper carousel initialization
│   ├── scss/               # SCSS source code (optional)
│   ├── font/               # RemixIcon font files
│   └── images/             # Sample image assets

Core File Description

  • HTML/index-1.html — Default homepage entry point
  • HTML/css/style.css — Global style variables, components, layout definitions
  • HTML/js/app.js — Sticky navbar effect when scrolling past 50px
  • HTML/js/main.js — particles.js particle background parameter configuration
  • HTML/js/swipar.js — Testimonials carousel component initialization
  • HTML/scss/ — SCSS source directory for theme customization

Quick Start

Open HTML/index-1.html directly in a browser to preview. For a local server, run:

bash
npx serve HTML

Usage Recommendations

Copy the HTML folder as your project starting point, select the desired homepage variant or authentication page; for style customization, override variables at the bottom of style.css or in the corresponding SCSS files, rather than modifying Bootstrap source files directly.

help_outline

FAQ