2021-10-18

1.CSS部分：
*{
    margin: 0;
    padding: 0;
    border: 0;
    }
    
    body{
    background-color: white;
    }
    
.header{
    background-color:white;
    width: 100%;
    height: 35px;
}

.nav-left{
    float: left;
    width: 30%;
    height: 35px;
    background-color: white;
}

.nav{
    float: left;
    margin-left: 210px;
    margin-top: 7px;
    margin-bottom: 20px;
    height: 30px;
}

.nav>li{
    float: left;
    margin-left: 10px;
    padding-right: 10px;
    list-style: none;
    height: 30px;
    font-size: 10px;
    color: gray;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}
.nav-right{
    float: left;
    width: 70%;
    height: 35px;
    background-color: white;
}

.logo-div1{
    width: 100%;
    height: 90px;
    background-color:#4ad2aa;;
}

.logo-div1.img{
    margin-left: 165px;
}

.logo-div2{
    background-color:white;
    width: 100%;
    height: 120px;
    display: flex;
    justify-content: center;
}

.logo-div2-left{
    width: 15%;
    height: 100px;
    margin-top: 20px;
    background-color:white;
    margin-left: 185px;
}

.logo-div2-right{
    width: 85%;
    height: 120px;
    background-color:white;
}

.parent{
    width: 100%;
    height: 42px;
    margin-top:20px ;
    position: relative;
}

.parent>input:first-of-type{
    width: 690px;
    height: 40px;
    border: 3px solid red;
    font-size: 16px;
    outline: none;   
}

.parent>input:first-of-type:focus{
    border:1px solid red;
    padding-left: 10px;   
}

.parent>input:last-of-type{
    width: 100px;
    height: 44px;
    position: absolute;
    background:red ;
    border:2px solid red ;
    color: beige;
    font-size: 16px;
    outline: none;
}

.list{
    float: left;
    margin-left: 0;
    margin-top: 7px;
    margin-bottom: 20px;
    height: 30px;
} 

.list>li{
    float: left;
    margin-left: 10px;
    padding-right: 10px;
    list-style: none;
    height: 30px;
    font-size: 10px;
    color: gray;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}


.section-heder{
    background-color:red;
    width: 100%;
    height: 40px;
}

.section-heder-text{
    float: left;
    margin-left: 180px;
    height: 30px;
}

.section-heder-text>li{
    float: left;
    margin-left: 80px;
    margin-top: 10px;
    padding-right: 10px;
    list-style: none;
    height: 30px;
    color: white;
    Font: 14px arial,Helvetica,sans-serif;   
}
.main1-div{
    background-color:white;
    width: 100%;
    height: 520px;
    display: flex;
    justify-content: center;
}

.main1-div .main1-div-1{
    background-color:white;
    width: 20%;
    height: 500px;
    margin-left: 160px;
}

.main1-div .main1-div-1 .main1-div-1-box{
    background-color:white;
    width: 100%;
    height: 60px;
    border-top: 0.3px solid grey;
    border-bottom: 0.3px solid grey;
    border-left: 1px solid red;
    border-right: 1px solid red;
    display: flex;
    justify-content: space-between;
}

.main1-div-1-box-left{
    display:flex;
    align-items:center;
}

.main1-div .main1-div-2{
    background-color:white;
    width: 42%;
    height: 500px;
    margin-left: 10px;
}

#chaozhihuodong{
    background-color:white;
    border-bottom: 2px solid red;
    margin-top: 10px;
    margin-bottom: 10px;
    float: left;
    width: 50%;
}

#meitiangengxin{
    background-color:white;
    border-bottom: 2px solid red;
    margin-top: 10px;
    margin-bottom: 10px;
    float: left;
    width: 50%;
    display: flex;
    justify-content: flex-end;
}

.main1-div .main1-div-2 .main1-div-2-1{
    background-color:blue;
    width: 100%;
    height: 250px;
}

.main1-div .main1-div-2 .main1-div-2-2{
    background-color:white;
    width: 100%;
    height: 250px;
    display: flex;
    justify-content: center;
}


.main1-div .main1-div-3{
    background-color:yellow;
    width: 15%;
    height: 500px;
    margin-left: 10px;
}

