first commit

This commit is contained in:
编码猿
2024-09-27 02:06:13 +08:00
commit 852d94fbb9
36760 changed files with 3274413 additions and 0 deletions

View File

@@ -0,0 +1,39 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="">
<link rel="stylesheet" href="./clear.css">
<link rel="stylesheet" href="./public.css">
<style>
.menu > li {
float: left;
margin-right: 10px;
}
.drop {
display: none;
}
.menu > li:hover .drop
</style>
</head>
<body>
<ul class="menu">
<li>首页</li>
<li>首页1</li>
<ul class="drop">
<li>首页1-1</li>
<li>首页1-2</li>
<li>首页1-3</li>
<li>首页1-4</li>
<li>首页1-5</li>
</ul>
<li>首页2</li>
<li>首页3</li>
<li>首页4</li>
</ul>
</body>
</html>

View File

@@ -0,0 +1,77 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>jianshu</title>
<link rel="stylesheet" href="http://at.alicdn.com/t/font_3450073_k0kkbv9byw.css">
<link rel="stylesheet" href="./clear.css">
<link rel="stylesheet" href="./public.css">
<link rel="stylesheet" href="./jianshu.css">
</head>
<body>
<div class="main">
<div class="tittle hidden">
<div class="author left themeColor">推荐作者</div>
<div class="shuaxin right">
<i class="iconfont icon-jiazai_shuaxin_o themeColor"></i>
<span class="themeColor">换一批</span>
</div>
</div>
<ul class="list">
<li>
<img src="https://upload.jianshu.io/users/upload_avatars/301940/189d69dd-af7c-4290-9e2c-89e98acf3603.jpg?imageMogr2/auto-orient/strip|imageView2/1/w/96/h/96/format/webp" alt="" class="left">
<div class="item_text hidden">
<div class="name left">卢璇说</div>
<div class="follow right">
<i class="iconfont icon-jiahao"></i>
<span>关注</span>
</div>
</div>
<div class="item_desc themeColor">写了2154.9k字 · 34.8k喜欢</div>
</li>
<li>
<img src="https://upload.jianshu.io/users/upload_avatars/301940/189d69dd-af7c-4290-9e2c-89e98acf3603.jpg?imageMogr2/auto-orient/strip|imageView2/1/w/96/h/96/format/webp" alt="" class="left">
<div class="item_text hidden">
<div class="name left">卢璇说</div>
<div class="follow right">
<i class="iconfont icon-jiahao"></i>
<span>关注</span>
</div>
</div>
<div class="item_desc themeColor">写了2154.9k字 · 34.8k喜欢</div>
</li>
<li>
<img src="https://upload.jianshu.io/users/upload_avatars/301940/189d69dd-af7c-4290-9e2c-89e98acf3603.jpg?imageMogr2/auto-orient/strip|imageView2/1/w/96/h/96/format/webp" alt="" class="left">
<div class="item_text hidden">
<div class="name left">卢璇说</div>
<div class="follow right">
<i class="iconfont icon-jiahao"></i>
<span>关注</span>
</div>
</div>
<div class="item_desc themeColor">写了2154.9k字 · 34.8k喜欢</div>
</li>
<li>
<img src="https://upload.jianshu.io/users/upload_avatars/301940/189d69dd-af7c-4290-9e2c-89e98acf3603.jpg?imageMogr2/auto-orient/strip|imageView2/1/w/96/h/96/format/webp" alt="" class="left">
<div class="item_text hidden">
<div class="name left">卢璇说</div>
<div class="follow right">
<i class="iconfont icon-jiahao"></i>
<span>关注</span>
</div>
</div>
<div class="item_desc themeColor">写了2154.9k字 · 34.8k喜欢</div>
</li>
</ul>
<div class="all">
<span>查看全部</span>
<i class="iconfont icon-gengduo"></i>
</div>
</div>
</body>
</html>

View File

