Team:Tongji

From 2014.igem.org

(Difference between revisions)
 
(32 intermediate revisions not shown)
Line 1: Line 1:
 +
<!-- <!DOCTYPE html> -->
<html lang="en">
<html lang="en">
 +
<!--Important:clear page-->
 +
<script>    $('head').empty(); </script>
 +
<!--End clear page-->
<head>
<head>
-
<meta charset="utf-8">
+
  <meta charset="utf-8">
-
<meta http-equiv="X-UA-Compatible" content="IE=edge">
+
-
<meta name="viewport" content="width=device-width, initial-scale=1">
+
-
<meta name="description" content="">
+
-
<meta name="author" content="">
+
-
<link rel="icon" href="../../favicon.ico">
+
-
<title>Carousel Template for Bootstrap</title>
+
-
<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.2.0/css/bootstrap.min.css">
+
-
<script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
+
-
<script src="http://cdn.bootcss.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
+
-
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
+
  <title>iGEM Tongji 2014</title>
-
<!--[if lt IE 9]>
+
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
+
-
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+
-
    <![endif]-->
+
-
<!-- Custom styles for this template -->
 
-
<link href="carousel.css" rel="stylesheet">
 
-
<style type="text/css">
 
-
body {
 
-
padding-bottom: 40px;
 
-
background: #333333;
 
-
color: #5a5a5a;
 
-
font-size: 12px;
 
-
}
 
-
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear {
 
-
display: none;
 
-
} /*-- hides default wiki settings --*/
 
-
.firstHeading {
 
-
width: 975px;
 
-
margin: 0px auto;
 
-
padding-top: 100px;
 
-
margin-bottom: 20px;
 
-
font-family: Georgia, Times, "Times New Roman", serif;
 
-
}
 
-
h1, h2, h3, h4, h5 {
 
-
font-family: Georgia, Times, "Times New Roman", serif;
 
-
}
 
-
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
 
-
background-color: #383838;
 
-
border: 0 none;
 
-
height: 14px;
 
-
z-index: 100;
 
-
top: 0;
 
-
position: fixed;
 
-
width: 975px;
 
-
left: 50%;
 
-
margin-left: -487px;
 
-
}
 
-
#top-section-bar { /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/
 
-
background-color: #383838;
 
-
height: 14px;
 
-
display: block;
 
-
z-index: 10;
 
-
position: fixed;
 
-
width: 100%;
 
-
top: 0;
 
-
}
 
-
body {
 
-
background-color: #fff;
 
-
}
 
-
#globalWrapper, #content { /*-- changes default wiki settings --*/
 
-
width: 100%;
 
-
height: 100%;
 
-
border: 0px;
 
-
background-color: transparent;
 
-
margin: 0px;
 
-
padding: 0px;
 
-
}
 
-
html, body, .wrapper { /*-- changes default wiki settings --*/
 
-
width: 100%;
 
-
height: 100%;
 
-
background-color: transparent;
 
-
}
 
-
#container { /*-- creates container for all content on page --*/
 
-
font-family: Arial, Helvetica, sans-serif;
 
-
font-weight: normal;
 
-
font-size: 14px;
 
-
color: #414141;
 
-
width: 960px;
 
-
margin-left: auto;
 
-
margin-right: auto;
 
-
background-color: #transparent;
 
-
margin-top: 0px;
 
-
}
 
-
.container {
 
-
font-size:14px
 
-
}
 
-
.buttontext {
 
-
color:#FFF
 
-
}
 
-
</style>
 
-
<style>
 
-
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading, .visualClear {
 
-
display: none;
 
-
} /*-- hides default wiki settings --*/
 
-
</style>
 
-
</head>
 
-
<!-- NAVBAR
 
-
================================================== -->
 
-
<body>
 
-
<div class="container-fluid">
 
-
  <!-- Brand and toggle get grouped for better mobile display -->
 
-
  <div class="navbar-header">
 
-
    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
 
-
    <a class="navbar-brand" href="#">Brand</a> </div>
 
-
  <div class="navbar-wrapper">
 
-
    <div class="navbar navbar-fixed-top navbar-inverse" role="navigation">
 
-
      <div class="container">
 
-
        <div class="navbar-header">
 
-
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
 
-
          <a class="navbar-brand" href="#">iGem 2014 NJAU_China</a> </div>
 
-
        <div class="collapse navbar-collapse">
 
-
          <ul class="nav navbar-nav">
 
-
            <li class="active"><a href="https://2014.igem.org/Team:NJAU_China" class="unselect">Home</a></li>
 
-
            <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Introduction<span class="caret"></span></a>
 
-
              <ul class="dropdown-menu" role="menu">
 
-
                <li><a href="https://2014.igem.org/Team:NJAU_China/Background">Background</a></li>
 
