|
|
(3 intermediate revisions by the same user not shown) |
Line 1: |
Line 1: |
− | <html lang="zh">
| |
− | <head>
| |
− | <meta charset="UTF-8">
| |
− | <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
| |
− | <meta name="viewport" content="width=device-width, initial-scale=1.0">
| |
− | <title>team</title>
| |
− | <link rel="stylesheet" type="text/css" href="https://2018.igem.org/Template:UESTC-China/CSS/default?action=raw&ctype=text/css" />
| |
− | <link href="https://2018.igem.org/Template:UESTC-China/CSS/bootmin?action=raw&ctype=text/css" rel="stylesheet">
| |
− | <link href="https://2018.igem.org/Template:UESTC-China/CSS/font?action=raw&ctype=text/css" rel="stylesheet">
| |
− | <link rel="stylesheet" type="text/css" href="https://2018.igem.org/Template:UESTC-China/CSS/zzcs?action=raw&ctype=text/css">
| |
− | <link rel="stylesheet" type="text/css" href="https://2018.igem.org/Template:UESTC-China/CSS/bootnav?action=raw&ctype=text/css">
| |
− | <link rel="stylesheet" type="text/css" href="https://2018.igem.org/Template:UESTC-China/CSS/xuanfucss?action=raw&ctype=text/css" />
| |
− | <style type="text/css">
| |
− | .hehe{
| |
− | height: 60px;
| |
− | color:#fff;
| |
− | font-size:12px;
| |
− | position:relative;
| |
− | z-index:inherite;
| |
− | background-color:#31b0d5;
| |
− | margin-top:30px;
| |
− | margin-bottom:-30px
| |
− | }
| |
− | .team .row{
| |
− | margin-right: 0px;
| |
− | margin-left: 0px;
| |
− | }
| |
− | .mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul{
| |
− | margin:0.2em 0 0 0 !important;
| |
− | z-index=9999;
| |
− | }
| |
− | .containe{
| |
− | width:100%;
| |
− | margin-right:0px !important;
| |
− | margin-left:0px !important;
| |
− | position:fixed;
| |
− | top:0.5em;
| |
− | padding:0;
| |
− | z-index=9999;
| |
− | }
| |
− | .navbar-brand{
| |
− | padding: 29px 15px;
| |
− | height: auto;
| |
− | }
| |
− | nav.navbar.bootsnav{
| |
− | border: none;
| |
− | margin-bottom: 150px;
| |
− | }
| |
− | .navbar-nav{
| |
− | float: left
| |
− | }
| |
− | nav.navbar.bootsnav ul.nav > li > a{
| |
− | color: #474747;
| |
− | text-transform: uppercase;
| |
− | padding: 20px 24px;
| |
− | }
| |
− | nav.navbar.bootsnav ul.nav > li:hover{
| |
− | background: #f4f4f4;
| |
− | }
| |
− | .nav > li:after{
| |
− | content: "";
| |
− | width: 0;
| |
− | height: 5px;
| |
− | background: #34c9dd;
| |
− | position: absolute;
| |
− | bottom: 0;
| |
− | left: 0;
| |
− | transition: all 0.5s ease 0s;
| |
− | }
| |
− | .nav > li:hover:after{
| |
− | width: 100%;
| |
− | }
| |
− | nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after{
| |
− | content: "+";
| |
− | font-family: 'FontAwesome';
| |
− | font-size: 16px;
| |
− | font-weight: 500;
| |
− | position: absolute;
| |
− | top: 35%;
| |
− | right: 10%;
| |
− | transition: all 0.4s ease 0s;
| |
− | }
| |
− | nav.navbar.bootsnav ul.nav > li.dropdown.on > a.dropdown-toggle:after{
| |
− | content: "\f105";
| |
− | transform: rotate(90deg);
| |
− | }
| |
− | .dropdown-menu.multi-dropdown{
| |
− | position: absolute;
| |
− | left: -100% !important;
| |
− | }
| |
− | nav.navbar.bootsnav li.dropdown ul.dropdown-menu{
| |
− | box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
| |
− | border: none;
| |
− | }
| |
− | @media only screen and (max-width:990px){
| |
− | nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after,
| |
− | nav.navbar.bootsnav ul.nav > li.dropdown.on > a.dropdown-toggle:after{ content: " "; }
| |
− | .dropdown-menu.multi-dropdown{ left: 0 !important; }
| |
− | nav.navbar.bootsnav ul.nav > li:hover{ background: transparent; }
| |
− | nav.navbar.bootsnav ul.nav > li > a{ margin: 0; }
| |
− | }
| |
− | .zhengwen{
| |
− | text-indent:30.0pt;
| |
− | line-height:180%;
| |
− | font-family:'Candara',sans-serif;
| |
− | font-size:15.0pt;
| |
− | color:black;
| |
− | background:white;
| |
− | text-align:justify;
| |
− | }
| |
− | .zhengwen p{
| |
− | text-indent:30.0pt;
| |
− | line-height:180%;
| |
− | font-family:'Candara',sans-serif;
| |
− | font-size:15.0pt;
| |
− | color:black;
| |
− | background:white;
| |
− | }
| |
− | .bigtitle{
| |
− | line-height:200%;
| |
− | text-align:center;
| |
− | font-family:'Cooper Black',serif;
| |
− | font-size:23.0pt;
| |
− | color: #3c3c3c;
| |
− | background: #abeae8;
| |
− | border-radius: 9px;
| |
− | margin-bottom: 15px;
| |
− | }
| |
− | .smtitle{
| |
− | line-height:200%;
| |
− | font-family:'Cooper Black',serif;
| |
− | font-size:16.0pt;
| |
− | color:black;
| |
− | background:white;
| |
− | }
| |
− | .xstitle{
| |
− | font-family:'Candara',sans-serif;
| |
− | font-size:15.0pt;
| |
− | color:black;
| |
− | background:white;
| |
− | line-height:180%;
| |
− | }
| |
− | @media only screen and (max-width: 768px) {
| |
− | .hide-on-med-and-down {
| |
− | display: none !important;
| |
− | }
| |
− | }
| |
− | .scroll{
| |
− | width:100px;
| |
− | height:130px;
| |
− | color:#fff;
| |
− | line-height:80px;
| |
− | text-align:center;
| |
− | position:fixed;
| |
− | right:30px;
| |
− | bottom:80px;
| |
− | cursor:pointer;
| |
− | font-size:14px;
| |
− | z-index:100;
| |
− | }
| |
− | @media only screen and (max-width: 768px) {
| |
− | .scroll {
| |
− | display: none !important;
| |
− | }
| |
− | tr,td{
| |
− | padding:0px;
| |
− | }
| |
− | </style>
| |
− | <script type="text/javascript" src="https://2018.igem.org/Template:UESTC-China/Javascript/jquery?action=raw&ctype=text/javascript"></script>
| |
− | <script type="text/javascript">
| |
− | $(document).ready(function(e) {
| |
− | t = $('.fixed').offset().top;
| |
− | mh = $('.main').height();
| |
− | fh = $('.fixed').height();
| |
− | $(window).scroll(function(e){
| |
− | s = $(document).scrollTop();
| |
− | if(s > t - 130){
| |
− | $('.fixed').css('position','fixed');
| |
− | $('.fixed').css('top','130px');
| |
− | }else{
| |
− | $('.fixed').css('position','');
| |
− | }
| |
− | })
| |
− | });
| |
− | </script>
| |
− | </head>
| |
− | <body>
| |
| | | |
− | <div class="scroll" id="scroll" style="display:none; ">
| |
− | <img src="https://static.igem.org/mediawiki/2018/7/7d/T--UESTC-China--up.png" width="100%">
| |
− | </div>
| |
− |
| |
− |
| |
− | <div class="demo" style="padding: 0 0; z-index:9999">
| |
− | <div class="containe" style="z-index:9999">
| |
− | <div class="row" style="z-index:9999">
| |
− | <div class="col-md-12" style="z-index:9999">
| |
− | <nav class="navbar navbar-default navbar-mobile bootsnav" style="z-index:9999" >
| |
− | <div class="navbar-header" style="height:60px; z-index:9999; border-bottom-style:solid; border-bottom-width:1px; border-bottom-color:#d9d9d9">
| |
− | <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-menu" style="margin-top:13px;">
| |
− | <i class="fa fa-bars"> UESTC-China</i>
| |
− | </button>
| |
− | </div>
| |
− | <div class="collapse navbar-collapse" id="navbar-menu" style="border-bottom-style:solid; border-bottom-width:1px" style="z-index:9999">
| |
− | <ul class="nav navbar-nav" data-in="fadeInDown" data-out="fadeOutUp">
| |
− | <li><a href="#">HOME</a></li>
| |
− | <li><a href="#">ACHIEVEMENT</a></li>
| |
− | <li class="dropdown">
| |
− | <a href="#" class="dropdown-toggle" data-toggle="dropdown">PROJECT</a>
| |
− | <ul class="dropdown-menu animated fadeOutUp">
| |
− | <li><a href="#">Introduction</a></li>
| |
− | <li><a href="#">Design</a></li>
| |
− | <li><a href="#">Demonstrate</a></li>
| |
− | <li><a href="#">Part</a></li>
| |
− | </ul>
| |
− | </li>
| |
− | <li><a href="#">MODELING</a></li>
| |
− | <li><a href="#">ATTRIBUTIONS</a></li>
| |
− | <li class="dropdown">
| |
− | <a href="#" class="dropdown-toggle" data-toggle="dropdown">H P</a>
| |
− | <ul class="dropdown-menu animated fadeOutUp">
| |
− | <li><a href="#">Our Story</a></li>
| |
− | <li><a href="#">Supporting Research</a></li>
| |
− | <li><a href="#">Engagement</a></li>
| |
− | </ul>
| |
− | </li>
| |
− | <li class="dropdown">
| |
− | <a href="#" class="dropdown-toggle" data-toggle="dropdown">TEAM</a>
| |
− | <ul class="dropdown-menu animated fadeOutUp">
| |
− | <li><a href="#">Team Introduction</a></li>
| |
− | <li><a href="#">Collaborations</a></li>
| |
− | </ul>
| |
− | </li>
| |
− | <li class="dropdown">
| |
− | <a href="#" class="dropdown-toggle" data-toggle="dropdown">NOTEBOOK</a>
| |
− | <ul class="dropdown-menu animated fadeOutUp">
| |
− | <li><a href="#">Day Note</a></li>
| |
− | <li><a href="#">protocol</a></li>
| |
− | <li><a href="#">safety</a></li>
| |
− | <li><a href="#">..........</a></li>
| |
− | <li><a href="#">........</a></li>
| |
− | </ul>
| |
− | </li>
| |
− | </ul>
| |
− |
| |
− | </div>
| |
− | </nav>
| |
− | </div>
| |
− | <div class="logo" style="height:45px; width:83.3px; position: absolute;right: 20px;z-index: 9999;top: 10px;">
| |
− | <a href="#">
| |
− | <img src="https://static.igem.org/mediawiki/2018/b/b2/T--UESTC-China--logoyuan.gif" width="100" height="100" >
| |
− | </a>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− |
| |
− | <div class="team" style="margin-top:-30px; position:relative; width:100%; z-index:1; background-color:#fff">
| |
− | <div class="team-title" style="z-index:100">
| |
− | <img src="https://static.igem.org/mediawiki/2018/e/e1/T--UESTC-China--part.jpg" style="width: 100%; margin-top:45px;">
| |
− | </div>
| |
− |
| |
− | <div class="neirong" style="position:relative; z-index:1 ;padding:50px 10% 50px 3%; background-color:#fff">
| |
− | <div class="row member">
| |
− |
| |
− | <div class="col-md-2 col-sm-4">
| |
− | <div class="fixed">
| |
− | <menu id="tocc" class="hide-on-med-and-down" style="padding: 0.1px; left: 80px; z-index:1; font-family:'Candara',sans-serif;">
| |
− | <h2><strong>Part</strong></h3>
| |
− | <ul>
| |
− | <li><a href="#yi" style="color: black;">Basic parts</a></li>
| |
− | <li><a href="#2" style="color: black;">Parts contribution</a></li>
| |
− | <li><a href="#3" style="color: black;">Improve a previous part
| |
− | </a></li>
| |
− |
| |
− |
| |
− |
| |
− | </ul>
| |
− |
| |
− | </menu>
| |
− | </div>
| |
− | </div>
| |
− | <div class="main col-md-10 col-sm-8 col-xs-12" id="yi">
| |
− | <div class="bigtitle">
| |
− | Basic parts
| |
− | </div>
| |
− | <div class="zhengwen">
| |
− | <table class="table">
| |
− | <tr class="active"><td>Part number</td><td>Type</td><td>Composition</td><td>Length</td></tr>
| |
− | <tr><td>BBa_K2617000</td><td>Coding</td><td>Xyn10D-fae1A</td><td>2181bp</td></tr>
| |
− | <tr><td>BBa_K2617001</td><td>Coding</td><td>Xyl3A</td><td>2586bp</td></tr>
| |
− | <tr><td>BBa_K2617004</td><td>Coding</td><td>FhlA</td><td>2128bp</td></tr>
| |
− | <tr><td>BBa_K2617005</td><td>Coding</td><td>HydA</td><td>444bp</td></tr>
| |
− | <tr><td>BBa_K2617006</td><td>Coding</td><td>GroEL</td><td>1681bp</td></tr>
| |
− | <tr><td>BBa_K2617007</td><td>Coding</td><td>GroES</td><td>337bp</td></tr>
| |
− | <tr><td>BBa_K2617008</td><td>Coding</td><td>Ter</td><td>1193bp</td></tr>
| |
− | <tr><td>BBa_K2617009</td><td>Coding</td><td>Fdh</td><td>1095bp</td></tr>
| |
− | <tr><td>BBa_K2617010</td><td>Translational units</td><td>The fermentation control element of Escherichia coli controls the expression of adhE.</td><td>460bp</td></tr>
| |
− | <tr><td>BBa_K2617011</td><td>Translational units</td><td>The fermentation control element of Escherichia coli controls the expression of ackA.</td><td>300bp</td></tr>
| |
− | <tr><td>BBa_K2617012</td><td>Coding</td><td>AtoB</td><td>1185bp</td></tr>
| |
− | <tr><td>BBa_K2617013</td><td>Coding</td><td>AdhE2</td><td>2577bp</td></tr>
| |
− | <tr><td>BBa_K2617014</td><td>Coding</td><td>Crt</td><td>786bp</td></tr>
| |
− | <tr id="2"><td>BBa_K2617015</td><td>Coding</td><td>Hbd</td><td>849bp</td></tr>
| |
− | </table>
| |
− | </div>
| |
− | <p class="konghang" style="text-indent:30.0pt;line-height:200%;"><span style="font-family:'Candara',sans-serif; font-size:15.0pt; color:black; "> </span></p>
| |
− | <div class="bigtitle">
| |
− | Parts contribution
| |
− | </div>
| |
− | <div class="zhengwen">
| |
− | <table class="table">
| |
− | <tr class="active"><td>Part number</td><td>Source</td></tr>
| |
− | <tr><td>BBa_K118022</td><td>iGEM08_Edinburgh</td></tr>
| |
− | <tr id="3"><td>BBa_K118023</td><td>iGEM08_Edinburgh</td></tr>
| |
− | </table>
| |
− | </div>
| |
− | <p class="konghang" style="text-indent:30.0pt;line-height:200%;"><span style="font-family:'Candara',sans-serif; font-size:15.0pt; color:black; "> </span></p>
| |
− | <div class="bigtitle">
| |
− | Improve a previous part
| |
− | </div>
| |
− | <div class="zhengwen">
| |
− | <table class="table">
| |
− | <tr class="active"><td>Part number</td><td>Type</td><td>Composition</td><td>Length</td></tr>
| |
− | <tr><td>BBa_K2617016</td><td>Translational units</td><td>A combination system of promoter, ribosome binding site and signal peptide for enhancing protein expression(pelB)</td><td></td></tr>
| |
− | <tr><td>BBa_K2617017</td><td>Translational units</td><td>A combination system of promoter, ribosome binding site and signal peptide for enhancing protein expression(pelB).The 5D can enhance the function of pelB.</td><td></td></tr>
| |
− | </table>
| |
− | </div>
| |
− |
| |
− |
| |
− | </div><!--以上为正文-->
| |
− | </div>
| |
− |
| |
− |
| |
− | </div>
| |
− | <div class="hehe" style="background-color:balck">
| |
− | <div class="container">
| |
− | <div class="row">
| |
− | <div class="col-md-12 " style="text-alien: center; vertical-alien: middle; font-size: 127%; text-align: center;">Copyright © 2018 iGEM UESTC_China </div>
| |
− | <div class="col-md-12" style="text-alien: center; vertical-alien: middle; font-size: 127%; text-align: center;">
| |
− | <div class="social-icons style="float:right; line-height:60px">
| |
− |
| |
− | <i><a href="#" class="fa fa-facebook"></a></i>
| |
− | <i><a href="#" class="fa fa-twitter"></a></i>
| |
− | <i><a href="#" class="fa fa-weibo"></a></i>
| |
− | <i><a href="#" class="fa fa-envelope"></a></i>
| |
− |
| |
− | </div>
| |
− |
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− |
| |
− |
| |
− |
| |
− | <script src="https://2018.igem.org/Template:UESTC-China/Javascript/jquery?action=raw&ctype=text/javascript" type="text/javascript"></script>
| |
− | <script src="https://2018.igem.org/Template:UESTC-China/Javascript/bootjs?action=raw&ctype=text/javascript"></script>
| |
− | <script type="text/javascript" src="https://2018.igem.org/Template:UESTC-China/Javascript/bootnav?action=raw&ctype=text/javascript"></script>
| |
− | <script type="text/javascript">
| |
− | $(function(){
| |
− | showScroll();
| |
− | function showScroll(){
| |
− | $(window).scroll( function() {
| |
− | var scrollValue=$(window).scrollTop();
| |
− | scrollValue > 100 ? $('div[class=scroll]').fadeIn():$('div[class=scroll]').fadeOut();
| |
− | } );
| |
− | $('#scroll').click(function(){
| |
− | $("html,body").animate({scrollTop:0},200);
| |
− | });
| |
− | }
| |
− | })
| |
− | </script>
| |
− | <Script>
| |
− | function refresh(){
| |
− | url = location.href;
| |
− | console.log(url);
| |
− | var once = url.split("#");
| |
− | if (once[1] != 1) {
| |
− | url += "#1";
| |
− | self.location.replace(url);
| |
− | window.location.reload();
| |
− | }
| |
− | }
| |
− | setTimeout('refresh()', 1000);
| |
− | </script>
| |
− |
| |
− |
| |
− |
| |
− | </body>
| |
− | </html>
| |