code/project/party-member/index.html

<!DOCTYPE html>
<html lang="zh-cn">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>党员故事坊</title>
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/index.css" rel="stylesheet">
  </head>
  <body>
    <div class="title">
      <span class="logo hidden-md hidden-sm hidden-lg" ><img src="images/logo.png"/></span>
      某某街道<span>“</span>党群E服务<span>”</span>云平台<p class="des02 hidden-xs">THE E-SERVICE OF PARTY AND MASSES</p>
    </div>
    <div id="center_cont" class="center_cont">
      <div class="poem hidden-md hidden-sm hidden-lg">
        <p>党群连心的云平台</p>
        <p>党群工作的主阵地</p>
        <p>党群管理的好阵地</p>
        <p>党员展示的新舞台</p>
      </div>
      <div class="description hidden-xs">
          <p class="des01">党员故事坊，为您服务导航！</p>
      </div>
      <ul class="party_nav row clearfix">
          <li class="col-xs-6 col-md-3 col-sm-3">
            <a href="#"><img src="images/icon01.png"/><span>党员故事</span></a></li>
          <li class="col-xs-6 col-md-3 col-sm-3"><a href="article_list.html"><img src="images/icon02.png"/><span>信心宣传</span></a></li>
          <li class="col-xs-6 col-md-3 col-sm-3"><a href="video_list.html"><img src="images/icon03.png"/><span>学习教育</span></a></li>
          <li class="col-xs-6 col-md-3 col-sm-3"><a href="login.html"><img src="images/icon04.png"/><span>工作管理</span></a></li>
      </ul>
    </div>
    <script type="text/javascript">
      var center_cont = document.getElementById('center_cont');
      if(document.body.clientWidth < 768){
        center_cont.style.left = (document.body.clientWidth/2 - 130) + 'px';
      }
    </script>
    <div class="index_footer">
      <small>主办单位: 中共***街道党委会</small> &nbsp;&nbsp;<small class="hidden-xs">版权所有: 南昌***科技有限公司</small>
    </div>
  </body>
</html>