@@ -0,0 +1,48 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>zol</title>
<link rel="stylesheet" href="http://at.alicdn.com/t/font_3450073_k0kkbv9byw.css">
<link rel="stylesheet" href="./clear.css">
<link rel="stylesheet" href="./public.css">
<link rel="stylesheet" href="./zol.css">
</head>
<body>
<div class="main">
<img class="logo left" src="https://icon.zol-img.com.cn/mainpage/2019logo/festival/2022duanwu-logo_2x.png" alt="">
<div class="search left">
<ul class="tuijian hidden">
<li>综合</li>
<li>综合</li>
<li>综合</li>
<li>综合</li>
<li>综合</li>
</ul>
<div class="search_input hidden">
<input type="text" class="left" placeholder="">
<div class="search_button left">搜索</div>
</div>
</div>
<ul class="menu right">
<ul>
<li><a href="">
<img src="https://icon.zol-img.com.cn/mainpage/iconfont/201909/down-APPicon@2x.png" alt="">
<div>下载app</div>
</a></li>
<li><a href="">
<img src="https://icon.zol-img.com.cn/mainpage/iconfont/201909/down-APPicon@2x.png" alt="">
<div>下载app</div>
</a></li>
<li><a href="">
<img src="https://icon.zol-img.com.cn/mainpage/iconfont/201909/down-APPicon@2x.png" alt="">
<div>下载app</div>
</a></li>
</ul>
</ul>
</div>
</body>
</html>

View File

@@ -0,0 +1,58 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="http://at.alicdn.com/t/font_3447719_1onasnozfl8.css">
<link rel="stylesheet" href="./css/clear.css">
<link rel="stylesheet" href="./css/public.css">
<link rel="stylesheet" href="./css/baidu.css">
<style>
.top_left {
clear: both;
}
.sousuo {
clear: right;
}
</style>
</head>
<body>
<div class="main">
<div class="top hidden">
<img src="https://dss2.bdstatic.com/5bVYsj_p_tVS5dKfpU_Y_D3/res/r/image/2021-3-4/hao123%20logo.png" alt=""
class="logo left" height="40px" width="128px">
<div class="top_left left hidden">
<div class="shuru left">
<span>网页</span>
<i class="iconfont icon-xiayiyeqianjinchakangengduo-copy"></i>
<input type="text" placeholder="把疫情造成的损失补回来..">
<span class="number">4</span></div>
</div>
<div class="sousuo left">百度一下</div>
</div>
<ul class="top_right">
<li>
<a href="">美国三天发生300多起枪击事件</a>
</li>
</ul>
</div>
<div class="bottom">
<ul>
<li><a href="">一夜过去雅安地震情况怎么样了?</a></li>
<li><a href="">31省份昨日新增本土“18+43”</a></li>
<li><a href="">把疫情造成的损失补回来...</a></li>
<li><a href="">歼-20现身台海了?</a></li>
<li><a href="">美国一医院发生枪击案致4人死亡</a></li>
<li><a href="">乌第一夫人称9岁儿子是军事专家</a></li>
</ul>
<i class="iconfont icon-xiayiyeqianjinchakangengduo-copy">
</div>
</div>
</body>
</html>

View File

@@ -0,0 +1,40 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="http://at.alicdn.com/t/font_3447719_1onasnozfl8.css">
<link rel="stylesheet" href="./css/clear.css">
<link rel="stylesheet" href="./css/public.css">
<link rel="stylesheet" href="./css/baidu1.css">
</head>
<body>
<div class="main">
<div class="top hidden">
<img src="https://dss2.bdstatic.com/5bVYsj_p_tVS5dKfpU_Y_D3/res/r/image/2021-3-4/hao123%20logo.png" alt=""
class="logo">
<div class="input hidden">
<div class="web left">
<i class="iconfont icon-xiayiyeqianjinchakangengduo-copy"></i>
<span>网页</span>
</div>
<input type="text" placeholder="回头看高考青春永不言老">
<span>4</span>
</div>
<div class="anniu">百度一下</div>
<ul class="xinwen">
<li><a href="">罗永浩回应被恢复执行2900万</a></li>
</ul>
</div>
<div class="bottom">
<ul></ul>
</div>
</div>
</body>
</html>

