Team:Tongji
From 2014.igem.org
(Difference between revisions)
Yuiuiuiuiui (Talk | contribs) |
Yuiuiuiuiui (Talk | contribs) |
||
Line 1: | Line 1: | ||
- | |||
<html lang="en"> | <html lang="en"> | ||
<!--Important:clear page--> | <!--Important:clear page--> | ||
Line 6: | Line 5: | ||
<!--End clear page--> | <!--End clear page--> | ||
<head> | <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*/ | /*Clear existing style*/ | ||
Line 19: | Line 30: | ||
html, body { | html, body { | ||
width: auto !important; | width: auto !important; | ||
- | + | overflow-x: hidden !important; | |
height: 100% !important; | height: 100% !important; | ||
} | } | ||
/*End claer*/ | /*End claer*/ | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
+ | |||
+ | |||
+ | |||
+ | 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) { | ||
+ | |||
+ | |||
+ | .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 --> | <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements --> | ||
<!--[if lt IE 9]> | <!--[if lt IE 9]> | ||
<script src="http://cdn.bootcss.com/html5shiv/3.7.0/html5shiv.min.js"></script> | <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"> | <body data-spy="scroll" data-target=".bs-docs-sidebar"> | ||
Line 65: | Line 181: | ||
<div class="nav-collapse collapse role="navigation> | <div class="nav-collapse collapse role="navigation> | ||
<ul class="nav navbar-nav"> | <ul class="nav navbar-nav"> | ||
- | <li class=""> | + | <li class="active"> |
<a href="https://2014.igem.org/Team:Tongji">iGEM Tongji 2014</a> | <a href="https://2014.igem.org/Team:Tongji">iGEM Tongji 2014</a> | ||
</li> | </li> | ||
Line 71: | Line 187: | ||
<a href="https://2014.igem.org/Team:Tongji/project">Project</a> | <a href="https://2014.igem.org/Team:Tongji/project">Project</a> | ||
</li> | </li> | ||
- | <li class=" | + | <li class=""> |
<a href="https://2014.igem.org/Team:Tongji/human-practice">Human Practice</a> | <a href="https://2014.igem.org/Team:Tongji/human-practice">Human Practice</a> | ||
</li> | </li> | ||
Line 117: | Line 233: | ||
</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"> | ||
+ | <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> | ||
- | + | <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 class=" | + | <p><a class="btn" onclick=window.parent.location.href="https://static.igem.org/mediawiki/2014/c/cc/IGEM_Newsletter_Issue_1.pdf">Download »</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 »</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 »</a></p> | ||
+ | </div> | ||
+ | </div> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
</div> | </div> | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
<footer class="footer"> | <footer class="footer"> | ||
<div class="container"> | <div class="container"> | ||
Line 428: | Line 345: | ||
</div> | </div> | ||
</footer> | </footer> | ||
- | |||
Line 442: | Line 358: | ||
<script src="https://2014.igem.org/Team:Tongji/application_js?action=raw"></script> | <script src="https://2014.igem.org/Team:Tongji/application_js?action=raw"></script> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
</body> | </body> | ||
</html> | </html> |
Revision as of 14:12, 13 October 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!