Team:Tongji

From 2014.igem.org

(Difference between revisions)
 
(25 intermediate revisions not shown)
Line 1: Line 1:
-
<html>
+
<!-- <!DOCTYPE html> -->
-
<meta name="viewport" content="width=device-width, initial-scale=1">
+
<html lang="en">
-
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
+
<!--Important:clear page-->
-
<script>
+
<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">iGEM Tongji 2014</a>
 +
              </li>
 +
              <li class="">
 +
                <a  href="https://2014.igem.org/Team:Tongji/project">Project</a>
 +
              </li>
 +
              <li class="">
 +
                <a  href="https://2014.igem.org/Team:Tongji/human-practice">Human Practice</a>
 +
              </li>
 +
              <li class="">
 +
                <a  href="https://2014.igem.org/Team:Tongji/lab-archives">Lab Archives</a>
 +
              </li>
 +
              <li class="">
 +
                <a  href="https://2014.igem.org/Team:Tongji/safety">Safety</a>
 +
              </li>
 +
              <li class="">
 +
                <a  href="https://2014.igem.org/Team:Tongji/honors-room">Honors Room</a>
 +
              </li>
 +
 
 +
 
 +
 
 +
 
 +
              <li class="dropdown">
 +
                <a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown" >Language <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>
 +
 
 +
              <li class="dropdown">
 +
                <a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown" >iGEM Bar <b class="caret"></b></a>
 +
                <ul  class="dropdown-menu " >
 +
                  <li ><a  href="/wiki/index.php?title=Talk:Team:Tongji&amp;action=edit&amp;redlink=1">Discussion</a></li>
 +
                  <li ><a  href="/wiki/index.php?title=Team:Tongji&amp;action=edit">Edit</a></li>
 +
                  <li ><a  href="/wiki/index.php?title=Team:Tongji&amp;action=history">History</a></li>
 +
                  <li ><a  href="/Special:MovePage/Team:Tongji">Move</a></li>
 +
                  <li ><a  href="/wiki/index.php?title=Team:Tongji&amp;action=watch">Watch</a></li>
 +
                  <li class="divider"></li>
 +
                  <li ><a href="/wiki/index.php?title=Special:UserLogin&amp;returnto=Team:Tongji">Login</a></li>
 +
                  <li ><a href="https://igem.org/User_Information">Account</a></li>
 +
                  <li class="divider"></li>
 +
                  <li><a href="https://igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2014/d/d6/Igemlogo_officiallogo-small.png"></a></li>
 +
                </ul>
 +
              </li>             
 +
 
 +
            </ul>
 +
          </div>
 +
        </div>
 +
      </div>
 +
    </div>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
    <div class="container">
 +
 
 +
      <div class="marketing">
 +
        <hr class="soften">
 +
 
 +
        <h1>Decolor Four</h1>
 +
        <p class="marketing-byline">M.  A.  X.  A.</p>
 +
 
 +
 
 +
 
 +
        <hr class="soften">
 +
 
 +
      </div>
 +
 
 +
    </div>
 +
 
 +
 
 +
    <div class="container" id="Big">
 +
      <img  src="https://static.igem.org/mediawiki/2014/5/5d/Bottle.png">
 +
    </div>
 +
 
 +
<div class="row" id="Small">
 +
  <div class="span6">
 +
    <img src="https://static.igem.org/mediawiki/2014/7/75/Bottle-left.png">
 +
  </div>
 +
  <div class="span6">
 +
    <img src="https://static.igem.org/mediawiki/2014/6/67/Bottle-right.png">
 +
  </div>
 +
</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">Eco <span class="muted">Friendly</span></h2>
 +
        <p class="lead">New process needs 20% less chloride detergent than traditional process, and lowers AOX levels of waste.</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">Synergy<span class="muted"></span></h2>
 +
        <p class="lead">A combination of three enzymes work better than each single one. </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">Hot <span class="muted">Resistance</span></h2>
 +
        <p class="lead">Since coming from a thermophilic organism, these three enzymes can work even in 94.7°C!</p>
 +
      </div>
 +
 
 +
      <hr class="featurette-divider">
 +
 
 +
      <!-- /END THE FEATURETTES -->
 +
 
 +
     
 +
 
 +
      <h1>NewsLetters</h1>
 +
      <p class="marketing-byline">Initiated By Xiamen University, providing news of different iGEM teams. We are inside as well.</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>Newsletter 1st</h2>
 +
          <p>From 28th JUL. to 10th AUG.</p>
 +
          <p><a class="btn"  onclick=window.parent.location.href="https://static.igem.org/mediawiki/2014/c/cc/IGEM_Newsletter_Issue_1.pdf">Download &raquo;</a></p>
 +
        </div><!-- /.span4 -->
 +
        <div class="span4">
 +
          <img class="img-circle" src="https://static.igem.org/mediawiki/2014/0/09/140.png">
 +
          <h2>Newsletter 2nd</h2>
 +
          <p>From 11th AUG. to 24th AUG.</p>
 +
          <p><a class="btn"  onclick=window.parent.location.href="https://static.igem.org/mediawiki/2014/9/97/IGEM_Newsletter_Issue_2.pdf">Download &raquo;</a></p>
 +
        </div><!-- /.span4 -->
 +
        <div class="span4">
 +
          <img class="img-circle" src="https://static.igem.org/mediawiki/2014/0/09/140.png">
 +
          <h2>Newsletter 3rd</h2>
 +
          <p>From 25th AUG. to 7th SEP.</p>
 +
          <p><a class="btn"  onclick=window.parent.location.href="https://static.igem.org/mediawiki/2014/4/4c/IGEM_Newsletter_Issue_3.pdf">Download &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>
 +
 
      
      
-
  $('head').empty();
+
    <footer class="footer">
-
  $('body').empty().removeClass().css('margin','0');
+
      <div class="container">
-
 
+
        <p>Tongji University, 2014</p>
-
  var iframe = $('<iframe src="http://yuiuiuiuiui.cloud66-162.78host.com" style="border: 0; width: 100%;"></iframe>').css('height',$(window).height());
+
       
-
  $('body').html(iframe);
+
      </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>
-
  $(window).resize(function () {
+
     <script src="https://2014.igem.org/Team:Tongji/application_js?action=raw"></script>
-
     iframe.css('height',$(window).height());
+
-
  });
+
-
</script>
+
  </body>
-
</html>
+
  </html>

Latest revision as of 17:42, 14 October 2014

iGEM Tongji 2014


Decolor Four



Eco Friendly

New process needs 20% less chloride detergent than traditional process, and lowers AOX levels of waste.


Synergy

A combination of three enzymes work better than each single one.


Hot Resistance

Since coming from a thermophilic organism, these three enzymes can work even in 94.7°C!


NewsLetters

Newsletter 1st

From 28th JUL. to 10th AUG.

Download »

Newsletter 2nd

From 11th AUG. to 24th AUG.

Download »

Newsletter 3rd

From 25th AUG. to 7th SEP.

Download »


Tongji University, 2014