|
@@ -0,0 +1,107 @@
|
|
|
+<!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="./demo.css">
|
|
|
+</head>
|
|
|
+<body>
|
|
|
+ <div id="box">
|
|
|
+
|
|
|
+ <div id="header">
|
|
|
+ <div class="container">
|
|
|
+ <div class="partOne"></div>
|
|
|
+ <div class="partTwo">
|
|
|
+ <ul>
|
|
|
+ <li><a href="">首页</a></li>
|
|
|
+ <li><a href="">设计</a></li>
|
|
|
+ <li><a href="">摄影</a></li>
|
|
|
+ <li><a href="">多媒体</a></li>
|
|
|
+ <li><a href="">AI生画</a></li>
|
|
|
+ </ul>
|
|
|
+ <div class="btn">Beta</div>
|
|
|
+ </div>
|
|
|
+ <div class="partThree">登录/注册</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div id="main">
|
|
|
+ <div class="partOne">
|
|
|
+ <div class="search">
|
|
|
+ <input type="text" placeholder="请输入标题、关键词、作品编号搜索">
|
|
|
+ <img src="./images/searchBtn.png" alt="">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="partTwo">
|
|
|
+ <dl>
|
|
|
+ <dt><img src="./images/a.jpg" alt=""></dt>
|
|
|
+ <div class="partTwo-one">龙年美陈</div>
|
|
|
+ <dd>
|
|
|
+ <p class="news">新能源</p>
|
|
|
+ <p class="vase">招聘海报</p>
|
|
|
+ </dd>
|
|
|
+ </dl>
|
|
|
+ <dl>
|
|
|
+ <dt><img src="./images/b.jpg" alt=""></dt>
|
|
|
+ <div class="partTwo-one">龙年美陈</div>
|
|
|
+ <dd>
|
|
|
+ <p class="news">新能源</p>
|
|
|
+ <p class="vase">招聘海报</p>
|
|
|
+ </dd>
|
|
|
+ </dl>
|
|
|
+ <dl>
|
|
|
+ <dt><img src="./images/c.jpg" alt=""></dt>
|
|
|
+ <div class="partTwo-one">龙年美陈</div>
|
|
|
+ <dd>
|
|
|
+ <p class="news">新能源</p>
|
|
|
+ <p class="vase">招聘海报</p>
|
|
|
+ </dd>
|
|
|
+ </dl>
|
|
|
+ <dl>
|
|
|
+ <dt><img src="./images/d.jpg" alt=""></dt>
|
|
|
+ <div class="partTwo-one">龙年美陈</div>
|
|
|
+ <dd>
|
|
|
+ <p class="news">新能源</p>
|
|
|
+ <p class="vase">招聘海报</p>
|
|
|
+ </dd>
|
|
|
+ </dl>
|
|
|
+ </div>
|
|
|
+ <div class="partThree">
|
|
|
+ <div class="list">
|
|
|
+
|
|
|
+ <div class="pTone">
|
|
|
+ <div class="report">
|
|
|
+ <img src="./images/e.jpg" alt="">
|
|
|
+ </div>
|
|
|
+ <div class="pTtwo">
|
|
|
+ <img src="./images/f.jpg" alt="" class="Top-one">
|
|
|
+ <img src="./images/f.jpg" alt="" class="Top-two">
|
|
|
+ <img src="./images/f.jpg" alt="" class="Top-three">
|
|
|
+ <img src="./images/f.jpg" alt="">
|
|
|
+ <img src="./images/f.jpg" alt="">
|
|
|
+ <img src="./images/f.jpg" alt="">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="rest">
|
|
|
+ <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>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="partFour"></div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div id="footer"></div>
|
|
|
+ </div>
|
|
|
+</body>
|
|
|
+</html>
|