lovecoding
/
VIP28


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132
							<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="../css/demo1.css" />
    <link rel="stylesheet" href="../font/iconfont.css" />
  </head>
  <body>
    <div id="container">
      <!-- 页眉 -->
      <div id="header">
        <div class="headerLeft">
          <img src="../images/1.png" alt="" />
        </div>
        <div class="headerMain">
          <input type="text" placeholder="网页" />
          <div>搜狗搜索</div>
        </div>
        <div class="headerRight">
          <div class="partOne">
            <span
              style="font-size: 30px; margin-right: 15px"
              class="iconfont icon-star"
            ></span>
          </div>
          <div class="partTwo">
            <span
              style="font-size: 30px; margin-right: 10px"
              class="iconfont icon-youjian"
            ></span>
          </div>
          <div class="partThree">
            <span class="login">登录</span>
          </div>
        </div>
      </div>
      <!-- 主体 -->
      <div id="main">
        <div class="sell">
          <!-- 导航栏 -->
          <div class="nav">
            <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="">NBA</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>
              <li>
                <a href="">更多</a>
              </li>
            </ul>
          </div>
          <!-- 列表 -->
          <div class="list">
            <div class="listOne">
              <div class="top">
                <div class="topLeft">
                  <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>
                  </ul>
                </div>
                <div class="topRight">
                    <ul>
                        <li><a href="">动漫</a></li>
                        <li><a href="">体育</a></li>
                        <li><a href="">纪录片</a></li>
                        <li><a href="">风味人间</a></li>
                    </ul>
                </div>
              </div>
              <div class="bottom"></div>
            </div>
            <div class="listTwo"></div>
          </div>
        </div>
      </div>
      <!-- 页尾 -->
      <div id="footer"></div>
    </div>
  </body>
</html>