Team:Tongji/human-practice
From 2014.igem.org
(Difference between revisions)
Yuiuiuiuiui (Talk | contribs) |
Yuiuiuiuiui (Talk | contribs) |
||
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="viewport" content="width=device-width, initial-scale=1.0"> | |
- | + | ||
- | |||
- | <!-- | + | <!-- 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> | ||
- | < | + | <style> |
- | + | ||
+ | #footerlogo { | ||
+ | width: 250px; | ||
+ | height: 100px; | ||
+ | } | ||
- | <!-- HTML5 shim | + | /* Removes default elements */ |
+ | #contentSub, #footer-box, #sitesub, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading, .visualClear { | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | #top-section { | ||
+ | border: none; | ||
+ | height: 0px; | ||
+ | margin: 0px; | ||
+ | } | ||
+ | |||
+ | #content { | ||
+ | border: none; | ||
+ | background: transparent; | ||
+ | width: 100%; | ||
+ | padding: 0px; | ||
+ | } | ||
+ | |||
+ | p { | ||
+ | margin: 0px; | ||
+ | padding: 0px; | ||
+ | } | ||
+ | |||
+ | body { | ||
+ | margin: 0 0 0 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | html, body { | ||
+ | width: auto !important; | ||
+ | overflow-x: hidden !important; | ||
+ | height: 100% !important; | ||
+ | -webkit-overflow-scrolling: touch; | ||
+ | } | ||
+ | |||
+ | #top-section { | ||
+ | width: 1140px; | ||
+ | height: 0; | ||
+ | margin: 0 auto; | ||
+ | padding: 0; | ||
+ | border: none; | ||
+ | } | ||
+ | |||
+ | #menubar { | ||
+ | font-size: 80%; | ||
+ | top: 0px; | ||
+ | margin: 0px; | ||
+ | |||
+ | /* Resizes the menubar to fix the links (default is 400px) */ | ||
+ | width: auto; | ||
+ | } | ||
+ | |||
+ | .left-menu:hover { | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | |||
+ | #menubar li a { | ||
+ | background: transparent; | ||
+ | color: transparent; | ||
+ | } | ||
+ | |||
+ | #menubar:hover li a { | ||
+ | background-color: rgba(255, 255, 255, 0.8); | ||
+ | color: grey; | ||
+ | } | ||
+ | |||
+ | /* Removes "teams" from the menubar */ | ||
+ | |||
+ | #menubar > ul > li:last-child { | ||
+ | display: none;} | ||
+ | |||
+ | |||
+ | /* Customize the navbar*/ | ||
+ | |||
+ | /* Special class on .container surrounding .navbar, used for positioning it into place. */ | ||
+ | .navbar-wrapper { | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | right: 0; | ||
+ | left: 0; | ||
+ | z-index: 20; | ||
+ | } | ||
+ | |||
+ | /* Flip around the padding for proper display in narrow viewports */ | ||
+ | .navbar-wrapper > .container { | ||
+ | padding-right: 0; | ||
+ | padding-left: 0; | ||
+ | } | ||
+ | .navbar-wrapper .navbar { | ||
+ | padding-right: 15px; | ||
+ | padding-left: 15px; | ||
+ | } | ||
+ | .navbar-wrapper .navbar .container { | ||
+ | width: auto; | ||
+ | } | ||
+ | |||
+ | |||
+ | 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 { | ||
+ | z-index: 10; | ||
+ | } | ||
+ | |||
+ | /* Declare heights because of positioning of img element */ | ||
+ | .carousel .item { | ||
+ | height: 650px; | ||
+ | background-color: #777; | ||
+ | } | ||
+ | .carousel-inner > .item > img { | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | left: 0; | ||
+ | min-width: 100%; | ||
+ | height: 650px; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | /* Content */ | ||
+ | |||
+ | /* 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 { | ||
+ | margin-right: 10px; | ||
+ | margin-left: 10px; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* Featurettes */ | ||
+ | |||
+ | .featurette-divider { | ||
+ | margin: 80px 0; /* Space out the Bootstrap <hr> more */ | ||
+ | } | ||
+ | |||
+ | /* Thin out the marketing headings */ | ||
+ | .featurette-heading { | ||
+ | font-weight: 300; | ||
+ | line-height: 1; | ||
+ | letter-spacing: -1px; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | /* Responsive CSS */ | ||
+ | |||
+ | @media (min-width: 768px) { | ||
+ | |||
+ | /* Navbar positioning foo */ | ||
+ | .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 */ | ||
+ | .navbar-wrapper .navbar { | ||
+ | border-radius: 4px; | ||
+ | } | ||
+ | |||
+ | /* Bump up size of carousel content */ | ||
+ | .carousel-caption p { | ||
+ | margin-bottom: 20px; | ||
+ | font-size: 21px; | ||
+ | line-height: 1.4; | ||
+ | } | ||
+ | |||
+ | .featurette-heading { | ||
+ | font-size: 50px; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @media (min-width: 992px) { | ||
+ | .featurette-heading { | ||
+ | margin-top: 120px; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | </style> | ||
+ | |||
+ | |||
+ | <link href="assets/js/google-code-prettify/prettify.css" rel="stylesheet"> | ||
+ | |||
+ | <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements --> | ||
<!--[if lt IE 9]> | <!--[if lt IE 9]> | ||
- | <script src=" | + | <script src="http://cdn.bootcss.com/html5shiv/3.7.0/html5shiv.min.js"></script> |
- | + | ||
<![endif]--> | <![endif]--> | ||
- | <!-- | + | <!-- 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"> | ||
+ | </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> | ||
+ | <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> --> | ||
+ | |||
- | |||
- | + | <div class="nav-collapse collapse role="navigation> | |
- | + | <ul class="nav navbar-nav"> | |
- | + | <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> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | + | ||
- | + | ||
- | + | <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 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> | |
- | </ | + | |
+ | </ul> | ||
</div> | </div> | ||
</div> | </div> | ||
- | |||
</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> | </div> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | <div class=" | + | |
- | <img src="https://static.igem.org/mediawiki/2014/ | + | |
+ | <!-- 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> | ||
- | < | + | <hr class="featurette-divider"> |
- | <img src="https://static.igem.org/mediawiki/2014/ | + | |
+ | <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> | ||
- | < | + | <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> | </div> | ||
- | <hr class=" | + | <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 »</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> | |
- | + | ================================================== --> | |
+ | <footer class="footer"> | ||
+ | <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> | |
- | <script src="https://2014.igem.org/Team: | + | |
- | + | ||
</body> | </body> | ||
</html> | </html> |
Revision as of 16:59, 11 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!