Pro Grow - Personal Portfolio Resume HTML Template

# 项目简介 Pro Grow 是一套多场景个人作品集 HTML 模板，提供 Agency、Designer、Digital-Marketer、Doctor、Fashion-Model、Fintech-Partner、Freelancer、Gym-Trainer、Photographer、Yoga-Trainer 等 10 种职业变体。每套模板均包含首页、关于、简历、服务、作品集、定价、博客、联系八大页面，适合独立开发者、设计师、数字营销师等各类自由职业者快速搭建个人展示网站。 ## 技术栈 - HTML5 + CSS3（静态页面） - Bootstrap 5（布局框架） - RemixIcon（图标库） - Google Fonts（DM Sans、IBM Plex Sans、Unbounded、Archivo Black 等字体组合） - Canvas API（背景动画，部分变体使用 Particles.js） - 自定义 CSS 动画（Loader、Cursor 特效） ## 项目结构 ``` 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/ ``` ## 核心文件说明 - `*/index.html` — 首页入口，展示个人简介和核心信息 - `*/about.html` — 关于页面，展示个人背景和技能 - `*/resume.html` — 简历页面，展示工作经历和教育背景 - `*/portfolio.html` — 作品集页面，展示项目案例 - `*/contact.html` — 联系页面，提供联系方式和表单 - `assets/css/style.css` — 主样式表，定义所有页面外观和动画 ## 快速开始 纯静态项目，无需安装依赖。直接在浏览器中打开任意变体的 `index.html` 文件即可预览。例如： ``` 打开 progrowhtml-10/Main File/Personal Portfolio HTML Template - Pro Grow/Freelancer/index.html ``` 如需本地服务器运行，可使用 VS Code Live Server 或执行： ```bash npx serve "progrowhtml-10/Main File/Personal Portfolio HTML Template - Pro Grow/Freelancer" ``` ## 使用建议 选择与自身职业最匹配的变体文件夹作为起点，修改 `assets/images/` 中的图片和 `index.html` 等页面内的文案内容。由于使用了 Google Fonts 和 RemixIcon CDN，确保部署环境可访问外网，或将相关资源本地化。