Difference between revisions of "Team:UESTC-China/Part"

(Blanked the page)
 
(5 intermediate revisions by 3 users 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&amp;ctype=text/css" />
 
<link href="https://2018.igem.org/Template:UESTC-China/CSS/bootmin?action=raw&amp;ctype=text/css" rel="stylesheet">
 
<link href="https://2018.igem.org/Template:UESTC-China/CSS/font?action=raw&amp;ctype=text/css" rel="stylesheet">
 
<link rel="stylesheet" type="text/css" href="https://2018.igem.org/Template:UESTC-China/CSS/zzcs?action=raw&amp;ctype=text/css">
 
<link rel="stylesheet" type="text/css" href="https://2018.igem.org/Template:UESTC-China/CSS/bootnav?action=raw&amp;ctype=text/css">
 
<link rel="stylesheet" type="text/css" href="https://2018.igem.org/Template:UESTC-China/CSS/xuanfucss?action=raw&amp;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&amp;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">&nbsp;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&nbsp;&nbsp;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>Xyn1D-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_K26170015</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; ">&nbsp;</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; ">&nbsp;</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>&nbsp;
 
                            <i><a href="#" class="fa fa-twitter"></a></i>&nbsp;
 
                            <i><a href="#" class="fa fa-weibo"></a></i>&nbsp;
 
                            <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&amp;ctype=text/javascript" type="text/javascript"></script>
 
<script src="https://2018.igem.org/Template:UESTC-China/Javascript/bootjs?action=raw&amp;ctype=text/javascript"></script>
 
<script type="text/javascript" src="https://2018.igem.org/Template:UESTC-China/Javascript/bootnav?action=raw&amp;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>
 

Latest revision as of 10:34, 17 October 2018