View File

@@ -0,0 +1,100 @@
.main {
width: 100%;
height: 121px;
margin: 0 auto;
background: #fff;
float: left;
}
.main .top {
width: 1190px;
margin: 0px auto;
height: 46px;
padding-top: 46px;
}
.main .top .top_left {
display: inline-block;
height: 46px;
}
.main .top .top_lef span{
float: left;
}
.main .top .top_left .input {
border: 2px solid #4e6ef2;
border-left: none;
border-right: none;
}
.main .top .top_left .input input{
width: 443px;
height: 16px;
padding-top: 12px;
padding-bottom: 12px;
padding-left: 15px;
padding-right: 33px;
margin-right: 51px;
}
.main .top .top_left .shuru {
height: 40px;
border: 2px solid #4e6ef2;
border-right: none;
float: left;
margin-left: 18px;
border-radius: 10px 0px 0px 10px;
text-align: left;
padding-left: 16px;
padding-right: 10px;
line-height: 44px;
color: #9195a3;
font-size: 12px;
box-sizing: border-box;
}
.main .top .top_left .shuru i{
font-size: 12px;
}
.main .top .top_left .shuru input{
padding-left: 16px;
width: 491px;
height: 40px;
font-size: 16px;
color: #9195a3;
}
.main .input span{
display: inline-block;
height: 18px;
top: 6px;
text-align: center;
color: #fff;
font-size: 12px;
border-radius: 20px;
background-color: #FC561F;
}
.main .top .top_left .sousuo {
font-size: 17px;
color: #fff;
width: 112px;
text-align: center;
line-height: 44px;
background-color: #4e6ef2;
float: left;
border-radius: 0 10px 10px 0;
}
.main .top ul {
margin-left: 30px;
float: left;
}
.main .top .top_right {
float: right;
height: 46px;
}
.main .bottom .ul {
font-size: 13px width: 1194px;
margin: 0 auto;
}

View File

@@ -0,0 +1,83 @@
.main{
position: relative;
top: -10px;
width: 100%;
height: 120px;
background: #fff;
}
.main .top{
position: relative;
top: 10px;
width: 1190px;
height: 46px;
margin: 0 auto;
}
.main .top img{
float: left;
width: 128px;
height: 40px;
margin-top: -2px;
margin-right: 4px;
}
.main .top .input{
margin-left: 18px;
float: left;
width: 443px;
height: 16px;
line-height: 16px;
padding: 12px 33px 12px 15px;
border: 2px solid #4e6ef2;
border-radius: 10px 0px 0px 10px;
border-right: none;
font-size: 16px;
color: #333;
}
.main .top .input .web{
position: absolute;
display: inline-block;
top: -1px;
padding: 0 10px;
width: 38px;
height: 44px;
text-align: left;
font-size: 12px;
margin: 0 auto;
color: #9195a3;
padding-left: 16px;
}
.main .top .input .web span{
line-height: 44px;
}
.main .top .input .web i{
position: absolute;
top: 16px;
left: 44px;
width: 11px;
height: 12px;
}
.main .top .input input{
width: 443px;
height: 16px;
line-height: 16px;
padding: 12px 33px 12px 15px;
margin-left: 51px;
caret-color: #333;
font-size: 16px;
color: #333;
margin-top: -12px;
}
.main .top .anniu{
width: 112px;
height: 44px;
background-color: #4E6EF2;
color: #fff;
font-size: 17px;
border-radius: 0 10px 10px 0;
float: left;
line-height: 44px;
text-align: center;
}
.main .top ul{
float: right;
}
.main .bottom

View File

@@ -0,0 +1,18 @@
body,h1,h2,h3,h4,h5,h6,ul,li,p{
margin: 0;
padding: 0;
}
li {
list-style: none;
}
input{
border: none;
outline: none;
padding: 0;
}
a{
text-decoration: none;
}

View File

