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
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 formassets/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:
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:
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.
