Rexon - Personal Portfolio HTML Template preview 1

Rexon - Personal Portfolio HTML Template

bookmark

Rexon is a Bootstrap 5 template designed for personal portfolio use, featuring a minimalist modern style suitable for freelancers, designers, developers, and others to showcase their resume and services. It includes multiple page templat...

HTMLagencycleancreativecvdesignerdeveloperfreelancer

Project Overview

Rexon is a Bootstrap 5 template designed for personal portfolio use, featuring a minimalist modern style suitable for freelancers, designers, developers, and others to showcase their resume and services. It includes multiple page templates such as homepage, blog, portfolio, service details, and contact form.

Tech Stack

  • Bootstrap 5 (CSS / JS)
  • jQuery (interaction logic)
  • SCSS (style development)
  • Swiper.js (brand carousel)
  • AOS (scroll animations)
  • MagnificPopup (video popups)
  • counterUp (number animations)
  • PHPMailer (contact form email sending)

Project Structure

text
rexonhtml-10/
├── rexon/
│   ├── index.html          # Homepage entry
│   ├── about-me.html
│   ├── blog-grid.html
│   ├── blog-details.html
│   ├── contact.html        # Includes contact form
│   ├── project.html
│   ├── project-details.html
│   ├── service.html
│   ├── service-details.html
│   ├── mail.php            # Form backend processing
│   └── assets/
│       ├── css/style.css   # Compiled main stylesheet
│       ├── js/main.js      # Interaction scripts
│       └── scss/           # SCSS source files
└── documentation/           # Official documentation

Core File Descriptions

  • rexon/index.html — Homepage, the main showcase page of the template
  • rexon/contact.html — Contact page with AJAX form submission
  • rexon/assets/css/style.css — Global styles including responsive layout and theme colors
  • rexon/assets/js/main.js — Interaction logic for animations, carousels, form validation, etc.
  • rexon/mail.php — Handles contact form email sending via PHPMailer

Quick Start

  1. Run the project under a web server (e.g., php -S localhost:8000), or open rexon/index.html directly in a browser
  2. To use the contact form, configure the SMTP parameters in mail.php and ensure PHPMailer loads correctly
  3. SCSS source files are in assets/scss/ — modify and recompile as needed

Usage Recommendations

  • When deploying the contact form, use SMTP-supported email services like Gmail or SendGrid to avoid local email sending failures
  • Template image paths (e.g., images/) are relative — ensure paths are correct after deployment
help_outline

FAQ