Team:Tongji/human-practice

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
 +
<html lang="en">
<html lang="en">
   <head>
   <head>
     <meta charset="utf-8">
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
-
     <meta name="viewport" content="width=device-width, initial-scale=1">
+
    <title>iGEM Tongji 2014</title>
-
    <meta name="description" content="">
+
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-
    <meta name="author" content="">
+
-
    <title>USTB iGEM14 Home</title>
 
-
     <!-- Bootstrap core CSS -->
+
     <!-- Le styles -->
 +
    <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:UST_Beijing/bootstrap/bootstrap.css?action=raw&ctype=text/css" rel="stylesheet"> -->
 +
    <!-- <link href="https://2014.igem.org/Team:UST_Beijing/bootstrap/docs.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>
-
    <link href="https://2014.igem.org/Team:UST_Beijing/bootstrap/bootstrap.css?action=raw&ctype=text/css" rel="stylesheet">
+
<style>
-
    <link href="https://2014.igem.org/Team:UST_Beijing/bootstrap/docs.css?action=raw&ctype=text/css" rel="stylesheet">
+
 +
    /* GLOBAL STYLES
 +
    -------------------------------------------------- */
 +
    /* Padding below the footer and lighter body text */
-
     <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
+
     body {
-
    <!--[if lt IE 9]>
+
        
-
       <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
+
       color: #5a5a5a;
-
       <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+
     }
-
     <![endif]-->
+
-
    <!-- Custom styles for this template -->
 
-
     <style>
+
     /* MARKETING CONTENT
 +
    -------------------------------------------------- */
-
     /* Removes default elements */
+
     /* Center align the text within the three columns below the carousel */
-
    #contentSub, #footer-box, #sitesub, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading, .visualClear {
+
    .marketing .span4 {
-
        display:none;
+
      text-align: center;
-
       }
+
    }
 +
    .marketing h2 {
 +
      font-weight: normal;
 +
    }
 +
    .marketing .span4 p {
 +
      margin-left: 10px;
 +
       margin-right: 10px;
 +
    }
-
      #top-section {
 
-
        border: none;
 
-
        height: 0px;
 
-
        margin: 0px;
 
-
      }
 
-
      #content {
+
    /* Featurettes
-
        border: none;
+
    ------------------------- */
-
        background: transparent;
+
-
        width: 100%;
+
-
        padding: 0px;
+
-
      }
+
-
      p {
+
    .featurette-divider {
-
        margin: 0px;
+
      margin: 80px 0; /* Space out the Bootstrap <hr> more */
-
        padding: 0px;
+
    }
-
       }
+
    .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. */
 +
    }
-
      body {
+
    /* Give some space on the sides of the floated elements so text doesn't run right into it. */
-
        margin: 0 0 0 0;
+
    .featurette-image.pull-left {
-
        padding: 0;
+
      margin-right: 40px;
-
      }
+
    }
 +
    .featurette-image.pull-right {
 +
      margin-left: 40px;
 +
    }
-
      html, body {
+
    /* Thin out the marketing headings */
-
        width: auto !important;
+
    .featurette-heading {
-
        overflow-x: hidden !important;
+
      font-size: 70px;
-
        height: 100% !important;
+
      font-weight: 300;
-
        -webkit-overflow-scrolling: touch;
+
      line-height: 1;
-
      }
+
      letter-spacing: -1px;
 +
    }
 +
.marketing p.lead {
 +
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 +
font-size: 30px;
 +
line-height: 1.2;
 +
}
-
      #top-section {
 
-
        width: 1140px;
 
-
        height: 0;
 
-
        margin: 0 auto;
 
-
        padding: 0;
 
-
        border: none;
 
-
      }
 
-
      #menubar {
 
-
        font-size: 80%;
 
-
        top: 0px;
 
-
        margin: 0px;
 
-
      }
 
 +
    /* RESPONSIVE CSS
 +
    -------------------------------------------------- */
 +
 +
    @media (max-width: 979px) {
-
       /* Resizes the menubar to fix the links (default is 400px) */
+
       .container.navbar-wrapper {
 +
        margin-bottom: 0;
         width: auto;
         width: auto;
       }
       }
-
      .left-menu:hover {
 
-
        background-color: transparent;
 
-
      }
 
-
       #menubar li a {
+
       .carousel .item {
-
      background: transparent;
+
        height: 500px;
-
      color: transparent;
+
      }
-
    }
+
      .carousel img {
 +
        width: auto;
 +
        height: 500px;
 +
      }
-
       #menubar:hover li a {
+
       .featurette {
-
         background-color: rgba(255, 255, 255, 0.8);
+
         height: auto;
-
         color: grey;
+
        padding: 0;
 +
      }
 +
      .featurette-image.pull-left,
 +
      .featurette-image.pull-right {
 +
        display: block;
 +
         float: none;
 +
        max-width: 40%;
 +
        margin: 0 auto 20px;
       }
       }
 +
    }