.main1-div .main1-div-3 .main1-div-3-1{
    background-color:pink;
    width: 100%;
    height: 250px;
}

.main1-div .main1-div-3 .main1-div-3-2{
    background-color:blue;
    width: 100%;
    height: 250px;
}

.main1-div .main1-div-4{
    background-color:white;
    width: 20%;
    height: 500px;
    margin-right: 160px;
    margin-left: 10px;
}

.main1-div-4-1{
    height: 250px; 
    background-color: white;
    border:1px solid gray;
}

.main1-div-4-2{
    border: 1px solid gray;
    height: 250px;
    background-color: white;
}
#shipin{
    float: left;
    height: 35px; 
    margin-top: 2px;
    margin-left: 10px; 
}

#shipin>li{
    margin: 0 0 2px;
    padding-right: 10px;
    list-style: none;
    height: 30px;
    font-size: 12px;
    color: gray;
}

.section-header-2{
    background-color: white;
    margin-bottom: 10px;
}

.section-header-2 .text{
    background-color: white;
    margin-left: 160px;
}
.main2-div{
    height: 500px;
    background-color: white;
    margin-left: 160px;
    margin-right: 160px;
}

.main2-div .main2-div-top{
    width: 100%;
    height: 250px;
    background-color: thistle;
    display: flex;
    justify-content: center;
}

.main2-div .main2-div-top-1{
    width: 20%;
    height: 250px;
    background-color: white;
}

.main2-div .main2-div-top .main2-div-top-2{
    width: 20%;
    height: 250px;
    background-color:white;
}

.main2-div .main2-div-top .main2-div-top-3{
    width: 20%;
    height: 250px;
    background-color: white;
}

.main2-div .main2-div-top .main2-div-top-4{
    width: 20%;
    height: 250px;
    background-color:white;
}

.main2-div .main2-div-top .main2-div-top-5{
    width: 20%;
    height: 250px;
    background-color: white;
}

.main2-div .main2-div-bottom{
    height: 250px;
    background-color:pink;
    display: flex;
    justify-content: center;
}

.main2-div .main2-div-bottom .main2-div-bottom-1{
    width: 20%;
    height: 250px;
    background-color: white;
}

.main2-div .main2-div-bottom .main2-div-bottom-2{
    width: 20%;
    height: 250px;
    background-color:white;
}

.main2-div .main2-div-bottom .main2-div-bottom-3{
    width: 20%;
    height: 250px;
    background-color:white;
}

.main2-div .main2-div-bottom .main2-div-bottom-4{
    width: 20%;
    height: 250px;
    background-color:white;
}

.main2-div .main2-div-bottom .main2-div-bottom-5{
    width: 20%;
    height: 250px;
    background-color:white;
}
.main3-div{
    height: 30px;
    background-color: white;
    margin-top:20px ;
    margin-left: 160px;
    margin-right: 160px;
    display: flex;
    justify-content: center;
}

.main3-div .main3-div-1{
    width: 35px;
    height: 30px;
    background-color: #F03725;
    border: 1px solid grey;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1px;
}

.main3-div .main3-div-2{
    width: 35px;
    height: 30px;
    background-color: white;
    border: 1px solid gray;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1px;
}

.main4-div{
    width: 100%;
    height: 180px;
    background-color:white;
    margin-top: 50px;
}

.main4-div .main4-div-1{
    height: 35px;
    background-color: white;
    margin-left: 160px;
    margin-right: 160px;
    height: 25px;
}

.main4-div-1-list{
    float: left;
    margin-left: 0;
    margin-top: 1px;
    margin-bottom: 0;
    height: 30px;
} 

.main4-div-1-list>li{
    float: left;
    margin-left: 10px;
    padding-right: 10px;
    list-style: none;
    height: 30px;
    font-size: 10px;
    color: gray;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}


2.HTML部分：
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>淘宝网首页</title>
    <link rel="stylesheet" type="text/css"  href="./css/淘宝网首页2.css" >
