
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>紫冰信息网</title>
    <meta name="tencent-site-verification" content="ebb8d58fb21cb1f79c8c369ca5167e16"/>
  </head>
  <body>
    <div class="top">
      <div class="title">上海紫冰网络科技有限公司</div>
    </div>
    <div class="middle">
      <div class="des">公司简介</div>
      <div class="content">
          上海紫冰网络科技有限公司是一家致力于移动互联网开发的创业公司。
      </div>
    <div class="des">
        联系方式
      </div>
      <div class="content">
        电话：021-58203925/025-86557821<br>
        邮箱：hr@novelpro.cn
      </div>
    </div>
    <div class="bottom">
      <div>
        <div>
          <span>增值电信业务经营许可证：</span>
          <span class="text">沪B2-20190745 </span>
        </div>
        <div>
          <span>网络文化经营许可证：</span>
          <span class="text"> 沪网文（2019）3933-278号</span>
        </div>
        <div>
          <span>ICP备案/许可证号：</span>
          <span class="text"> <a href="https://beian.miit.gov.cn/" target="_blank" style="color:white" >沪ICP备19028607号-3</a></span>
        </div>
      </div>
    </div>
  </body>
</html>
<style>
  html,
  body {
    height: 100%;
    width: 100%;
    margin: 0;
  }
  body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: #eeeeee;
  }
  .top,
  .middle,
  .bottom {
    background-size: cover;
    background-repeat: round;
    display: flex;
    align-items: center;
  }
  .top {
    background-image: url(./mobile/mobile_index--_01.png);
    height: 20%;
  }
  .title {
    font-size: 26px;
    font-weight: bold;
    color: rgba(255, 255, 255, 1);
    margin: 0 auto;
  }
  .middle {
    /* background-image: url(./mobile/mobile_index--_03.png); */
    flex-direction: column;
  }
  .des {
    font-size: 25px;
    color: rgb(8, 7, 7);
    border-bottom: 3px solid #bd1fb8;
    /* position: absolute; */
  }
  .content {
    flex-grow: 1;
    font-size: 22px;
    color: #000;
    margin: 0 auto;
    max-width: 80%;
    display: flex;
    align-items: center;
    padding-bottom: 40px;
  }
  .bottom {
    min-height: 10%;
    background-image: url(./mobile/mobile_index--_05.png);
    font-weight: bold;
    color: rgba(255, 255, 255, 1);
    font-size: 14px;
  }
  .bottom div {
    max-width: 400px;
    margin: 0 auto;
  }
  .text {
    font-weight: normal;
  }
</style>

