到现在为止，我们的 HTML & CSS 课程就算是全部学完了。Web 的三座大山我们翻越了两座，也算是小有成就了。

可以暂时放松下，畅想下未来：学完课程，找个好工作，然后拿高薪，努力奋斗，当上 CEO，赢取白富美（高富帅），走上人生巅峰。

当然好工作的第一步得有一个好简历，下面我们就来打造一份属于自己的 Web 版个人简历

• 目标：制作一个 Web 版个人简历。

素材如下：

• 背景图地址为“http://coding.imweb.io/img/project/resume/bg.png”
• 默认头像地址为“ http://coding.imweb.io/img/project/resume/avatar.png ”，可以换成自己头像
• icon 可以上 icomoon 下载，或者自己设计查找
• 仓库中“resume.gif”为要实现的效果图，“resume-pc.png”为 pc 上的效果图，“resume-iphone6.png”为 iPhone6 中的效果图

项目要求如下：

• 响应式设计，小于 768px 时一栏设计，大于或等于 768px 时实现左右两栏分布。一栏时，第一块内容占满全屏且垂直居中。两栏时，左右两栏都默认垂直居中。除此之外请考虑一些极限情况，如浏览器视窗高度不够，右边内容过长等
• 鼠标滑过头像有闪烁阴影动画，同样滑过单个工作经历时，左边的小点图标也有闪烁阴影动画
• 鼠标滑过单个技能时，会有进度条动画
• 可以不考虑兼容问题，最新版本的 chrome 浏览器支持即可

PS：做好项目之后，你也可以写个简单的总结，对之前的知识进行一个回顾吸收。如果有什么疑问，也可以到我们的 issue 上进行提问（提问之前，可以先看下是否有人曾经提过类似的问题，减少没必要的重复问题）。

访问:https://liudecai.github.io/