-
      /* Removes "teams" from the menubar */
 
-
      #menubar > ul > li:last-child {
+
    @media (max-width: 767px) {
-
        display: none;}
+
-
      /* Customize the navbar*/
 
-
       /* Special class on .container surrounding .navbar, used for positioning it into place. */
+
       .carousel {
-
      .navbar-wrapper {
+
         margin-left: -20px;
-
         position: absolute;
+
         margin-right: -20px;
-
        top: 0;
+
-
         right: 0;
+
-
        left: 0;
+
-
        z-index: 20;
+
       }
       }
 +
      .carousel .container {
-
      /* Flip around the padding for proper display in narrow viewports */
 
-
      .navbar-wrapper > .container {
 
-
        padding-right: 0;
 
-
        padding-left: 0;
 
       }
       }
-
       .navbar-wrapper .navbar {
+
       .carousel .item {
-
         padding-right: 15px;
+
         height: 300px;
-
        padding-left: 15px;
+
       }
       }
-
       .navbar-wrapper .navbar .container {
+
       .carousel img {
-
         width: auto;
+
         height: 300px;
       }
       }
-
 
-
 
-
      /* Customize the carousal */
 
-
 
-
      /* Carousel base class */
 
-
      .carousel {
 
-
        height: 650px;
 
-
        margin-bottom: 60px;
 
-
      }
 
-
      /* Since positioning the image, we need to help out the caption */
 
       .carousel-caption {
       .carousel-caption {
-
         z-index: 10;
+
         width: 65%;
 +
        padding: 0 70px;
 +
        margin-top: 100px;
       }
       }
-
 
+
       .carousel-caption h1 {
-
      /* Declare heights because of positioning of img element */
+
         font-size: 30px;
-
       .carousel .item {
+
-
         height: 650px;
+
-
        background-color: #777;
+
       }
       }
-
       .carousel-inner > .item > img {
+
       .carousel-caption .lead,
-
         position: absolute;
+
      .carousel-caption .btn {
-
        top: 0;
+
         font-size: 18px;
-
        left: 0;
+
-
        min-width: 100%;
+
-
        height: 650px;
+
       }
       }
 +
      .marketing .span4 + .span4 {
 +
        margin-top: 40px;
 +
      }
-
 
+
       .featurette-heading {
-
      /* Content */
+
         font-size: 30px;
-
 
+
-
      /* Center align the text within the three columns below the carousel */
+
-
       .marketing .col-lg-4 {
+
-
        margin-bottom: 20px;
+
-
        text-align: center;
+
-
      }
+
-
      .marketing h2 {
+
-
         font-weight: normal;
+
       }
       }
-
       .marketing .col-lg-4 p {
+
       .featurette .lead {
-
         margin-right: 10px;
+
         font-size: 18px;
-
         margin-left: 10px;
+
         line-height: 1.5;
       }
       }
 +
      .marketing p.lead {
 +
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 +
font-size: 18px;
 +
line-height: 1.5;
 +
}
 +
    }
-
      /* Featurettes */
 
-
/*      .featurette-divider {
 
-
        margin: 80px 0; /* Space out the Bootstrap <hr> more */
 
-
      }*/
 
-
      /* Thin out the marketing headings */
+
    </style>
-
      .featurette-heading {
+
-
        font-weight: 300;
+
-
        line-height: 1;
+
-
        letter-spacing: -1px;
+
-
      }
+
 +
    <link href="assets/js/google-code-prettify/prettify.css" rel="stylesheet">
-
       /* Responsive CSS */
+
    <!-- 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]-->
