Pro Grow - Personal Portfolio Resume HTML Template preview 1

Pro Grow - Personal Portfolio Resume HTML Template

bookmark

Pro Grow is a multi-scenario personal portfolio HTML template offering 10 career variants: Agency, Designer, Digital-Marketer, Doctor, Fashion-Model, Fintech-Partner, Freelancer, Gym-Trainer, Photographer, and Yoga-Trainer. Each template...

HTML

Project Overview

Pro Grow is a multi-scenario personal portfolio HTML template offering 10 career variants: Agency, Designer, Digital-Marketer, Doctor, Fashion-Model, Fintech-Partner, Freelancer, Gym-Trainer, Photographer, and Yoga-Trainer. Each template includes eight pages: Home, About, Resume, Services, Portfolio, Pricing, Blog, and Contact. It's ideal for independent developers, designers, digital marketers, and other freelancers to quickly build a personal showcase website.

Tech Stack

  • HTML5 + CSS3 (static pages)
  • Bootstrap 5 (layout framework)
  • RemixIcon (icon library)
  • Google Fonts (DM Sans, IBM Plex Sans, Unbounded, Archivo Black, and other font combinations)
  • Canvas API (background animations, some variants use Particles.js)
  • Custom CSS animations (Loader, Cursor effects)

Project Structure

text
progrowhtml-10/
└── Main File/
    ├── Documentation/          # Component documentation and instructions
    └── Personal Portfolio HTML Template - Pro Grow/
        ├── Agency/
        │   ├── index.html
        │   ├── about.html
        │   ├── resume.html
        │   ├── services.html
        │   ├── portfolio.html
        │   ├── pricing.html
        │   ├── blogs.html
        │   ├── contact.html
        │   └── assets/
        ├── Designer/
        ├── Digital-Marketer/
        ├── Doctor/
        ├── Fashion-Model/
        ├── Fintech-Partner/
        ├── Freelancer/
        ├── Gym-Trainer/
        ├── Photographer/
        └── Yoga-Trainer/

Core File Descriptions

  • */index.html — Home page entry, displays personal introduction and key information
  • */about.html — About page, showcases personal background and skills
  • */resume.html — Resume page, displays work experience and education
  • */portfolio.html — Portfolio page, showcases project cases
  • */contact.html — Contact page, provides contact details and form
  • assets/css/style.css — Main stylesheet, defines all page appearance and animations

Quick Start

This is a purely static project with no dependencies to install. Simply open any variant's index.html file directly in a browser to preview. For example:

text
Open progrowhtml-10/Main File/Personal Portfolio HTML Template - Pro Grow/Freelancer/index.html

To run with a local server, use VS Code Live Server or execute:

bash
npx serve "progrowhtml-10/Main File/Personal Portfolio HTML Template - Pro Grow/Freelancer"

Usage Suggestions

Choose the variant folder that best matches your profession as a starting point. Modify images in assets/images/ and text content in pages like index.html. Since Google Fonts and RemixIcon CDN are used, ensure your deployment environment has internet access, or localize these resources.

help_outline

FAQ