lovecoding
/
VIP30


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107
							<!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>