官网制作
原本官网图
制作后
<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
*{
padding: 0;
margin: 0;
text-decoration: none;
font-size: 0;
text-align: center;
list-style-type: none;
}
* >img{
display: block;
}
.middle{
width: 1170px; height: 720px;
/* background-color: #DDD;*/
vertical-align: middle;
margin: 0 auto;
position: relative;
top: -160px;
}
.middle_bottom{
width: 1170px; height: 130px;
/* background-color: yellow;*/
vertical-align: middle;
margin: 0 auto;
}
.middle_left{
width:810px;
height: 730px;
/* background-color: #DDD;*/
float: left;
}
.middle_first{
width: 398px;
height: 180px;
/* background-color: #DDD;*/
float: left;
margin: 0 auto;
}
.middle_first >div:nth-child(2) a{
float: right;
color: #555555;
font-size: 9pt;
}
.middle_first >div:nth-child(2){
float: right;
width: 398px;
}
.middle_first .middle_first_body{
width: 398px;
height: 200px;
float: left;
}
.middle_first_body div{
float: left;
}
.middle_first_body_lie{
width: 398px;
border-bottom: 1px dashed #AAA;
}
.middle_first_body >div{
float: left;
}
.bottom_picture img{
width: 157px;
margin-right: 4px;
}
.bottom_picture div{
float: left;
}
.bottom_picture1 img{
width: 157px;
margin-right: 4px;
}
.bottom_picture1 div{
float: left;
margin-top: 4px;
}
.bottom_link div{
float: left;
width: 114px;
margin-top: 30px;
margin-left: -3px;
}
.bottom_link a{
font-size: 9pt;
color: #900;
float: right;
}
.middle_right{
width: 342px;
height: 430px;
float: right;
margin-top: -40px;
}
.middle_right_img img{
width: 342px;
height: 240px;
}
.daohang_link{
width: 342px;
height: 17px;
}
.daohang_link div{
margin: 0 auto;
width: 21px;
border-right: 1px white solid;
background-color: #666;
text-align: center;
float: right;
position: relative;
top: -21px;
}
.daohang_link a{
font-size: 13px;
line-height: 17px;
color: white;
}
.daohang_link div:hover{
background-color: #AAA;
}
.bottom_right{
width: 342px;
height: 54px;
margin-top: 1px;
}
.bottom_right img{
width: 342px;
}
.middle_bottom >div img{
display: block;
}
.bottom_text span,a,#f1,#f2{
font-size: 10.5pt;
text-align:center;
}
.bottom_text{
vertical-align: middle;
margin: 0 auto;
}
.top_picture img{
width: 1170px; height: 110px;
/* background-color: #DDD;*/
vertical-align: middle;
margin: 0 auto;
margin-top: 40px;
}
.nav{
background-image: url(image/nav-bg.jpg);
background-repeat:repeat-x;
background-size: auto 45px;
height: 45px;
margin: 0 auto;
padding: 0;
font-size: 0;
width: 1170px;
}
.nav ul{
margin: 0 auto;
}
.nav li{
width: 4px;
float: left;
text-align: center;
line-height: 45px;
}
.nav .l1{
width: 92px;
}
.nav a{
color: white;
font-size: 17px;
}
.l1 a:hover{
color: red;
}
.DD1{
width: 96px;
display: none;
float: left;
}
.DD1 li{
border-bottom: 1px solid #ccc;
width: 96px; height: 27px;
clear: left;
background-color: #eee;
margin: 0 auto;
line-height: 27px;
position: relative;
left: -2px;
}
.DD1 ul{
position: relative;
top: -5px;
}
.DD1 li >a{
width: 96px;
color: black;
}
.nav #ll1:hover .DD1{
display: block;
}
.nav #ll2:hover .DD1{
display: block;
}
.nav #ll3:hover .DD1{
display: block;
}
.nav #ll4:hover .DD1{
display: block;
}
.nav #ll5:hover .DD1{
display: block;
}
.nav #ll6:hover .DD1{
display: block;
}
.bag{
background-image: url(image/huany.jpg);
width: 1170px; height: 500px;
background-color: #DDD;
}
.daoh{
height: 45px;
width: 100%;
position: relative;
bottom: 40px;
font-size: 17px;
}
.daoh ul {
margin: 0 auto;
}
.daoh li{
float: left;
text-align: center;
line-height: 45px;
margin: 4.8px;
color: white;
font-size: 17px;
}
.daoh a{
color: white;
font-size: 16.7px;
}
</style>
</head>
<body>
<div class="top_picture"><img src="image/logo.jpg"></div>
<div style="width: 1170px;height: 542px;background-color: #DDD;margin: 0 auto;padding: 0;font-size: 0;">
<div class="nav">
<ul>
<li class="l1"><a href="#">首页</a></li>
<li><img src="image/nav-g.jpg"></li>
<li class="l1" id="ll1"><a href="#">学院概况</a>
<div class="DD1">
<ul>
<li><a href="#">学院简介</a></li>
<li><a href="#">校园风光</a></li>
<li><a href="#">管理服务</a></li>
<li><a href="#">学院标识</a></li>
</ul>
</div>
</li>
<li><img src="image/nav-g.jpg"></li>
<li class="l1" id="ll2"><a href="#">教学教研</a>
<div class="DD1">
<ul>
<li><a href="#">教务管理</a></li>
<li><a href="#">科研管理</a></li>
<li><a href="#">素质教务</a></li>
<li><a href="#">优质课程</a></li>
</ul>
</div>
</li>
<li><img src="image/nav-g.jpg"></li>
<li class="l1"><a href="#">综改评鉴</a></li>
<li><img src="image/nav-g.jpg"></li>
<li class="l1"><a href="#">国际交流</a></li>
<li><img src="image/nav-g.jpg"></li>
<li class="l1" id="ll3"><a href="#">招生</a>
<div class="DD1">
<ul>
<li><a href="#">本专科招生</a></li>
</ul>
</div>
</li>
<li><img src="image/nav-g.jpg"></li>
<li class="l1"><a href="#">就业</a></li>
<li><img src="image/nav-g.jpg"></li>
<li class="l1"><a href="#">学院设置</a></li>
<li><img src="image/nav-g.jpg"></li>
<li class="l1"><a href="#">学子风采</a></li>
<li><img src="image/nav-g.jpg"></li>
<li class="l1" id="ll4"><a href="#">信息公开</a>
<div class="DD1">
<ul>
<li><a href="#">基本信息</a></li>
<li><a href="#">党务信息</a></li>
<li><a href="#">招生考试信息</a></li>
<li><a href="#">教育收费信息</a></li>
<li><a href="#">教学质量信息</a></li>
<li><a href="#">科研信息</a></li>
<li><a href="#">学生管理信息</a></li>
<li><a href="#">学风建设信息</a></li>
<li><a href="#">学位学科信息</a></li>
<li><a href="#">对外交流合作</a></li>
<li><a href="#">其他</a></li>
</ul>
</div>
</li>
<li><img src="image/nav-g.jpg"></li>
<li class="l1" id="ll5"><a href="#">公共服务</a>
<div class="DD1">
<ul>
<li><a href="#">图书资源</a></li>
<li><a href="#">网络服务</a></li>
<li><a href="#">实验资源</a></li>
<li><a href="#">校历</a></li>
<li><a href="#">校车时间表</a></li>
<li><a href="#">校区电话</a></li>
<li><a href="#">公务电话</a></li>
<li><a href="#">自主学习</a></li>
<li><a href="#">考研服务</a></li>
<li><a href="#">站内导航</a></li>
<li><a href="#">实业实训平台</a></li>
</ul>
</div>
</li>
<li><img src="image/nav-g.jpg"></li>
<li class="l1" id="ll6"><a href="#">队伍建设</a>
<div class="DD1">
<ul>
<li><a href="#">人事信息</a></li>
<li><a href="#">人才招聘</a></li>
<li><a href="#">教发中心</a></li>
</ul>
</div>
</li>
</ul>
</div>
<div class="bag"></div>
</div>
<div style="background-image: url(image/fenge.png); height: 4px; width: 100%;"></div>
<div class="zhongjian" style="margin: 0 auto;padding: 0;font-size: 0;width: 1170px;height: 200px;">
<img src="image/nav-2-bg.png">
<div class="daoh">
<ul>
<li><a href="#">学生工作部</a></li>
<li>|</li>
<li><a href="#">团委 学联 社团</a></li>
<li>|</li>
<li><a href="#">教务管理系统</a></li>
<li>|</li>
<li><a href="#">校长、书记信箱</a></li>
<li>|</li>
<li><a href="#">高校网络理政平台</a></li>
<li>|</li>
<li><a href="#">2022本专科招生</a></li>
</ul>
<div style="font-size: 18px; width: 200px;
height: 200px;float: right;margin-top: 18px;margin-right: 35px;"><span style="font-size: 18px;position: relative;top: 8px; ">搜索:</span><input type="text" style="width: 140px;height: 20px;"></div>
<div style="position: relative;top: 26px;left: 341px;"><img src="image/btn_search.gif" style="width: 30px;height: 20px;"></div>
</div>
</div>
<div class="middle">
<div class="middle_left">
<div class="middle_first" style="float: left; margin-right: 14px;">
<div><img src="image/title-news.jpg"></div>
<div><a href="#">更多>></a></div>
<div class="middle_first_body">
<div class="middle_first_body_lie">
<div style="position: relative;top: 5px;"><img src="image/ico_001.gif"></div>
<div style="width: auto;"><a href="#" style="font-size: 9pt;color: #555555;"> 外国语学院两支队伍获“亿学杯”大赛高职组...</a></div>
<div><img src="image/imgbz.gif"></div>
<div style="font-size: 9pt;width: auto;float: right;">2022/09/26</div>
</div>
<div class="middle_first_body_lie">
<div style="position: relative;top: 5px;"><img src="image/ico_001.gif"></div>
<div style="width: auto;"><a href="#" style="font-size: 9pt;color: #555555;"> 成都文理学院喜迎2022级新生入学报道</a></div>
<div><img src="image/imgbz.gif"></div>
<div style="font-size: 9pt;width: auto;float: right;">2022/09/26</div>
</div>
<div class="middle_first_body_lie">
<div style="position: relative;top: 5px;"><img src="image/ico_001.gif"></div>
<div style="width: auto;"><a href="#" style="font-size: 9pt;color: #555555;"> 传媒与演艺学院学子在第九届“未来金话筒”...</a></div>
<div><img src="image/imgbz.gif"></div>
<div style="font-size: 9pt;width: auto;float: right;">2022/09/21</div>
</div>
<div class="middle_first_body_lie">
<div style="position: relative;top: 5px;"><img src="image/ico_001.gif"></div>
<div style="width: auto;"><a href="#" style="font-size: 9pt;color: #555555;"> 防风险、保安全、护稳定,迎接党的20大</a></div>
<div><img src="image/imgbz.gif"></div>
<div style="font-size: 9pt;width: auto;float: right;">2022/09/21</div>
</div>
<div class="middle_first_body_lie">
<div style="position: relative;top: 5px;"><img src="image/ico_001.gif"></div>
<div style="width: auto;"><a href="#" style="font-size: 9pt;color: #555555;"> 学校召开安全稳定功能工作部署会</a></div>
<div><img src="image/imgbz.gif"></div>
<div style="font-size: 9pt;width: auto;float: right;">2022/09/15</div>
</div>
<div class="middle_first_body_lie">
<div style="position: relative;top: 5px;"><img src="image/ico_001.gif"></div>
<div style="width: auto;"><a href="#" style="font-size: 9pt;color: #555555;"> “地震无情,人间有爱”————成都文理学院对</a></div>
<div><img src="image/imgbz.gif"></div>
<div style="font-size: 9pt;width: auto;float: right;">2022/09/15</div>
</div>
<div class="middle_first_body_lie">
<div style="position: relative;top: 5px;"><img src="image/ico_001.gif"></div>
<div style="width: auto;"><a href="#" style="font-size: 9pt;color: #555555;"> 外国语学院学子在首届“高教社·SSTTS杯”全...</a></div>
<div><img src="image/imgbz.gif"></div>
<div style="font-size: 9pt;width: auto;float: right;">2022/09/10</div>
</div>
</div>
</div>
<div class="middle_first" style="float: left;">
<div><img src="image/title-article.jpg"></div>
<div><a href="#">更多>></a></div>
<div class="middle_first_body">
<div class="middle_first_body_lie">
<div style="position: relative;top: 5px;"><img src="image/ico_001.gif"></div>
<div style="width: auto;"><a href="#" style="font-size: 9pt;color: #555555;"> 我校举办课程思政教学能力提升专题讲座</a></div>
<div><img src="image/imgbz.gif"></div>
<div style="font-size: 9pt;width: auto;float: right;">2022/09/01</div>
</div>
<div class="middle_first_body_lie">
<div style="position: relative;top: 5px;"><img src="image/ico_001.gif"></div>
<div style="width: auto;"><a href="#" style="font-size: 9pt;color: #555555;"> 学校举办《高校教师的职业生涯规划》专题讲座</a></div>
<div><img src="image/imgbz.gif"></div>
<div style="font-size: 9pt;width: auto;float: right;">2022/08/24</div>
</div>
<div class="middle_first_body_lie">
<div style="position: relative;top: 5px;"><img src="image/ico_001.gif"></div>
<div style="width: auto;"><a href="#" style="font-size: 9pt;color: #555555;"> 四川师范大学帅晓红教授讲《课堂教学的方法...</a></div>
<div><img src="image/imgbz.gif"></div>
<div style="font-size: 9pt;width: auto;float: right;">2022/08/24</div>
</div>
<div class="middle_first_body_lie">
<div style="position: relative;top: 5px;"><img src="image/ico_001.gif"></div>
<div style="width: auto;"><a href="#" style="font-size: 9pt;color: #555555;"> 我校举办“你比想象中的更美丽--自尊与心里健...</a></div>
<div><img src="image/imgbz.gif"></div>
<div style="font-size: 9pt;width: auto;float: right;">2022/05/26</div>
</div>
<div class="middle_first_body_lie">
<div style="position: relative;top: 5px;"><img src="image/ico_001.gif"></div>
<div style="width: auto;"><a href="#" style="font-size: 9pt;color: #555555;"> “学工系统开展“常见心理问题的识别与处理”...</a></div>
<div><img src="image/imgbz.gif"></div>
<div style="font-size: 9pt;width: auto;float: right;">2022/05/25</div>
</div>
<div class="middle_first_body_lie">
<div style="position: relative;top: 5px;"><img src="image/ico_001.gif"></div>
<div style="width: auto;"><a href="#" style="font-size: 9pt;color: #555555;"> s诗人李自国作客文理讲“校园文学沃土的诗与...</a></div>
<div><img src="image/imgbz.gif"></div>
<div style="font-size: 9pt;width: auto;float: right;">2022/05/19</div>
</div>
<div class="middle_first_body_lie">
<div style="position: relative;top: 5px;"><img src="image/ico_001.gif"></div>
<div style="width: auto;"><a href="#" style="font-size: 9pt;color: #555555;"> 文法学院举行《教育类科研课题的申报及优化...</a></div>
<div><img src="image/imgbz.gif"></div>
<div style="font-size: 9pt;width: auto;float: right;">2022/05/07</div>
</div>
</div>
</div>
<div class="middle_first" style="float: left; margin-right: 14px;">
<div><img src="image/title-notice.jpg"></div>
<div><a href="#">更多>></a></div>
<div class="middle_first_body">
<div class="middle_first_body_lie">
<div style="position: relative;top: 5px;"><img src="image/ico_001.gif"></div>
<div style="width: auto;"><a href="#" style="font-size: 9pt;color: #555555;"> 马克思主义学院副院长夏冰参加四川省首届马...</a></div>
<div><img src="image/imgbz.gif"></div>
<div style="font-size: 9pt;width: auto;float: right;">2022/09/29</div>
</div>
<div class="middle_first_body_lie">
<div style="position: relative;top: 5px;"><img src="image/ico_001.gif"></div>
<div style="width: auto;"><a href="#" style="font-size: 9pt;color: #555555;"> 教育学院在“第十六届全国高校学前教育专业...</a></div>
<div><img src="image/imgbz.gif"></div>
<div style="font-size: 9pt;width: auto;float: right;">2022/09/28</div>
</div>
<div class="middle_first_body_lie">
<div style="position: relative;top: 5px;"><img src="image/ico_001.gif"></div>
<div style="width: auto;"><a href="#" style="font-size: 9pt;color: #555555;"> 传媒与演艺学院召开党政联席扩大会议</a></div>
<div><img src="image/imgbz.gif"></div>
<div style="font-size: 9pt;width: auto;float: right;">2022/09/27</div>
</div>
<div class="middle_first_body_lie">
<div style="position: relative;top: 5px;"><img src="image/ico_001.gif"></div>
<div style="width: auto;"><a href="#" style="font-size: 9pt;color: #555555;"> 马克思主义学院召开党政联席会</a></div>
<div><img src="image/imgbz.gif"></div>
<div style="font-size: 9pt;width: auto;float: right;">2022/09/26</div>
</div>
<div class="middle_first_body_lie">
<div style="position: relative;top: 5px;"><img src="image/ico_001.gif"></div>
<div style="width: auto;"><a href="#" style="font-size: 9pt;color: #555555;"> 传媒与演艺学院王永刚教授应邀出席2022年”...</a></div>
<div><img src="image/imgbz.gif"></div>
<div style="font-size: 9pt;width: auto;float: right;">2022/09/26</div>
</div>
<div class="middle_first_body_lie">
<div style="position: relative;top: 5px;"><img src="image/ico_001.gif"></div>
<div style="width: auto;"><a href="#" style="font-size: 9pt;color: #555555;"> “会计学院召开2022年秋季学期学生来(返)校...</a></div>
<div><img src="image/imgbz.gif"></div>
<div style="font-size: 9pt;width: auto;float: right;">2022/09/26</div>
</div>
<div class="middle_first_body_lie">
<div style="position: relative;top: 5px;"><img src="image/ico_001.gif"></div>
<div style="width: auto;"><a href="#" style="font-size: 9pt;color: #555555;"> 文法学院召开党政联席会议</a></div>
<div><img src="image/imgbz.gif"></div>
<div style="font-size: 9pt;width: auto;float: right;">2022/09/26</div>
</div>
</div>
</div>
<div class="middle_first" style="float: left;">
<div><img src="image/title-uni1.jpg"></div>
<div><a href="#">更多>></a></div>
<div class="middle_first_body">
<div class="middle_first_body_lie">
<div style="position: relative;top: 5px;"><img src="image/ico_001.gif"></div>
<div style="width: auto;"><a href="#" style="font-size: 9pt;color: #555555;"> 成都文理学院2023年全国硕士研究生招生考试...</a></div>
<div><img src="image/imgbz.gif"></div>
<div style="font-size: 9pt;width: auto;float: right;">2022/09/26</div>
</div>
<div class="middle_first_body_lie">
<div style="position: relative;top: 5px;"><img src="image/ico_001.gif"></div>
<div style="width: auto;"><a href="#" style="font-size: 9pt;color: #555555;"> 关于做好2022年秋季学期师生员工来(返)校...</a></div>
<div><img src="image/imgbz.gif"></div>
<div style="font-size: 9pt;width: auto;float: right;">2022/09/22</div>
</div>
<div class="middle_first_body_lie">
<div style="position: relative;top: 5px;"><img src="image/ico_001.gif"></div>
<div style="width: auto;"><a href="#" style="font-size: 9pt;color: #555555;"> 关于启动2022级新生线上教育教学活动的通知</a></div>
<div><img src="image/imgbz.gif"></div>
<div style="font-size: 9pt;width: auto;float: right;">2022/09/13</div>
</div>
<div class="middle_first_body_lie">
<div style="position: relative;top: 5px;"><img src="image/ico_001.gif"></div>
<div style="width: auto;"><a href="#" style="font-size: 9pt;color: #555555;"> 关于推迟老生和2022级专升本学生返(来)校...</a></div>
<div><img src="image/imgbz.gif"></div>
<div style="font-size: 9pt;width: auto;float: right;">2022/09/07</div>
</div>
<div class="middle_first_body_lie">
<div style="position: relative;top: 5px;"><img src="image/ico_001.gif"></div>
<div style="width: auto;"><a href="#" style="font-size: 9pt;color: #555555;"> 致泸定县学子的一封信</a></div>
<div><img src="image/imgbz.gif"></div>
<div style="font-size: 9pt;width: auto;float: right;">2022/09/06</div>
</div>
<div class="middle_first_body_lie">
<div style="position: relative;top: 5px;"><img src="image/ico_001.gif"></div>
<div style="width: auto;"><a href="#" style="font-size: 9pt;color: #555555;"> 关于2022级新生推迟报道的通知</a></div>
<div><img src="image/imgbz.gif"></div>
<div style="font-size: 9pt;width: auto;float: right;">2022/09/03</div>
</div>
<div class="middle_first_body_lie">
<div style="position: relative;top: 5px;"><img src="image/ico_001.gif"></div>
<div style="width: auto;"><a href="#" style="font-size: 9pt;color: #555555;"> 成都文理学院关于落实成都市疫情防控新要求...</a></div>
<div><img src="image/imgbz.gif"></div>
<div style="font-size: 9pt;width: auto;float: right;">2022/09/01</div>
</div>
</div>
</div>
<div style="clear: left;"><img src="image/xizong.jpg" style=" height: 70px;width: 810px;"></div>
<div class="bottom_picture" style="margin-top:15px; ">
<div style="margin-left: 3px;"><a href="#"><img src="image/1.jpg"></a></div>
<div><a href="#"><img src="image/1.jpg"></a></div>
<div><a href="#"><img src="image/1.jpg"></a></div>
<div><a href="#"><img src="image/1.jpg"></a></div>
<div><a href="#"><img src="image/1.jpg"></a></div>
</div>
<div class="bottom_picture1">
<div style="margin-left: 3px;"><a href="#"><img src="image/1.jpg"></a></div>
<div><a href="#"><img src="image/1.jpg"></a></div>
<div><a href="#"><img src="image/1.jpg"></a></div>
<div><a href="#"><img src="image/1.jpg"></a></div>
<div><a href="#"><img src="image/1.jpg"></a></div>
</div>
<div class="bottom_link">
<div><a href="">教育部网站</a></div>
<div><a href="">四川省教育厅</a></div>
<div><a href="">中国科研网</a></div>
<div><a href="">中国教育新闻网</a></div>
<div><a href="">中国大学生在线</a></div>
<div><a href="">图书管理系统</a></div>
<div><a href="">校内网</a></div>
</div>
</div>
<div class="middle_right">
<div><img src="image/title-wenli_1.jpg"></div>
<div><img src="image/right-fenge.jpg" style="width: 343px;"></div>
<div class="middle_right_img" style="width: 320px;height: 240px;">
<div><a href="3"><img src="image/28289pe9gb.jpg"></a></div>
<div class="daohang_link">
<div><a href="#"; id="link0" target="_self">5</a></div>
<div><a href="#"; id="link1" target="_self">4</a></div>
<div><a href="3"; id="link2" target="_self">3</a></div>
<div><a href="#"; id="link3" target="_self">2</a></div>
<div><a href="#"; id="link4" target="_self">1</a> </div>
</div>
</div>
<div style="margin-top: 17px;" ><img src="image/title-zhuan.jpg"></div>
<div><img src="image/right-fenge.jpg" style="width: 343px;"></div>
<div class="bottom_right"><a href="#"><img src="image/zt_zf.jpg"></a></div>
<div class="bottom_right"><a href="#"><img src="image/zt_8.jpg"></a></div>
<div class="bottom_right"><a href="#"><img src="image/zt_7.jpg"></a></div>
<div class="bottom_right"><a href="#"><img src="image/zt_4.jpg"></a></div>
<div class="bottom_right"><a href="#"><img src="image/zt_22.png"></a></div>
<div style="margin-top: 2px;margin-left: 10px;"><img src="image/g_f_e_w_m_.png" style="height: 120px;"></div>
</div>
</div>
<div class="middle_bottom" style="margin-top: 10px;">
<div><img src="image/bottom-bg.jpg" style="width: 1170px;"></div>
<div style="font-size: 18px;"> 联系电话:61565000(校办) 61566000(校办) 028-61560112(招办) 61560113(招办) 61565148 传真:028-61565128</div>
</div>
<div><img src="image/huizhang.png" style="margin: 0 auto;position: relative;top: 10px;left: 218px;"></div>
<div class="bottom_text" style="background-image: url(image/c-bg.jpg);background-repeat:repeat-x;height: 60px;background-size: auto 60px;margin-top: -20px;"><span style="line-height: 50px;"><font id="f1" style="color: #888888;">学校地址:成都市金堂县学府大道278号(邮编:610401) 成都文理学院所属</font> <a href="#"><font id="f2"style="color: black;">蜀ICP备11012699号 川公网安备 51012102000211号</font></a></span>
</div>
<hr style="border-bottom: 1px solid #DDD; margin-top: -22px;">
</body>
</html>