Project Introduction
Reeni is a modern personal portfolio HTML template built on Bootstrap 5, designed for designers, developers, content creators, and freelancers. It offers 16 homepage variations, supports dark/light mode switching, responsive layout, and is easy to customize.
Tech Stack
- Bootstrap 5
- jQuery
- Font Awesome 6
- Swiper.js (carousel)
- Odometer.js (number scroll animation)
- Wow.js (scroll animation)
- Static HTML/CSS/JavaScript
Project Structure
reenihtml-201/reeni-v2.0.1/
main-reeni-personal-portfolio-bootstrap5-template/
index.html # Main homepage entry
index-02.html ~ index-16.html # 16 homepage variations
index-*-white.html # Corresponding light versions
about.html # About page
blog.html # Blog list
blog-col-4.html # Four-column blog layout
contact.html # Contact page
assets/css/style.css # Main stylesheet
documentation/
index.html # Template documentation page
css/style.css # Documentation styles
js/main.js # Interactive logic
Core File Description
main-reeni-personal-portfolio-bootstrap5-template/index.html— Homepage entry filemain-reeni-personal-portfolio-bootstrap5-template/assets/css/style.css— All style definitionsmain-reeni-personal-portfolio-bootstrap5-template/index-02.html ~ index-16.html— Various homepage variations showcasing different layouts and visual stylesdocumentation/index.html— Official documentation page with HTML/CSS/JS structure explanationdocumentation/js/main.js— Interactive implementations including sticky navigation, parallax scrolling, anchor jumps, etc.
Quick Start
This is a pure static project with no dependency installation required. Simply open main-reeni-personal-portfolio-bootstrap5-template/index.html directly in your browser to preview. For a local server, it's recommended to use VS Code's Live Server extension or run python -m http.server.
Usage Suggestions
The template provides numerous reusable page sections. It's recommended to select the appropriate homepage variation based on your actual needs (e.g., choose index-10 for portfolio showcase, index-02 for resume style), then replace the logo, images, and content to quickly go live.