</head>
<body>
    <header>
        <diV class="header">
            <div class="nav-left">
                <ul class="nav">
                 <li><font color="red">亲，请登录</font></li>
                 <li>免费注册</li>
                 <li>手机逛淘宝</li>
            </ul>
           </div>
            <diV class="nav-right">
               <ul class="nav">
                   <li><font color="red">淘宝网首页</font></li>
                   <li>我的淘宝</li>
                   <li>购物车</li>
                   <li>收藏夹</li>
                   <li>商品分类</li>
                   <li>卖家中心</li>
                   <li>联系客服</li>
                   <li>网站导航</li>
              </ul>
            </diV>
        </diV>
        <logo>
            <diV class="logo-div1"><div class="img"><img src="./img/taobao1.jpg"></div>
            </diV> 
            <diV class="logo-div2">
               <diV class="logo-div2-left">
                   <div class="img"><img src="./img/taobao2.jpg" height:"100px"></div>
               </diV>
               <div class="logo-div2-right">
                   <form action="" class="parent">
                       <input type="text"> 
                       <input type="button" value="搜索">
                   </form>
                   <ul class="list">
                       <li>一淘限时抢</li>
                       <li>男外套</li>
                       <li>电动车</li>
                       <li>无线耳机</li>
                       <li>电视</li>
                       <li>苹果</li>
                       <li>充电宝</li>
                       <li>手机</li>
                       <li>休闲裤</li>
                       <li>外套</li>
                       <li>洗衣机</li>
                       <p class="clear"></p> 
                   </ul>  
               </div>
            </diV>
        </logo>
    </header>   
 <section>
     <header>
        <div class="section-heder"> 
            <ul class="section-heder-text">
           <li>每日爆品一元起</li>
           <li>聚划算</li>
           <li>淘抢购</li>
           <li>天猫超市</li>
           <li>天猫国际官方直营</li>
           <p class="clear"></p> 
           </ul> 
       </div>
     </header>
     <main>
        <diV class="main1-div">
            <diV class="main1-div-1">
                <div class="main1-div-1-box">
                    <div class="main1-div-1-box-left"><font color="red">美妆</font></div>
                    <div class="main1-div-1-box-right">
                    <table>
                        <tr>
                            <td><font size="2" color="grey">口红</font></td>
                            <td><font size="2" color="grey">套装</font></td>
                            <td><font size="2" color="grey">香水</font></td>
                            <td><font size="2" color="grey">洗脸巾</font></td>
                        </tr>
                        <tr>
                           <td><font size="2" color="grey">水乳</font></td>
                           <td><font size="2" color="grey">吹风机</font></td>
                           <td><font size="2" color="grey">散粉</font></td>
                           <td><font size="2" color="red">电动牙刷</font></td>
                       </tr>
                    </table> 
                    </div>
                </div>
                <div class="main1-div-1-box">
                   <div class="main1-div-1-box-left"><font color="red">女人</font></div>
                   <div class="main1-div-1-box-right">
                   <table>
                       <tr>
                           <td><font size="2" color="grey">连衣裙冬</font></td>
                           <td><font size="2" color="grey">女鞋</font></td>
                           <td><font size="2" color="grey">女装</font></td>
                           <td><font size="2" color="grey">大码装</font></td>
                       </tr>
                       <tr>
                          <td><font size="2" color="grey">高跟鞋</font></td>
                          <td><font size="2" color="grey">内裤</font></td>
                          <td><font size="2" color="grey">运动女鞋</font></td>
                          <td><font size="2" color="red">帽子</font></td>
                      </tr>
                   </table> 
                   </div>
                </div>
                <div class="main1-div-1-box">
                   <div class="main1-div-1-box-left"><font color="red">男人</font></div>
                   <div class="main1-div-1-box-right">
                   <table>
                       <tr>
                           <td><font size="2" color="grey">潮男鞋</font></td>
                           <td><font size="2" color="grey">男鞋</font></td>
                           <td><font size="2" color="grey">拖鞋</font></td>
                           <td><font size="2" color="grey">牛仔裤</font></td>
                       </tr>
                       <tr>
                          <td><font size="2" color="grey">外套</font></td>
                          <td><font size="2" color="grey">电动车</font></td>
                          <td><font size="2" color="grey">内裤</font></td>
                          <td><font size="2" color="red">汉服</font></td>
                      </tr>
                   </table> 
                   </div>
                </div>
                <div class="main1-div-1-box">
                   <div class="main1-div-1-box-left"><font color="red">数码</font></div>
                   <div class="main1-div-1-box-right">
                   <table>
                       <tr>
                           <td><font size="2" color="grey">手机</font></td>
                           <td><font size="2" color="grey">华为手机</font></td>
                           <td><font size="2" color="grey">耳机</font></td>
                           <td><font size="2" color="grey">冰箱</font></td>
                       </tr>
                       <tr>
                          <td><font size="2" color="grey">洗衣机</font></td>
                          <td><font size="2" color="grey">笔记本</font></td>
                          <td><font size="2" color="grey">键盘</font></td>
                          <td><font size="2" color="red"></font></td>
                      </tr>
                   </table> 
                   </div>
                </div>
                <div class="main1-div-1-box">
                   <div class="main1-div-1-box-left"><font color="red">母婴</font></div>
                   <div class="main1-div-1-box-right">
                   <table>
                       <tr>
                           <td><font size="2" color="grey">枕头</font></td>
                           <td><font size="2" color="grey">乐高</font></td>
                           <td><font size="2" color="grey">抱枕</font></td>
                           <td><font size="2" color="grey">孕妇装</font></td>
                       </tr>
                       <tr>
                          <td><font size="2" color="grey">背带裤</font></td>
                          <td><font size="2" color="grey">饼干</font></td>
                          <td><font size="2" color="grey">乐高积木</font></td>
                          <td><font size="2" color="red">贴纸</font></td>
                      </tr>
                   </table> 
                   </div>
                </div>
                <div class="main1-div-1-box">
                   <div class="main1-div-1-box-left"><font color="red">家居</font></div>
                   <div class="main1-div-1-box-right">
                   <table>
                       <tr>
                           <td><font size="2" color="grey">床垫子</font></td>
                           <td><font size="2" color="grey">保温杯</font></td>
                           <td><font size="2" color="grey">口罩</font></td>
                           <td><font size="2" color="grey">钥匙扣</font></td>
                       </tr>
                       <tr>
                          <td><font size="2" color="grey">灯笼</font></td>
                          <td><font size="2" color="grey">四件套</font></td>
                          <td><font size="2" color="grey">沐浴露</font></td>
                          <td><font size="2" color="red">雨伞</font></td>
                      </tr>
                   </table> 
                   </div>
                </div>
                <div class="main1-div-1-box">
                   <div class="main1-div-1-box-left"><font color="red">美食</font></div>
                   <div class="main1-div-1-box-right">
                   <table>
                       <tr>
                           <td><font size="2" color="grey">大闸蟹</font></td>
                           <td><font size="2" color="grey">牛奶</font></td>
                           <td><font size="2" color="grey">面包</font></td>
                           <td><font size="2" color="grey">蛋黄酥</font></td>
                       </tr>
                       <tr>
                          <td><font size="2" color="grey">螃蟹</font></td>
                          <td><font size="2" color="grey">三只松鼠</font></td>
                          <td><font size="2" color="grey">方便面</font></td>
                          <td><font size="2" color="red">早餐</font></td>
                      </tr>
                   </table> 
                   </div>
                </div>
                <div class="main1-div-1-box">
                   <div class="main1-div-1-box-left"><font color="red">箱包</font></div>
                   <div class="main1-div-1-box-right">
                   <table>
                       <tr>
                           <td><font size="2" color="grey">托特包</font></td>
                           <td><font size="2" color="grey">双肩包</font></td>
                           <td><font size="2" color="grey">背包</font></td>
                           <td><font size="2" color="grey">电脑包</font></td>
                       </tr>
                       <tr>
                          <td><font size="2" color="grey">卡套</font></td>
                          <td><font size="2" color="grey">斜挎男包</font></td>
                          <td><font size="2" color="grey">挎包</font></td>
                          <td><font size="2" color="red"></font></td>
                      </tr>
                   </table> 
                   </div>
                </div>
            </diV>
            <diV class="main1-div-2">
                <div class="main1-div-2-1"><img src="./img/taobao3.jpg" height="100%"></div>
                <diV id="chaozhihuodong"><span><font color="red" size="3px">超值活动专区</font></span></diV>
                <diV id="meitiangengxin"><span><font color="grey" size="2px">每天10点更新</font></span></diV>
                <div class="main1-div-2-2">
                   <div class="main1-div-2-2-img"> <img src="./img/taobao4jpg.jpg" width="100%" height="80%"></div>
                   <div class="main1-div-2-2-img"> <img src="./img/taobao5.jpg"  width="100%" height="80%"></div>
                   </div>
            </diV>
            <diV class="main1-div-3">
               <div class="main1-div-3-1"><img src="./img/taobao6.jpg" width="100%" height="100%"></div>
               <div class="main1-div-3-2"><img src="./img/taobao7.jpg" width="100%" height="100%"></div>
            </diV>
            <diV class="main1-div-4">
               <div class="main1-div-4-1">
                   <div class="main1-div-4-1-1"><img src="./img/taobao8.png" width="100%" height="100%">
                   </div>
                   <div class="main1-div-4-1-2">
                     <img src="./img/taobao9.png" width="50%" height=""><img src="./img/taobao10.jpg" width="50%">   
                   </div>
                   <div class="main1-div-4-1-2">
                       <img src="./img/taobao11.png" width="50%" height=""><img src="./img/taobao12.png" width="50%">
                   </div>
                   <div class="main1-div-4-1-2">
                       <img src="./img/taobao13.png" width="50%" height=""><img src="./img/taobao14.png" width="50%">
                   </div>
               <div class="main1-div-4-4-1-2">
                   <img src="./img/taobao15.png" width="50%" height=""><img src="./img/taobao16.png" width="50%">
               </div>
           </div>
               <div class="main1-div-4-2"> 
                   <u1 id="shipin">
                       <li><span>食品</span>&nbsp;&nbsp;仁和医药健康专场</li>
                       <li><span>男装</span>&nbsp;&nbsp; 才子9月特惠低至6折</li>
                       <li><span>聚划算</span> &nbsp;&nbsp;聚划算天天折上折</li>
                       <li><span>活动</span>&nbsp;&nbsp; 直营时尚馆-潮奢爆款3折起</li>
                   </ul>
               </div>
            </diV>
        </diV>
     </main>   
 </section>
 <section>
     <header>
        <diV class="section-header-2"><div class="text"><h3><font color="red">猜你喜欢</font></h3></div></diV> 
     </header>
    <main>
        <diV class="main2-div">
            <diV class="main2-div-top">
                <div class="main2-div-top-1">
                   <div class="main2-div-top-1-1"><img src="./img/cai1.jpg" width="100%" height="100%"></div>
                   <div class="main2-div-top-1-2"></div> 
                   <div class="main2-div-top-1-3"></div> 
                   <div class="main2-div-top-1-4"></div> 
                   <div class="main2-div-top-1-5"></div>  
                </div>
                <div class="main2-div-top-2">
                   <div class="main2-div-top-1-1"><img src="./img/cai2.jpg" width="100%" height="100%"></div>
                   <div class="main2-div-top-1-2"></div> 
                   <div class="main2-div-top-1-3"></div> 
                   <div class="main2-div-top-1-4"></div> 
                   <div class="main2-div-top-1-5"></div> 
                </div>
                <div class="main2-div-top-3">
                   <div class="main2-div-top-1-1"><img src="./img/cai3.jpg" width="100%" height="100%"></div>
                   <div class="main2-div-top-1-2"></div> 
                   <div class="main2-div-top-1-3"></div> 
                   <div class="main2-div-top-1-4"></div> 
                   <div class="main2-div-top-1-5"></div> 
                </div>
                <div class="main2-div-top-4">
                   <div class="main2-div-top-1-1"><img src="./img/cai4.jpg" width="100%" height="100%"></div>
                   <div class="main2-div-top-1-2"></div> 
                   <div class="main2-div-top-1-3"></div> 
                   <div class="main2-div-top-1-4"></div> 
                   <div class="main2-div-top-1-5"></div> 
                </div>
                <div class="main2-div-top-5">
                   <div class="main2-div-top-1-1"><img src="./img/cai5.jpg" width="100%" height="100%"></div>
                   <div class="main2-div-top-1-2"></div> 
                   <div class="main2-div-top-1-3"></div> 
                   <div class="main2-div-top-1-4"></div> 
                   <div class="main2-div-top-1-5"></div> 
                </div>
            </diV>
            <diV class="main2-div-bottom">
               <div class="main2-div-bottom-1">
                   <div class="main2-div-bottom-1-1"><img src="./img/cai6.jpg" width="100%" height="100%"></div>
                   <div class="main2-div-bottom-1-2"></div> 
                   <div class="main2-div-bottom-1-3"></div> 
                   <div class="main2-div-bottom-1-4"></div> 
                   <div class="main2-div-bottom-1-5"></div> 
               </div>
               <div class="main2-div-bottom-2">
                   <div class="main2-div-bottom-2-1"><img src="./img/cai7.jpg" width="100%" height="100%"></div>
                   <div class="main2-div-bottom-2-2"></div> 
                   <div class="main2-div-bottom-2-3"></div> 
                   <div class="main2-div-bottom-2-4"></div> 
                   <div class="main2-div-bottom-2-5"></div> 
               </div>
               <div class="main2-div-bottom-3">
                   <div class="main2-div-bottom-3-1"><img src="./img/cai8.jpg" width="100%" height="100%"></div>
                   <div class="main2-div-bottom-3-2"></div> 
                   <div class="main2-div-bottom-3-3"></div> 
                   <div class="main2-div-bottom-3-4"></div> 
                   <div class="main2-div-bottom-3-5"></div> 
               </div>
               <div class="main2-div-bottom-4">
                   <div class="main2-div-bottom-4-1"><img src="./img/cai9.jpg" width="100%" height="100%"></div>
                   <div class="main2-div-bottom-4-2"></div> 
                   <div class="main2-div-bottom-4-3"></div> 
                   <div class="main2-div-bottom-4-4"></div> 
                   <div class="main2-div-bottom-4-5"></div> 
               </div>
               <div class="main2-div-bottom-5">
                   <div class="main2-div-bottom-5-1"><img src="./img/cai10.jpg" width="100%" height="100%"></div>
                   <div class="main2-div-bottom-5-2"></div> 
                   <div class="main2-div-bottom-5-3"></div> 
                   <div class="main2-div-bottom-5-4"></div> 
                   <div class="main2-div-bottom-5-5"></div> 
               </div>
            </diV>
        </diV> 
    </main>
    
 </section>
 
 <section>
   <header>
    <diV class="main3-div">
        <div class="main3-div-1"><diV><font color="white">1</font></diV></div>
        <div class="main3-div-2"><diV><font color="grey">2</font></diV></div>
        <div class="main3-div-2"><diV><font color="grey">3</font></diV></div>
    </diV>
   </header>
    <footer>
        <diV class="main4-div">
            <div class="main4-div-1">
                <ul class="main4-div-1-list">
                    <li>联系客服</li>
                    <li>开放平台</li>
                    <li>法律声明</li>
                    <li>廉政季报</li>
                    <li>Taobao.com版权所有&nbsp;2003-现在</li>
                    <li>增值电信业务经营许可证：浙B2-1111111</li>
                    <li>浙公网安备33t6768727号</li>
                </ul>
            </div>
            <div class="main4-div-1">
               <ul class="main4-div-1-list">
                   <li>阿里巴巴集团</li>
                   <li>淘宝网</li>
                   <li>天猫</li>
                   <li>聚划算</li>
                   <li>全球速卖通</li>
                   <li>阿里巴巴国际交易市场</li>
                   <li>1688</li>
                   <li>阿里妈妈</li>
                   <li>飞猪</li>
                   <li>阿里云计算</li>
                   <li>AliOS</li>
                   <li阿里通信></li>
               </ul>
                 
            </div>
            <div class="main4-div-1">
                <ul class="main4-div-1-list">
                    <li>友盟</li>
                    <li>虾米</li>
                    <li>阿里星球</li>
                    <li>钉钉</li>
                    <li>支付宝</li>
                    <li>达摩院</li>
                    <li>&nbsp;</li>
                    <li>&nbsp;</li>
                    <li>&nbsp;</li>
                    <li>&nbsp;</li>
                    <li>&nbsp;</li>
                    <li>&nbsp;</li>
                </ul>
                  
             </div>
            </diV>
        
    </footer>
    
 </section>
 
</body>
</html>