<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>高云鹏的个人简历</title>
</head>
<body>
<div class="topNavBar">
<img src="#" alt="logo"/>
<nav>
<ul>
<li><a href="">ABOUT</a></li>
<li><a href="">SKILLS</a></li>
<li><a href="">EXPERIENCE</a></li>
<li><a href="">PRICING</a></li>
<li><a href="">BLOG</a></li>
<li><a href="">CALENDAR</a></li>
<li><a href="">OTHER</a></li>
<li><a href="">ALL DEMOS</a></li>
</ul>
</nav>
</div>
<div class="banner" style="background-image: url(#)">
</div>
<main>
<div class="picture">
<img src="" alt="touxiang" />
</div>
<div class="card">
<div class="text">
<span class="welcomr">hello</span>
<h1>高云鹏</h1>
<p>前端开发工程师</p>
<hr />
<div class="profile">
<dl>
<dt>年龄</dt>
<dd>24</dd>
<dt>城市</dt>
<dd>北京</dd>
<dt>邮箱</dt>
<dd>809532701@.com</dd>
<dt>手机</dt>
<dd>15210774923</dd>
<dt>毕业时间</dt>
<dd>2014、3</dd>
</dl>
</div>
<footer class="media">
<a href="#"><img src="#" alt="..." /></a>
<a href="#"><img src="#" alt="..." /></a>
<a href="#"><img src="#" alt="..." /></a>
<a href="#"><img src="#" alt="..." /></a>
<a href="#"><img src="#" alt="..." /></a>
<a href="#"><img src="#" alt="..." /></a>
<a href="#"><img src="#" alt="..." /></a>
</footer>
</div>
</div>
<a href="buttion">下载简历</a>
<p>说一段话</p>
</main>
<section>
<h2>技能</h2>
<ol>
<li>HTML </li>
<li>JavaScript</li>
<li>Jquery</li>
<li>React</li>
<li>Vue</li>
<li>HTTP</li>
</ol>
</section>
<section>
<h2>作品集</h2>
<ol>
<li>HTML5 CSS3</li>
<li>框架</li>
<li>js</li>
</ol>
<div class="jobs">
<div class="big"></div>
<div class="small"></div>
<div class="small"></div>
</div>
</section>
</body>
</html>
