码云链接:https://gitee.com/tangqingao/personal_profile.git

 

 

 

<!DOCTYPE html>
<html>
<head>
<meta charset=”utf-8″ />
<title>Resume</title>
<style type=”text/css” >
.LRhead{height: 30px; width: 20px; background-color: burlywood; margin-top: 45px; float: left;}
.Mhead{height: 60px;background-color: burlywood; margin-top: 30px; float: left; display:inline-block;}
.item{font: 40px/1.5 “黑体”;color: white; padding: 0px 300px;}
.clear{clear: both;}
.basics{overflow: hidden;display: flex;align-items: center; width: 800px;}
.ba1{font: 16px/1.5 “微软雅黑”;color: white;background-color: saddlebrown;padding: 0px 5px; display:inline-block;}
.ba2{width: 700px;border-bottom: burlywood solid 3px; margin-left:20px;}
.imag ul{list-style: none; font: 20px/1.5 “楷体”;color: coral;}
.jieshao{height: 30px;width: 100px; margin: 10px 0px 0px 0px;font: 20px/1.5 “黑体”;padding: 0px 25px 0px 25px; background-color: aqua;color: #6c6c6c;text-align: center;color: lightgray;cursor: pointer;transition: all 0.6s;}
.jieshao2{height: 30px;width: 250px; margin-top: 10px;font: 20px/1.5 “黑体”;padding: 0px 25px 0px 25px; background-color:ghostwhite; text-align: center;color: lightgray;cursor: pointer;transition: all 0.6s;}
.jieshao:hover{color: aqua;transform: scale(1.1);}
.jieshao2:hover{color: ghostwhite;transform: scale(1.1);}
.imag{margin: 50px 0px 0px 30px;width: 200px;float: left;border: 1px lightgray solid;}
.imag img{cursor: pointer;transition: all 0.6s;}
.imag img:hover{transform: scale(1.1);}
.w{ width:auto; height: auto; display:inline-block !important; display:inline; }
.character{font: 20px “微软雅黑”;width: 170px; float: left;margin-left: 50px; margin-top: 50px;}
.strength{border-bottom: orangered solid 5px;}
</style>
</head>
<body>
<div class=”w” style=”margin-left: 20%;”>
<div>
<div class=”LRhead”></div>
<div class=”Mhead item”>个人简历</div>
<div class=”LRhead”></div>
<div class=”clear”></div>
</div>
<div style=”height: 440px; margin-top: 20px;”>
<div class=”basics”>
<div class=”ba1″>基本资料</div>
<div class=”ba2″></div>
</div>
<div style=”width: 170px; float: left;margin-left: 50px;”>
<div class=”jieshao”>姓&nbsp;&nbsp;&nbsp;&nbsp;名:</div>
<div class=”jieshao”>性&nbsp;&nbsp;&nbsp;&nbsp;别:</div>
<div class=”jieshao”>籍&nbsp;&nbsp;&nbsp;&nbsp;贯:</div>
<div class=”jieshao”>出生年月:</div>
<div class=”jieshao”>政治面貌:</div>
<div class=”jieshao”>学&nbsp;&nbsp;&nbsp;&nbsp;历:</div>
<div class=”jieshao”>专&nbsp;&nbsp;&nbsp;&nbsp;业:</div>
<div class=”jieshao”>求职意向:</div>
<div class=”jieshao”>毕业院校:</div>
<div class=”jieshao”>联系电话:</div>
</div>
<div style=”margin-left: 1px; float: left;”>
<div class=”jieshao2″>汤庆澳</div>
<div class=”jieshao2″>男</div>
<div class=”jieshao2″>河南</div>
<div class=”jieshao2″>1999.07.03</div>
<div class=”jieshao2″>共青团员</div>
<div class=”jieshao2″>本科</div>
<div class=”jieshao2″>计算机技术与应用系</div>
<div class=”jieshao2″>继承7的意志</div>
<div class=”jieshao2″>青海大学(暂未毕业)</div>
<div class=”jieshao2″>7777777</div>
</div>
<div class=”imag”>
<img src=”img/1.jpg” height=”200px” width=”200px”/>
<ul>
<li><i>昨夜西风凋碧树,</li>
<li>独上高楼,</li>
<li>望尽天涯路。</i></li>
</ul>
</div>
</div>
<div>
<div class=”basics”>
<div class=”ba1″>教育背景</div>
<div class=”ba2″></div>
</div>
<div class=”character”>
<span>主修课程:C,C++,软件工程,web前端开发,Java,计算机网络和系统。目前重点学习Java和web前端开发</span>
</div>
<div style=”float: left; border-left: lightgray solid 1px;”>
<div style=”float: left;margin-top: 50px;”>
<div style=”float: left; margin-left: 20px;”>
<span style=”font-size: 20px;color: orangered”><b><i>专业技能</b></i></span>
<ul style=”list-style: none;”>
<b><li>满分</li></br></br>
<li>C++</li></br>
<li>Java</li></br>
<li>web前端</li></b>
</ul>
</div>
<div style=”float: left; margin-left: 20px;”>
<div class=”strength” style=”width: 150px; margin-top: 45px;”></div>
<div class=”strength” style=”width: 20px; margin-top: 57px;”></div>
<div class=”strength” style=”width: 15px; margin-top: 35px;”></div>
<div class=”strength” style=”width: 15px; margin-top: 40px;”></div>
</div>
</div>
<div class=”imag” style=”margin-top: 20px; margin-left: 40px;”>
<img src=”img/2.jpg” height=”200px” width=”200px”/>
<ul>
<li><i>衣带渐宽终不悔,</li>
<li>为伊消得人憔悴。</i></li>
</ul>
</div>
</div>
</div>
<div>
<div class=”basics”>
<div class=”ba1″>自我评价</div>
<div class=”ba2″></div>
</div>
<div style=”width: 530px; float: left;margin-top: 50px;”>
<ol type=”I”>
<br><li>尽管现在我的专业水平还特别低,但我坚信我会很努力地学习专业知识,让自己的水平逐渐达到职业水平</li></br>
<br><li>自我学习能力较强,但自我约束意识稍弱,经常经受不住电子游戏的诱惑而放下学习,接下来的时间里我会努力改变自己</li></br>
<br><li>工作认真细致,责任心强,思维敏捷,吃苦耐劳(可以写代码到凌晨3点),具有较强的团队合作能力,目前也在培养自己的领导能力</li></br>
</ol>
</div>
<div class=”imag” style=”margin-top: 20px;”>
<img src=”img/3.jpg” height=”200px” width=”200px”/>
<ul>
<li><i>众里寻他千百度,</li>
<li>蓦然回首,</li>
<li>那人正在,</li>
<li>灯火阑珊处。</i></li>
</ul>
</div>
</div>
</div>
</body>
</html>

版权声明:本文为tangqingao原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://www.cnblogs.com/tangqingao/p/10544980.html