@@ -0,0 +1,184 @@
.meun {
width: 240px;
height: 100%;
position: fixed;
z-index: 999;
border-right: 1px solid #e6e6e8;
box-sizing: border-box;
}
.meun .logo {
width: 146px;
height: 36px;
margin: 0 auto;
display: block;
margin-top: 18px;
margin-bottom: 34px;
}
.meun ul {
padding: 0 28px;
}
.meun ul li {
height: 40px;
line-height: 40px;
margin-bottom: 8px;
}
.meun ul .active {
background: #f7f7f7;
border-radius: 3px;
}
.meun ul li a{}
.meun ul li a img {
vertical-align: text-top;
margin-left: 4.5px;
}
.meun ul li a span {
font-size: 16px;
color: #111622;
}
.header {
position: fixed;
width: calc(100% - 240px);
height: 64px;
left: 240px;
z-index: 999;
border-bottom: 1px solid #e6e6e8;
box-sizing: border-box;
}
.header .search{
width: 440px;
height: 36px;
background-color: #f7f7f7;
border: 1px solid #e6e6e8;
border-radius: 3px;
box-sizing: border-box;
margin: 14px 0 0 32px;
}
.header .search input {
background: #0000;
height: 100%;
padding-left: 17px;
width: 343px;
box-sizing: border-box;
}
.header .search .but{
position: relative;
height: 100%;
width: 75px;
padding-left: 20px;
line-height: 34px;
}
.header .search .but::before {
content: " ";
position: absolute;
width: 1px;
height: 16px;
background-color: #e6e6e6;
top: 50%;
left: 0;
transform: translateY(-50%);
/* margin-top: -8px; */
}
.header .search .but span {
font-size: 16px;
color: #666;
}
.header .login{
width: 611px;
}
.header .login .menu_two {
line-height: 64px;
}
.header .login .menu_two li {
float: left;
margin-right: 16px;
padding-right: 10px;
}
.header .login .menu_two li a{}
.header .login .menu_two li a i {}
.header .login .menu_two li a span {
font-size: 14px;
color: #111622;
}
.header .login .log_reg {
margin-top: 14px;
}
.header .login .log_reg li:first-child {
border: 1px solid #e6e6e8;
height: 30px;
border-radius: 5px;
padding: 0 8px;
}
.header .login .log_reg li:last-child {
padding:0 26px;
height: 30px;
background-color: #ff2626;
border-radius: 5px;
color: #fff;
}
.header .login .log_reg li {
float: left;
line-height: 32px;
margin-right: 24px;
}
.header .login .log_reg li i {}
.header .login .log_reg li span {}
.content {
margin-left: 272px;
padding-top: 96px;
padding-right: 16px;
padding-bottom: 72px;
}
.content .firstchild img{
width: 600px !important;
height: 266.263px !important;
float: left;
padding-right: 16px;
}
.content .secondchild{
display: inline-block;
height: 266.26px;
box-sizing: border-box;
}
.content .secondchild .yonghuxinxi{
margin-top: 17px;
}
.content .secondchild .yonghuxinxi img{
float: left;
}
.content .secondchild .yonghuxinxi .v_text{
float: left;
margin-left: 8px;
}
.content .secondchild .yonghuxinxi .v_text .v_tittle{
font-size: 16px;
margin-top: -2px;
line-height: 22px;
}
.content .secondchild .yonghuxinxi .v_text .name{
margin-top: 14px;
font-size: 14px;
color: #505666;
}
.content .secondchild .yonghuxinxi .v_text .shuliang{
font-size: 14px;
color: #505666;
}
.content .fengmian{
width: 291.8px !important;
height: 163.637px !important;
}
.content .secondchild .yonghuxinxi img {
width: 36px;
height: 36px;
border-radius: 18px;
}

View File

