| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758 |
- <!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="./demo2.css">
- <link rel="stylesheet" href="./font/iconfont.css">
- </head>
- <body>
- <div class="content">
- <!-- 头部盒子 -->
- <div class="head">
- <div class="logo">
- <img src="./images/logo.png" alt="">
- </div>
- <div class="search">
- <input type="text" class="input" placeholder="请输入您要搜索的内容">
- </div>
- <div class="login">
- <div class="directory">
- <span class="iconfont icon-shoucang" style="font-size: 25px;margin-top: 10px;display: inline-block;"></span>
- <span class="iconfont icon-youjian" style="font-size: 25px;display: inline-block;margin-top: 13px;margin-left: 11px;"></span>
- <!-- <span>登录</span> -->
- <div class="btn">登录</div>
- </div>
- </div>
- </div>
- <!-- 主体盒子 -->
- <div class="main">
- <!-- 导航栏 -->
- <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="">新闻</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>
- <!-- 页尾盒子 -->
- <div class="footer"></div>
- </div>
- </body>
- </html>
|