-
                <li><a href="https://2014.igem.org/Team:NJAU_China/Challenge">Challenge</a></li>
 
-
                <li><a href="https://2014.igem.org/Team:NJAU_China/OurIdea">Our Idea</a></li>
 
-
              </ul>
 
-
            </li>
 
-
            <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Project<span class="caret"></span></a>
 
-
              <ul class="dropdown-menu" role="menu">
 
-
                <li><a href="https://2014.igem.org/Team:NJAU_China/Overview">Overview</a></li>
 
-
                <li><a href="https://2014.igem.org/Team:NJAU_China/Sensor">Part1: Sensor</a></li>
 
-
                <li><a href="https://2014.igem.org/Team:NJAU_China/System">System</a></li>
 
-
                <li><a href="https://2014.igem.org/Team:NJAU_China/Product">Product</a></li>
 
-
                <li><a href="https://2014.igem.org/Team:NJAU_China/Summary">Summary</a></li>
 
-
              </ul>
 
-
            </li>
 
-
            <li><a href="https://2014.igem.org/Team:NJAU_China/Modeling" class="unselect">Modeling</a></li>
 
-
            <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Outreach<span class="caret"></span></a>
 
-
              <ul class="dropdown-menu" role="menu">
 
-
                <li><a href="https://2014.igem.org/Team:NJAU_China/HumanPractice">Human Practice</a></li>
 
-
                <li><a href="https://2014.igem.org/Team:NJAU_China/Safety">Safety</a></li>
 
-
                <li><a href="https://2014.igem.org/Team:NJAU_China/Collaboration">Collaboration</a></li>
 
-
              </ul>
 
-
            </li>
 
-
            <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Achievements<span class="caret"></span></a>
 
-
              <ul class="dropdown-menu" role="menu">
 
-
                <li><a href="https://2014.igem.org/Team:NJAU_China/BioBricks">BioBricks</a></li>
 
-
                <li><a href="https://2014.igem.org/Team:NJAU_China/JudgingCriteria">Judging Criteria</a></li>
 
-
              </ul>
 
-
            </li>
 
-
            <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Notebook<span class="caret"></span></a>
 
-
              <ul class="dropdown-menu" role="menu">
 
-
                <li><a href="https://2014.igem.org/Team:NJAU_China/Protocol">Protocol</a></li>
 
-
                <li><a href="https://2014.igem.org/Team:NJAU_China/Lablog">Lablog</a></li>
 
-
              </ul>
 
-
            </li>
 
-
            <li><a href="https://2014.igem.org/Team:NJAU_China/Team"  class="unselect">Team</a></li>
 
-
            <li><a href="https://2014.igem.org/Team:NJAU_China/Acknowledgement"  class="unselect">Acknowledgement</a></li>
 
-
          </ul>
 
-
        </div>
 
-
        <!-- /.nav-collapse -->
 
-
      </div>
 
-
      <!-- /.container -->
 
-
    </div>
 
-
    <!-- /.navbar -->
 
-
   
 
-
  </div>
 
-
</div>
 
-
<!-- Carousel
+
  <!-- 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 id="myCarousel" class="carousel slide" data-ride="carousel">  
+
    <div class="navbar navbar-inverse navbar-fixed-top">
-
  <!-- Indicators -->
+
      <div class="navbar-inner">
-
  <ol class="carousel-indicators">
+
        <div class="container">
-
    <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
+
          <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-
    <li data-target="#myCarousel" data-slide-to="1"></li>
+
            <span class="icon-bar"></span>
-
    <li data-target="#myCarousel" data-slide-to="2"></li>
+
            <span class="icon-bar"></span>
-
  </ol>
+
            <span class="icon-bar"></span>
-
  <div class="carousel-inner" role="listbox">
+
          </button>
-
    <div class="item active text-center"> <img src="https://static.igem.org/mediawiki/2014/d/d3/Njau_slide1.jpg" alt="First slide" class="text-center">
+
 
-
      <div class="container">
+
 
-
        <div class="carousel-caption">
+
 
-
          <h1>Example headline.</h1>
+
          <div class="nav-collapse collapse role="navigation>
-
          <p>Note: If you're viewing this page via a <code>file://</code> URL, the "next" and "previous" Glyphicon buttons on the left and right might not load/display properly due to web browser security rules.</p>
+
            <ul class="nav navbar-nav">
-
          <p><a class="btn btn-lg btn-primary" style="color:#FFF" href="#" role="button">Sign up today</a></p>
+
              <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>
     </div>
     </div>
-
     <div class="item text-center"> <img src="https://static.igem.org/mediawiki/2014/2/24/Njau_slide2.jpg" alt="Second slide">
+
 
-
       <div class="container">
+
 
-
         <div class="carousel-caption">
+
 
