Team:Tongji

From 2014.igem.org

(Difference between revisions)
 
(20 intermediate revisions not shown)
Line 1: Line 1:
-
<html>
+
<!-- <!DOCTYPE html> -->
-
<!--make Bootstrap template (any outside servers) perfectly work in iGEM wiki system. How to? First you buy a server and upload your websites, and then copy my code below, replace your servers address. Second, in every iGEM wiki page, put the similar code.(How to edit page? Replace your school name (and year ) in "https://2014.igem.org/wiki/index.php?title=Team:Tongji&action=edit" and put it in your browser) (and if you want to edit Tongji/Team, just add /Team in that address) Third, in every linkage, replace "href="xxx" by "onclick=window.parent.location.href="xxx"", if you have pdf file, please upload to iGEM and paste the address. If you have further question please feel free to ask me. Nelson's email: yuiuiuiuiui@163.com-->
+
<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">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>
-
<meta name="viewport" content="width=device-width, initial-scale=1">
 
-
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
 
-
<script>
 
      
      
-
  $('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/index.html" 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