lovecoding
/
vipAllDay


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798
							<!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="./demo1.css" />
  </head>
  <body>
    <div id="contain">
      <div id="header">
        <div class="logo"></div>
        <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="">AI生画</a></li>
          </ul>
          <div class="btn">Beta</div>
        </div>
        <div class="login">登录/注册</div>
      </div>
      <div id="main">
        <!-- 第一部分 -->
        <div class="banner">
          <img src="../images/banner.jpg" alt="" />
          <div class="site">
            <div class="search">
              <input
                type="text"
                placeholder="请输入标题、关键字、作品编号搜索"
              />
              <img src="../images/newIndex-searchBtn.png" alt="" />
            </div>
          </div>
        </div>
        <!-- 第二部分 -->
        <div class="card">
            <div class="news">
              <dl>
                <dt>
                  <img src="../images/card.jpg" alt="" />
                  <div class="title">儿童节美陈</div>
                </dt>
                <dd>
                  <p>新能源</p>
                  <p>招聘海报</p>
                </dd>
              </dl>
            </div>
            <div class="news">
              <dl>
                <dt>
                  <img src="../images/card.jpg" alt="" />
                  <div class="title">儿童节美陈</div>
                </dt>
                <dd>
                  <p>新能源</p>
                  <p>招聘海报</p>
                </dd>
              </dl>
            </div>
            <div class="news">
              <dl>
                <dt>
                  <img src="../images/card.jpg" alt="" />
                  <div class="title">儿童节美陈</div>
                </dt>
                <dd>
                  <p>新能源</p>
                  <p>招聘海报</p>
                </dd>
              </dl>
            </div>
            <div class="news">
              <dl>
                <dt>
                  <img src="../images/card.jpg" alt="" />
                  <div class="title">儿童节美陈</div>
                </dt>
                <dd>
                  <p>新能源</p>
                  <p>招聘海报</p>
                </dd>
              </dl>
            </div>
        </div>
        <!-- 第三部分 -->
        <div class="area">
          <div class="contain"></div>
        </div>
      </div>
      <div id="footer"></div>
    </div>
  </body>
</html>