-
          <h1>Another example headline.</h1>
+
 
-
          <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
+
 
-
          <p><a class="btn btn-lg btn-primary" style="color:#FFF" href="#" role="button">Learn more</a></p>
+
 
-
        </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>
     </div>
-
    <div class="item text-center"> <img src="https://static.igem.org/mediawiki/2014/6/62/Njau_slide3.jpg" alt="Third slide">
 
-
      <div class="container">
 
-
        <div class="carousel-caption">
 
-
          <h1>One more for good measure.</h1>
 
-
          <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
 
-
          <p><a class="btn btn-lg btn-primary" style="color:#FFF" href="#" role="button">Browse gallery</a></p>
 
-
        </div>
 
-
      </div>
 
-
    </div>
 
-
  </div>
 
-
  <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left"></span> <span class="sr-only">Previous</span> </a> <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next"> <span class="glyphicon glyphicon-chevron-right"></span> <span class="sr-only">Next</span> </a> </div>
 
-
<!-- /.carousel -->
 
-
<!-- Marketing messaging and featurettes
 
-
    ================================================== -->
 
-
<!-- Wrap the rest of the page in another container to center all the content. -->
 
-
<div class="container marketing">
+
    <div class="container" id="Big">
-
 
+
       <img  src="https://static.igem.org/mediawiki/2014/5/5d/Bottle.png">
-
  <!-- START THE FEATURETTES -->
+
-
 
+
-
  <hr class="featurette-divider">
+
-
  <div class="row featurette">
+
-
    <div class="col-md-7">
+
-
       <h2 class="featurette-heading">First featurette heading. <span class="text-muted">It'll blow your mind.</span></h2>
+
-
      <p class="lead">Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.</p>
+
     </div>
     </div>
-
    <div class="col-md-5"> <img src="https://static.igem.org/mediawiki/2014/1/10/Njau_home_1.jpg" alt="Generic placeholder image" class="featurette-image img-responsive" data-src="holder.js/500x500/auto"> </div>
+
 
 +
<div class="row" id="Small">
 +
  <div class="span6">
 +
    <img src="https://static.igem.org/mediawiki/2014/7/75/Bottle-left.png">
   </div>
   </div>
-
  <hr class="featurette-divider">
+
   <div class="span6">
-
   <div class="row featurette">
+
     <img src="https://static.igem.org/mediawiki/2014/6/67/Bottle-right.png">
-
     <div class="col-md-5"> <img src="https://static.igem.org/mediawiki/2014/8/8a/Njau_home_2.jpg" alt="Generic placeholder image" class="featurette-image img-responsive" data-src="holder.js/500x500/auto"> </div>
+
-
    <div class="col-md-7">
+
-
      <h2 class="featurette-heading">Oh yeah, it's that good. <span class="text-muted">See for yourself.</span></h2>
+
-
      <p class="lead">Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.</p>
+
-
    </div>
+
   </div>
   </div>
-
  <hr class="featurette-divider">
+
</div>
-
  <div class="row featurette">
+
    <hr class="soften">
-
    <div class="col-md-7">
+
    <!-- Marketing messaging and featurettes
-
      <h2 class="featurette-heading">And lastly, this one. <span class="text-muted">Checkmate.</span></h2>
+
    ================================================== -->
-
      <p class="lead">Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.</p>
+
    <!-- Wrap the rest of the page in another container to center all the content. -->
-
    </div>
+
 
-
    <div class="col-md-5"> <img src="https://static.igem.org/mediawiki/2014/1/1e/Njau_home_3.jpg" alt="Generic placeholder image" class="featurette-image img-responsive" data-src="holder.js/500x500/auto"> </div>
+
    <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>
-
  <hr class="featurette-divider">
 
-
 
 
-
  <!-- /END THE FEATURETTES -->
 
-
 
 
-
  <!-- FOOTER -->
 
-
  <footer>
 
-
    <p class="pull-right"><a href="#">Back to top</a></p>
 
-
    <p>&copy; 2014 Company, Inc. &middot; <a href="#">Privacy</a> &middot; <a href="#">Terms</a></p>
 
-
  </footer>
 
</div>
</div>
-
<!-- /.container -->
 
-
<!-- Bootstrap core JavaScript
+
 
-
     ================================================== -->  
+
    </div>
-
<!-- Placed at the end of the document so the pages load faster -->  
+
 
-
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
+
   
-
</body>
+
    <footer class="footer">
-
</html>
+
      <div class="container">
 +
        <p>Tongji University, 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>

Latest revision as of 17:42, 14 October 2014

iGEM Tongji 2014

Decolor Four

M. A. X. A.

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

Initiated By Xiamen University, providing news of different iGEM teams. We are inside as well.

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

Retrieved from "http://2014.igem.org/Team:Tongji"