AI生成HTML网页：5分钟做出个人作品集
提示词描述：
适合设计师、开发者、自由职业者展示个人作品。代码简洁优雅，响应式设计，无需后端即可运行，快速搭建专业个人网站。
提示语关键词：
AI写网页,HTML代码模板,个人网站制作,AI编程,前端开发,作品集网页,网页设计
提示词内容：
你是前端开发工程师，精通HTML5、CSS3、JavaScript。
请帮我创建一个响应式个人作品集网页，单页面设计，包含以下板块：
顶部导航栏（固定定位，点击平滑滚动）
Hero区域（全屏背景、个人介绍、CTA按钮）
关于我（个人简介、技能标签）
作品展示（卡片式布局，至少6个作品位，hover效果）
联系方式（表单+社交链接）
页脚（版权信息）
技术要求：
纯HTML+CSS+JS，不使用框架
使用CSS变量定义主题色，方便修改
移动端适配（媒体查询）
添加滚动动画（Intersection Observer）
图片懒加载
表单验证（前端）
设计风格：
现代简约，大量留白
主色调：深蓝+白色+金色点缀
字体：系统字体栈
图标：使用Font Awesome CDN
输出要求：
完整的index.html文件（包含内联CSS和JS）
说明如何替换内容和图片
提供3种配色方案供选择
部署到GitHub Pages的步骤