Team:Tongji-zh

<!-- <!DOCTYPE html> -->
<html lang="en">
<!--Important:clear page-->
<script>    $('head').empty(); </script>
<!--End clear page-->
<head>
  <meta charset="utf-8">

  <title>iGEM Tongji 2014</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">


  <!-- load css files -->
  <link href="https://2014.igem.org/Team:Tongji/bootstrap_min_css?action=raw&ctype=text/css" rel="stylesheet">
  <link href="https://2014.igem.org/Team:Tongji/bootstrap-responsive_min_css?action=raw&ctype=text/css" rel="stylesheet">
  <link href="https://2014.igem.org/Team:Tongji/docs_css?action=raw&ctype=text/css" rel="stylesheet">
  <style>
  body{font-family:"ff-tisa-web-pro-1","ff-tisa-web-pro-2","Lucida Grande","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Hiragino Sans GB W3","Microsoft YaHei UI","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;}
  </style>

  <style>

  /*Clear existing style*/


  #contentSub, #menubar, #footer-box, #siteSub, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading, .visualClear {
    display:none;
  }

  html, body {
    width: auto !important;
/*    overflow-x: hidden !important;*/
    height: 100% !important;

  }
  /*End claer*/

      #Big{display: block;}
      #Small{display: none;}


    body {

      color: #5a5a5a;
    }



    /* MARKETING CONTENT
    -------------------------------------------------- */

    /* Center align the text within the three columns below the carousel */
    .marketing .span4 {
      text-align: center;
    }
    .marketing h2 {
      font-weight: normal;
    }
    .marketing .span4 p {
      margin-left: 10px;
      margin-right: 10px;
    }


    /* Featurettes
    ------------------------- */

    .featurette-divider {
      margin: 80px 0; /* Space out the Bootstrap <hr> more */
    }
    .featurette {
      padding-top: 120px; /* Vertically center images part 1: add padding above and below text. */
      overflow: hidden; /* Vertically center images part 2: clear their floats. */
    }
    .featurette-image {
      margin-top: -120px; /* Vertically center images part 3: negative margin up the image the same amount of the padding to center it. */
    }

    /* Give some space on the sides of the floated elements so text doesn't run right into it. */
    .featurette-image.pull-left {
      margin-right: 40px;
    }
    .featurette-image.pull-right {
      margin-left: 40px;
    }

    /* Thin out the marketing headings */
    .featurette-heading {
      font-size: 70px;
      font-weight: 300;
      line-height: 1;
      letter-spacing: -1px;
    }


    .marketing p.lead {
      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 30px;
      line-height: 1.2;
    }



    /* RESPONSIVE CSS
    -------------------------------------------------- */

    @media (max-width: 979px) {

      .container.navbar-wrapper {
        margin-bottom: 0;
        width: auto;
      }



      .featurette {
        height: auto;
        padding: 0;
      }
      .featurette-image.pull-left,
      .featurette-image.pull-right {
        display: block;
        float: none;
        max-width: 80%;
        margin: 0 auto 20px;
      }
    }


    @media (max-width: 767px) {

      #Big{display: none;}
      #Small{display: block}

      .marketing .span4 + .span4 {
        margin-top: 40px;
      }

      .featurette-heading {
        font-size: 30px;
      }
      .featurette .lead {
        font-size: 18px;
        line-height: 1.5;
      }
      .marketing p.lead {
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 18px;
        line-height: 1.5;
      }

    }



    </style>


    <link href="https://2014.igem.org/Team:Tongji/prettify_css?action=raw&ctype=text/css" rel="stylesheet">

    <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="http://cdn.bootcss.com/html5shiv/3.7.0/html5shiv.min.js"></script>
      <![endif]-->


    </head>

    <body data-spy="scroll" data-target=".bs-docs-sidebar">

    <!-- Navbar
    ================================================== -->
    <div class="navbar navbar-inverse navbar-fixed-top">
      <div class="navbar-inner">
        <div class="container">
          <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>



          <div class="nav-collapse collapse role="navigation>
            <ul class="nav navbar-nav">
              <li class="active">
                <a  href="https://2014.igem.org/Team:Tongji-zh">iGEM 同济 2014</a>
              </li>
              <li class="">
                <a  href="https://2014.igem.org/Team:Tongji/project-zh">项目介绍</a>
              </li>
              <li class="">
                <a  href="https://2014.igem.org/Team:Tongji/human-practice-zh">对外事务所</a>
              </li>
              <li class="">
                <a  href="https://2014.igem.org/Team:Tongji/lab-archives-zh">实验室档案馆</a>
              </li>
              <li class="">
                <a  href="https://2014.igem.org/Team:Tongji/safety-zh">安全保障</a>
              </li>
              <li class="">
                <a  href="https://2014.igem.org/Team:Tongji/honors-room-zh">荣誉室</a>
              </li>




              <li class="dropdown">
                <a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown" >语言 <b class="caret"></b></a>
                <ul  class="dropdown-menu" >
                  <li ><a  href="https://2014.igem.org/Team:Tongji"  >English</a></li>
                  <li role="presentation"><a href="https://2014.igem.org/Team:Tongji-zh">中文</a></li>
                </ul>
              </li>

                  

            </ul>
          </div>
        </div>
      </div>
    </div>






    <div class="container">

      <div class="marketing">
        <hr class="soften">

        <h1>去色四天王</h1>
        <p class="marketing-byline">M.  A.  X.  A.</p>



        <hr class="soften">

      </div>

    </div>




    <div class="container">
      <img  src="https://static.igem.org/mediawiki/2014/5/5d/Bottle.png">
    </div>
    <hr class="soften">
    <!-- Marketing messaging and featurettes
    ================================================== -->
    <!-- Wrap the rest of the page in another container to center all the content. -->

    <div class="container marketing">





      <!-- START THE FEATURETTES -->



      <div class="featurette">
        <img class="featurette-image pull-right" src="https://static.igem.org/mediawiki/2014/a/a7/Browser-icon-chrome.png">

        <h2 class="featurette-heading">生态<span class="muted">友好</span></h2>
        <p class="lead">比起传统工艺，采用了我们生物机器的新工艺将减少20%的含氯试剂使用量，并降低污水的AOX水平</p>
      </div>

      <hr class="featurette-divider">

      <div class="featurette">
        <img class="featurette-image pull-left" src="https://static.igem.org/mediawiki/2014/c/c3/Browser-icon-firefox.png">
        <h2 class="featurette-heading">协同<span class="muted">效应</span></h2>
        <p class="lead">三种酶的组合使用效果胜过任何一个单独使用的效果</p>
      </div>

      <hr class="featurette-divider">

      <div class="featurette">
        <img class="featurette-image pull-right" src="https://static.igem.org/mediawiki/2014/4/43/Browser-icon-safari.png">
        <h2 class="featurette-heading">抗耐<span class="muted">高温</span></h2>
        <p class="lead">由于取自嗜热微生物，我们的酶能在高至94.7°C的环境下工作，令人惊讶！</p>
      </div>

      <hr class="featurette-divider">

      <!-- /END THE FEATURETTES -->

      

      <h1>新闻小报</h1>
      <p class="marketing-byline">由厦门大学发起，搜集了多支队伍的新闻动态。我们也参与其中。</p>



      

      <!-- Three columns of text below the carousel -->
      <div class="row">
        <div class="span4">
          <img class="img-circle" src="https://static.igem.org/mediawiki/2014/0/09/140.png">
          <h2>新闻小报第一期</h2>
          <p>从7月28日到8月10日</p>
          <p><a class="btn"  onclick=window.parent.location.href="https://static.igem.org/mediawiki/2014/c/cc/IGEM_Newsletter_Issue_1.pdf">下载 &raquo;</a></p>
        </div><!-- /.span4 -->
        <div class="span4">
          <img class="img-circle" src="https://static.igem.org/mediawiki/2014/0/09/140.png">
          <h2>新闻小报第二期</h2>
          <p>从8月11日到8月24日</p>
          <p><a class="btn"  onclick=window.parent.location.href="https://static.igem.org/mediawiki/2014/9/97/IGEM_Newsletter_Issue_2.pdf">下载 &raquo;</a></p>
        </div><!-- /.span4 -->
        <div class="span4">
          <img class="img-circle" src="https://static.igem.org/mediawiki/2014/0/09/140.png">
          <h2>新闻小报第三期</h2>
          <p>从8月25日到9月7日</p>
          <p><a class="btn"  onclick=window.parent.location.href="https://static.igem.org/mediawiki/2014/4/4c/IGEM_Newsletter_Issue_3.pdf">下载 &raquo;</a></p>
        </div>
      </div>


<hr class="featurette-divider">
<div class="row">
  <div class="span6">
    <img src="https://static.igem.org/mediawiki/2014/6/6a/Tongji-logo.png">
  </div>
  <div class="span6">
    <img src="https://static.igem.org/mediawiki/2014/1/13/Igem-2014-logo.png">
  </div>
</div>

    </div>

    
    <footer class="footer">
      <div class="container">
        <p>同济大学, 2014</p>
        
      </div>
    </footer>


    <!-- Le javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    
    <script src="https://2014.igem.org/Team:Tongji/jquery_min_js?action=raw"></script>
    <script src="https://2014.igem.org/Team:Tongji/bootstrap_min_js?action=raw"></script>

    <script src="https://2014.igem.org/Team:Tongji/holder_min_js?action=raw"></script>
    <script src="https://2014.igem.org/Team:Tongji/prettify_js?action=raw"></script>

    <script src="https://2014.igem.org/Team:Tongji/application_js?action=raw"></script>

  </body>
  </html>