-
       @media (min-width: 768px) {
+
    <!-- Le fav and touch icons -->
 +
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="assets/ico/apple-touch-icon-144-precomposed.png">
 +
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="assets/ico/apple-touch-icon-114-precomposed.png">
 +
       <link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.png">
 +
                    <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
 +
                                  <link rel="shortcut icon" href="assets/ico/favicon.png">
-
        /* Navbar positioning foo */
+
  </head>
-
        .navbar-wrapper {
+
-
          margin-top: 20px;
+
-
        }
+
-
        .navbar-wrapper .container {
+
-
          padding-right: 15px;
+
-
          padding-left: 15px;
+
-
        }
+
-
        .navbar-wrapper .navbar {
+
-
          padding-right: 0;
+
-
          padding-left: 0;
+
-
        }
+
-
        /* The navbar becomes detached from the top, so we round the corners */
+
  <body data-spy="scroll" data-target=".bs-docs-sidebar">
-
        .navbar-wrapper .navbar {
+
-
          border-radius: 4px;
+
-
        }
+
-
         /* Bump up size of carousel content */
+
    <!-- Navbar
-
        .carousel-caption p {
+
    ================================================== -->
-
           margin-bottom: 20px;
+
    <div class="navbar navbar-inverse navbar-fixed-top">
-
           font-size: 21px;
+
      <div class="navbar-inner">
-
           line-height: 1.4;
+
         <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>
 +
           <a class="brand"  onclick=window.parent.location.href="https://igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2014/d/d6/Igemlogo_officiallogo-small.png"></a>
 +
           <!-- <a class="brand "  onclick=window.parent.location.href="https://2014.igem.org/Team:Tongji">Homepage</a> -->
 +
          
-
        .featurette-heading {
 
-
          font-size: 50px;
 
-
        }
 
-
      }
 
-
      @media (min-width: 992px) {
+
          <div class="nav-collapse collapse role="navigation>
-
        .featurette-heading {
+
            <ul class="nav navbar-nav">
-
          margin-top: 120px;
+
              <li class="active">
-
        }
+
                <a  onclick=window.parent.location.href="https://2014.igem.org/Team:Tongji">iGEM Tongji 2014</a>
-
      }
+
              </li>
 +
              <li class="">
 +
                <a  onclick=window.parent.location.href="https://2014.igem.org/Team:Tongji/project">Project</a>
 +
              </li>
 +
              <li class="">
 +
                <a  onclick=window.parent.location.href="https://2014.igem.org/Team:Tongji/human-practice">Human Practice</a>
 +
              </li>
 +
              <li class="">
 +
                <a  onclick=window.parent.location.href="https://2014.igem.org/Team:Tongji/lab-archives">Lab Archives</a>
 +
              </li>
 +
              <li class="">
 +
                <a  onclick=window.parent.location.href="https://2014.igem.org/Team:Tongji/safety">Safety</a>
 +
              </li>
 +
              <li class="">
 +
                <a  onclick=window.parent.location.href="https://2014.igem.org/Team:Tongji/honors-room">Honors Room</a>
 +
              </li>
-
    </style>
 
-
  </head>
 
-
<!-- navbar -->
 
-
  <body>
+
              <li class="dropdown">
-
    <div class="navbar-wrapper">
+
                <a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown" >Language <b class="caret"></b></a>
-
      <div class="container">
+
                <ul  class="dropdown-menu" >
 +
                  <li ><a  onclick=window.parent.location.href="https://2014.igem.org/Team:Tongji"  target="_blank">English</a></li>
 +
                  <li role="presentation"><a role="menuitem" tabindex="-1"  onclick=window.parent.location.href="https://2014.igem.org/Team:Tongji-zh">中文</a></li>
 +
                </ul>
 +
              </li>
-
        <div class="navbar navbar-inverse navbar-static-top" role="navigation">
+
             </ul>
-
          <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="https://2014.igem.org/Team:UST_Beijing">USTB iGEM14</a>
+
-
            </div>
+
-
            <div class="navbar-collapse collapse">
+
-
              <ul class="nav navbar-nav">
+
-
                <li class="active"><a href="https://2014.igem.org/Team:UST_Beijing">Home</a></li>
+
-
                <li><a href="https://2014.igem.org/Team:UST_Beijing/Team">Team</a></li>
+
-
                <li><a href="https://2014.igem.org/Team:UST_Beijing/Project">Project</a></li>
+
-
                <li><a href="https://2014.igem.org/Team:UST_Beijing/Parts">Parts</a></li>
+
-
                <li><a href="https://2014.igem.org/Team:UST_Beijing/Modeling">Modeling</a></li>
+
-
 
+
-
                <li class="dropdown">
+
-
                  <a href="#notebook" 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:UST_Beijing/Footsteps">Footsteps</a></li>
+
-
                      <li><a href="https://2014.igem.org/Team:UST_Beijing/Safety">Safety</a></li>
+
-
                      <li><a href="https://2014.igem.org/Team:UST_Beijing/Attributions">Attributions</a></li>
+
-
                  </ul>
+
-
                </li>
+
-
              </ul>
+
-
            </div>
+
           </div>
           </div>
         </div>
         </div>
-
 
       </div>
       </div>
     </div>
     </div>
-
<!-- Carousel -->
 
-
    <div id="myCarousel" class="carousel slide" data-ride="carousel">
 
-
      <div class="carousel-inner">
 
-
        <div class="item active" style="background: url(https://static.igem.org/mediawiki/2014/3/35/Home_back2.jpg) no-repeat center center; background-size: cover;">
 
-
          <div class="container">
 
-
            <div class="carousel-caption">
 
-
              <h1>Learn from ancestors.</h1>
 
-
              <p class="lead"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>
 
-
            </div>
 
-
          </div>
 
-
        </div>
 
-
    </div><!-- /.carousel -->
 
-
<div class="bs-docs-featurette">
 
-
  <div class="container">
 
-
    <h2 class="bs-docs-featurette-title">During evolution, we lost something.</h2>
 
-
    <p class="lead">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
 
-
    <hr class="half-rule">
 
-
    <div class="row">
+
 
-
      <div class="col-sm-4">
+
<div class="container">
-
        <img id="monkey" src="https://static.igem.org/mediawiki/2014/2/26/Monkey1.png" alt="" class="img-responsive">
+
 
-
        <h3>Ancestors</h3>
+
  <div class="marketing">
-
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
+
    <hr class="soften">
-
      </div>
+
 
-
      <div class="col-sm-4">
+
    <h1>Decolor Four</h1>
-
        <img id="human1" src="https://static.igem.org/mediawiki/2014/0/03/Monkey4.png" alt="" class="img-responsive">
+
    <p class="marketing-byline">M. A. X. A.</p>
-
        <h3>We Human</h3>
+
 
-
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
+
   
-
      </div>
+
 
-
      <div class="col-sm-4">
+
    <hr class="soften">
-
        <img id="human2" src="https://static.igem.org/mediawiki/2014/3/3d/Monkey3.png" alt="" class="img-responsive">
+
-
        <h3>Solutions?</h3>
+
-
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
+
-
      </div>
+
-
    </div>
+
   </div>
   </div>
 +
</div>
</div>
-
<div class="bs-docs-featurette">
 
-
  <div class="container">
 
-
    <h2 class="bs-docs-featurette-title">The answer is fusion.</h2>
 
-
    <p class="lead">We took out DNA from monkeys, and fused with human genes. In this way, we get genes that are suitable for human being to synthesize Vitamin C.</p>
 
-
    <div class="row">
 
-
       <div class="col-sm-4">
+
 
-
         <img src="https://static.igem.org/mediawiki/2014/b/b5/Monkeygene.png" alt="" class="img-responsive">
+
 
 +
    <!-- Carousel
 +
    ================================================== -->
 +
 
 +
 
 +
    <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">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>
       </div>
-
       <div class="col-sm-4">
+
       <hr class="featurette-divider">
-
         <img src="https://static.igem.org/mediawiki/2014/a/a9/Fusedgene.png" alt="" class="img-responsive">
+
 
 +
      <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>
       </div>
-
       <div class="col-sm-4">
+
       <hr class="featurette-divider">
-
          <img src="https://static.igem.org/mediawiki/2014/3/34/Humangene.png" alt="" class="img-responsive">
+
 
 +
      <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>
       </div>
-
       <hr class="half-rule">
+
       <hr class="featurette-divider">
 +
      <!-- /END THE FEATURETTES -->
-
       <a href="https://2014.igem.org/Team:UST_Beijing/Project" class="btn btn-outline btn-lg">View our project</a>
+
        
-
    </div>
+
      <h1>NewsLetters</h1>
-
  </div>
+
      <p class="marketing-byline">Initiated By Xiamen University, providing news of different iGEM teams. We are inside as well.</p>
-
</div>
+
 +
   
-
<!--<div style="width:100%; height:40px; border:0; background-color: #ffffff;"></div> -->
+
     
 +
            <!-- 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>
-
<!-- Footer  -->
 
-
<footer class="bs-docs-footer" role="contentinfo">
 
-
  <div class="container">
 
-
  <div align="center"><img id="footerlogo" src="https://static.igem.org/mediawiki/2014/7/74/Headerlogo.png" alt="" class="img-responsive"></div>
+
    </div>
-
  <p><br></p>
+
   
 +
    <footer class="footer">
 +
      <div class="container">
 +
        <p>Tongji University, 2014</p>
 +
       
 +
      </div>
 +
    </footer>
-
  <p><font size=2.5>Built with love by<br>The iGEM14 team of University of Science and Technology Beijing</font></p>
 
-
    <ul class="bs-docs-footer-links muted"> <font size=2.5>
 
-
      <li><a href="http://www.ustb.edu.cn">Visit us</a></li>
 
-
      <li>&middot;</li>
 
-
      <li><a href="http://twitter.com">Follow us on Twitter</a></li>
 
-
    </font>
 
-
    </ul>
 
-
  </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>
-
<!-- Bootstrap core JavaScript -->
+
    <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://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
+
     <script src="https://2014.igem.org/Team:Tongji/application_js?action=raw"></script>
-
     <script src="https://2014.igem.org/Team:UST_Beijing/bootstrap/bootstrap.js?action=raw"></script>
+
-
    <script src="https://2014.igem.org/Team:UST_Beijing/bootstrap/docs.js?action=raw"></script>
+
   </body>
   </body>
</html>
</html>

Revision as of 17:49, 11 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/human-practice"