@@ -0,0 +1,63 @@
.main{
width: 280px;
border: 1px solid #000;
}
.main .tittle{
margin-bottom: 15px;
}
.main .tittle .author,.main .tittle .shuaxin,.main .tittle .shuaxin i{
font-size: 14px;
}
.main .tittle .shuaxin i{}
.main .tittle .shuaxin span{
}
.list{}
.list li{
margin-bottom: 15px;
overflow: hidden;
}
.list li img{
width: 48px;
height: 48px;
border-radius: 100%;
margin-right: 10px;
}
.list li .item_r{
width: 222px;
margin-top: 2px;
}
.list li .item_r .item_text{
overflow: hidden;
}
.list li .item_r .item_text .name{
font-size: 14px;
color: #333;
}
.list li .item_r .item_text .follow{
color: #42c02e;
}
.list li .item_r .item_text .follow i{
font-size: 13px;
}
.list li .item_r .item_text .follow span{
font-size: 13px;
}
.list li .item_r .item_desc{
font-size: 12px
color: #969696;
}
.all {
height: 25.07px;
font-size: 13px;
color: #787878;
background-color: #f7f7f7;
border: 1px solid #dcdcdc;
border-radius: 4px;
text-align: center;
line-height: 30.07px;
}
.all i {
font-size: 13px;
}

View File

@@ -0,0 +1,17 @@
:root{
--color:#969696;
}
.themeColor{
color: var(--color);
}
.left {
float: left;
}
.right {
float: right;
}
.hidden {
overflow: hidden;
}

View File

@@ -0,0 +1,72 @@
.main{
width: 1000px;
margin: 0 auto;
height: 93px;
box-sizing: border-box;
}
.main .logo{
width: 233px;
margin-top: 40px;
}
.main .search{
margin-left: 64px;
margin-top: 24px;
}
.main .search ul{
overflow: hidden;
}
.search_input {
width: 469px;
height: 36px;
margin-top: 4px;
}
.search_input input {
width: 389px;
height: 36px;
border: 1px solid #ccc;
box-sizing: border-box;
border-right: none;
padding-left: 14px;
}
.search_input .search_button{
width: 80px;
height: 100%;
background: #3686f1;
color: #fff;
font-size: 16px;
text-align: center;
line-height: 36px;
}
.main .tuijian li {
color: #666;
float: left;
width: 42px;
}
.tuijian li:first-child{
color: #333;
font-weight: bold;
}
.main .menu{
margin-top: 40px;
}
.menu li{
float: left;
text-align: center;
margin-right: 18px;
}
.menu li :last-child{
margin-right: 0 !important;
}
.menu li img{
width: 20px;
height: 20px;
}
.menu li a{
color: #1f4f88;
font-size: 12px;
}

View File

