|
|
| Line 1: |
Line 1: |
| − | <!-- <!DOCTYPE html> -->
| |
| − | <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://2016.igem.org/Team:Tongji_Shanghai/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&action=edit&redlink=1">Discussion</a></li>
| |
| − | <li ><a href="/wiki/index.php?title=Team:Tongji&action=edit">Edit</a></li>
| |
| − | <li ><a href="/wiki/index.php?title=Team:Tongji&action=history">History</a></li>
| |
| − | <li ><a href="/Special:MovePage/Team:Tongji">Move</a></li>
| |
| − | <li ><a href="/wiki/index.php?title=Team:Tongji&action=watch">Watch</a></li>
| |
| − | <li class="divider"></li>
| |
| − | <li ><a href="/wiki/index.php?title=Special:UserLogin&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 »</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>
| |
| − |
| |
| − | <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>
| |
| − |
| |
| − |
| |
| − | <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>
| |
| − |
| |
| − | </body>
| |
| − | </html>
| |
