项目简介link

Pro Grow 是一套多场景个人作品集 HTML 模板，提供 Agency、Designer、Digital-Marketer、Doctor、Fashion-Model、Fintech-Partner、Freelancer、Gym-Trainer、Photographer、Yoga-Trainer 等 10 种职业变体。每套模板均包含首页、关于、简历、服务、作品集、定价、博客、联系八大页面，适合独立开发者、设计师、数字营销师等各类自由职业者快速搭建个人展示网站。

技术栈link

• HTML5 + CSS3（静态页面）
• Bootstrap 5（布局框架）
• RemixIcon（图标库）
• Google Fonts（DM Sans、IBM Plex Sans、Unbounded、Archivo Black 等字体组合）
• Canvas API（背景动画，部分变体使用 Particles.js）
• 自定义 CSS 动画（Loader、Cursor 特效）

项目结构link

progrowhtml-10/
└── Main File/
    ├── Documentation/          # 组件文档和说明
    └── 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/

核心文件说明link

• */index.html — 首页入口，展示个人简介和核心信息
• */about.html — 关于页面，展示个人背景和技能
• */resume.html — 简历页面，展示工作经历和教育背景
• */portfolio.html — 作品集页面，展示项目案例
• */contact.html — 联系页面，提供联系方式和表单
• assets/css/style.css — 主样式表，定义所有页面外观和动画

快速开始link

纯静态项目，无需安装依赖。直接在浏览器中打开任意变体的 index.html 文件即可预览。例如：

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

如需本地服务器运行，可使用 VS Code Live Server 或执行：

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

使用建议link

选择与自身职业最匹配的变体文件夹作为起点，修改 assets/images/ 中的图片和 index.html 等页面内的文案内容。由于使用了 Google Fonts 和 RemixIcon CDN，确保部署环境可访问外网，或将相关资源本地化。