@@ -0,0 +1,160 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>好看</title>
<link rel="stylesheet" href="http://at.alicdn.com/t/font_3445167_it6ine1mov8.css">
<link rel="stylesheet" href="./css/clear.css">
<link rel="stylesheet" href="./css/public.css">
<link rel="stylesheet" href="./css/haokan.css">
</head>
<body>
<div class="meun">
<img class="logo" src="./img/logo.png" alt="">
<ul>
<li class="active">
<a href="">
<img src="./img/home.svg" alt="">
<span>首页</span>
</a>
</li>
<li>
<a href="">
<img src="./img/home.svg" alt="">
<span>首页</span>
</a>
</li>
<li>
<a href="">
<img src="./img/home.svg" alt="">
<span>首页</span>
</a>
</li>
<li>
<a href="">
<img src="./img/home.svg" alt="">
<span>首页</span>
</a>
</li>
<li>
<a href="">
<img src="./img/home.svg" alt="">
<span>首页</span>
</a>
</li>
</ul>
</div>
<div class="header">
<div class="search left">
<input class="left" type="text" placeholder="搜索">
<div class="but left">
<i class="iconfont icon-sousuo"></i>
<span>搜索</span>
</div>
</div>
<div class="login right hidden">
<ul class="menu_two hidden left">
<li>
<a href="">
<i class="iconfont icon-sousuo"></i>
<span>下载客户端</span>
</a>
</li>
<li>
<i class="iconfont icon-sousuo"></i>
<span>创作中心</span>
</li>
<li>
<i class="iconfont icon-sousuo"></i>
<span>消息</span>
</li>
</ul>
<ul class="log_reg hidden right">
<li>
<i class="iconfont icon-sousuo"></i>
<span>上传视频</span>
</li>
<li>
<span>登 录</span>
</li>
</ul>
</div>
</div>
<div class="content">
<ul left>
<li class="firstchild"><img
src="https://pic.rmb.bdstatic.com/baidu-rmb-video-cover-1/2022-5/1652165445258/1758dd6fa448.png"
alt="" class="guanggao"></li>
<li class="secondchild">
<img src="https://pics3.baidu.com/feed/9922720e0cf3d7ca1b47fa688f10ca036b63a911.jpeg?token=d745f044389e24fec45f0325b05b817d"
alt="" class="fengmian">
<div class="yonghuxinxi">
<img src="https://pic.rmb.bdstatic.com/bjh/user/b41bec8ad1220e68a9d6dafb9b12de0f.jpeg?x-bce-process=image/resize,m_lfit,w_200,h_200&autime=33184"
alt="" class="head">
<div class="v_text">
<div class="v_tittle">辽城学子为高考考生加油</div>
<div class="name">中国大学在线</div>
<div class="shuliang">219次播放·3天前</div>
</div>
</li>
<li class="secondchild">
<img src="https://pics3.baidu.com/feed/9922720e0cf3d7ca1b47fa688f10ca036b63a911.jpeg?token=d745f044389e24fec45f0325b05b817d"
alt="" class="fengmian">
<div class="yonghuxinxi">
<img src="https://pic.rmb.bdstatic.com/bjh/user/b41bec8ad1220e68a9d6dafb9b12de0f.jpeg?x-bce-process=image/resize,m_lfit,w_200,h_200&autime=33184"
alt="" class="head">
<div class="v_text">
<div class="v_tittle">辽城学子为高考考生加油</div>
<div class="name">中国大学在线</div>
<div class="shuliang">219次播放·3天前</div>
</div>
</li>
<li class="secondchild">
<img src="https://pics3.baidu.com/feed/9922720e0cf3d7ca1b47fa688f10ca036b63a911.jpeg?token=d745f044389e24fec45f0325b05b817d"
alt="" class="fengmian">
<div class="yonghuxinxi">
<img src="https://pic.rmb.bdstatic.com/bjh/user/b41bec8ad1220e68a9d6dafb9b12de0f.jpeg?x-bce-process=image/resize,m_lfit,w_200,h_200&autime=33184"
alt="" class="head">
<div class="v_text">
<div class="v_tittle">辽城学子为高考考生加油</div>
<div class="name">中国大学在线</div>
<div class="shuliang">219次播放·3天前</div>
</div>
</li>
<li class="secondchild">
<img src="https://pics3.baidu.com/feed/9922720e0cf3d7ca1b47fa688f10ca036b63a911.jpeg?token=d745f044389e24fec45f0325b05b817d"
alt="" class="fengmian">
<div class="yonghuxinxi">
<img src="https://pic.rmb.bdstatic.com/bjh/user/b41bec8ad1220e68a9d6dafb9b12de0f.jpeg?x-bce-process=image/resize,m_lfit,w_200,h_200&autime=33184"
alt="" class="head">
<div class="v_text">
<div class="v_tittle">辽城学子为高考考生加油</div>
<div class="name">中国大学在线</div>
<div class="shuliang">219次播放·3天前</div>
</div>
</li>
<li class="secondchild">
<img src="https://pics3.baidu.com/feed/9922720e0cf3d7ca1b47fa688f10ca036b63a911.jpeg?token=d745f044389e24fec45f0325b05b817d"
alt="" class="fengmian">
<div class="yonghuxinxi">
<img src="https://pic.rmb.bdstatic.com/bjh/user/b41bec8ad1220e68a9d6dafb9b12de0f.jpeg?x-bce-process=image/resize,m_lfit,w_200,h_200&autime=33184"
alt="" class="head">
<div class="v_text">
<div class="v_tittle">辽城学子为高考考生加油</div>
<div class="name">中国大学在线</div>
<div class="shuliang">219次播放·3天前</div>
</div>
</li>
</ul>
</div>
</body>
</html>