Difference between revisions of "Team:HUST-China/Team"
Yuzhuxuyang (Talk | contribs) |
Yuzhuxuyang (Talk | contribs) |
||
(31 intermediate revisions by 4 users not shown) | |||
Line 1: | Line 1: | ||
− | < | + | <HTML> |
− | + | <head lang="en"> | |
<meta http-equiv="content-type" content="text/html; charset=UTF-8"> | <meta http-equiv="content-type" content="text/html; charset=UTF-8"> | ||
<meta charset="UTF-8"> | <meta charset="UTF-8"> | ||
<meta name="viewport" content="width=device-width,initial-scale=1"> | <meta name="viewport" content="width=device-width,initial-scale=1"> | ||
− | <title> | + | <title>Team:HUST-China:Team</title> |
− | + | <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Team:HUST-China/CSS?action=raw&ctype=text/css" /> | |
− | + | <script type="text/javascript" src="https://2015.igem.org/Team:HUST-China/jquery?action=raw&ctype=text/javascript"></script> | |
− | <script src=" | + | |
− | + | <script type="text/javascript" src="https://2015.igem.org/Team:HUST-China/JS?action=raw&ctype=text/javascript"></script> | |
− | + | ||
− | + | <style> | |
+ | /*改默认设定*/ | ||
#footer-box,#sponsor-box,.shadow3,#content,table,#catlinks { | #footer-box,#sponsor-box,.shadow3,#content,table,#catlinks { | ||
background-color: transparent; | background-color: transparent; | ||
Line 32: | Line 33: | ||
margin: 0px; | margin: 0px; | ||
padding: 0px; | padding: 0px; | ||
+ | top: 0px; | ||
} | } | ||
+ | #top_menu_under{height: 0px;} | ||
html, .wrapper { /*-- changes default wiki settings --*/ | html, .wrapper { /*-- changes default wiki settings --*/ | ||
Line 38: | Line 41: | ||
height: 100%; | height: 100%; | ||
background-color: transparent; | background-color: transparent; | ||
+ | top: 0px; | ||
} | } | ||
− | + | .viewport, .container { | |
− | body{ | + | max-width: 1349px; |
+ | top: 0px;} | ||
+ | |||
+ | |||
+ | .picture{ width: 750px; | ||
+ | height: auto; | ||
+ | margin-bottom:5px; } | ||
+ | |||
+ | .pizhu{font-size: 14px; | ||
+ | width: 750px; | ||
+ | text-align: center; | ||
+ | margin-bottom: 30px;} | ||
+ | |||
+ | #mid{width: 1349px; | ||
+ | margin: 0 auto;} | ||
+ | |||
+ | |||
+ | |||
+ | body{ background-color: white; | ||
position: absolute; | position: absolute; | ||
− | margin: | + | margin: 0; |
font-family:Arial,Verdana,Sans-serif; | font-family:Arial,Verdana,Sans-serif; | ||
− | |||
color: black; | color: black; | ||
− | + | z-index: 0} | |
.header{position: fixed; | .header{position: fixed; | ||
− | width: | + | width: 1348px; |
− | height: | + | text-align:center; |
+ | height:200px; | ||
margin-top: 0px; | margin-top: 0px; | ||
− | background- | + | padding-top: 5px; |
+ | background-image: url(https://static.igem.org/mediawiki/2015/d/d7/HUST_daohang.png); | ||
+ | background-size:100% 100%; | ||
filter:alpha(opacity:30);opacity:0.95; -moz-opacity:0.4; -khtml-opacity: 0.4; | filter:alpha(opacity:30);opacity:0.95; -moz-opacity:0.4; -khtml-opacity: 0.4; | ||
z-index:1;} | z-index:1;} | ||
− | + | ||
− | + | .first-menu{float: left; | |
− | font-size: | + | font-size:19px; |
− | + | max-width: 20%; | |
+ | padding:5px;} | ||
+ | |||
.other-menu{float: left; | .other-menu{float: left; | ||
− | margin-left:1 | + | margin-left:1%; |
− | font-size: | + | font-size:19px; |
− | + | max-width: 22%; | |
+ | padding:5px;} | ||
+ | |||
.navbar .nav > li .dropdown-menu {margin: 0;} | .navbar .nav > li .dropdown-menu {margin: 0;} | ||
.navbar .nav > li:hover .dropdown-menu {display: block;} | .navbar .nav > li:hover .dropdown-menu {display: block;} | ||
a:link,a:visited { | a:link,a:visited { | ||
− | color: | + | color:#002855; |
text-decoration:none; | text-decoration:none; | ||
} | } | ||
Line 76: | Line 104: | ||
ul.ul{list-style-type:none; | ul.ul{list-style-type:none; | ||
− | margin-bottom: 0px;} | + | list-style-image: none; |
− | li.li{margin-top: | + | margin-bottom: 0px; |
+ | padding-left: 0px;} | ||
+ | li.li{margin-top: 0px; | ||
+ | list-style-image: none;} | ||
+ | |||
+ | #maodian ul{list-style-type:none; | ||
+ | margin-bottom: 0px; | ||
+ | padding-left: 0px; | ||
+ | margin-left:0px;} | ||
+ | |||
− | #pic{ background-image: url(https://static.igem.org/mediawiki/2015/ | + | #pic{ background-image: url(https://static.igem.org/mediawiki/2015/4/4e/Jump-hust.png); |
− | width: | + | width:1349px; |
height:650px; | height:650px; | ||
float: left; | float: left; | ||
− | + | z-index: 0; | |
background-size: 100%,100%; | background-size: 100%,100%; | ||
margin-top: 0px;} | margin-top: 0px;} | ||
− | + | ||
− | height: | + | .title{width: 900px; |
− | + | height:300px; | |
− | + | margin-left: 18%; | |
− | .pic_a img{width: | + | margin-top:80px;} |
− | + | .pic_a img{width: 135px; | |
− | + | height: 120px; | |
+ | } | ||
.pic_a{float: left; | .pic_a{float: left; | ||
− | margin-top: | + | margin-top:100px; |
− | width: | + | width: 1349px; |
− | text-align:center;} | + | text-align:center; |
− | . | + | } |
+ | |||
+ | #maodian{float: left; | ||
+ | position: fixed; | ||
+ | margin-top: 50px; | ||
+ | z-index: -1; | ||
+ | margin-left: 0px; } | ||
+ | #maodian img{ padding-left: 2% ; | ||
+ | width:150px; | ||
+ | height: auto; | ||
+ | } | ||
+ | .btn | ||
+ | { background-color:#5d96a3; | ||
+ | margin-left: 0px; | ||
+ | width: 200px; | ||
+ | font-size: 16px; | ||
+ | padding-left: 1px; | ||
+ | } | ||
+ | |||
+ | .btn:hover,.btn:active { | ||
+ | color:white; | ||
+ | background-color:#004c6f;} | ||
+ | |||
+ | |||
+ | .description {margin-left: 20%; | ||
+ | margin-right: 20%; | ||
+ | margin-top: 50px; | ||
+ | text-align: left; | ||
+ | float: left; | ||
+ | font-size:16px; | ||
+ | width: 850px} | ||
+ | .description p{font-size: 16px; | ||
+ | width:809px;} | ||
+ | |||
+ | .dongxi{height:50px;} | ||
+ | |||
+ | .scroll{ | ||
+ | width:100px; | ||
+ | height:120px; | ||
+ | background-image: url(https://static.igem.org/mediawiki/2015/8/87/Top.png); | ||
+ | background-size: 100% 100%; | ||
+ | position:fixed; | ||
+ | right:10px; | ||
+ | bottom:20px; | ||
+ | cursor:pointer; | ||
+ | opacity:0.6; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | .zhengwen{ margin-left: 165px; | ||
margin-top: 60px; | margin-top: 60px; | ||
− | float: left;} | + | float: left; |
+ | width:1100px;} | ||
.zhengwen .show img{width: 256px; | .zhengwen .show img{width: 256px; | ||
height: 400px; | height: 400px; | ||
Line 112: | Line 201: | ||
.show{background:white; | .show{background:white; | ||
height:400px; | height:400px; | ||
− | width: | + | width:256px; |
position:relative; | position:relative; | ||
overflow:hidden; | overflow:hidden; | ||
Line 119: | Line 208: | ||
.show h4{ | .show h4{ | ||
position:absolute; | position:absolute; | ||
− | height: | + | height:256px; |
text-align:center; | text-align:center; | ||
width:100%; | width:100%; | ||
Line 134: | Line 223: | ||
</style> | </style> | ||
+ | <!--点击TOP回滚到顶部js如下:--> | ||
+ | <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},450); | ||
+ | }); | ||
+ | } | ||
+ | }) | ||
+ | </script> | ||
+ | <script type="text/javascript"> | ||
+ | $(function(){ | ||
+ | showdes(); | ||
+ | function showdes(){ | ||
+ | $('#to_des').click(function(){ | ||
+ | $("html,body").animate({scrollTop:750},800); | ||
+ | }); | ||
+ | } | ||
+ | }) | ||
+ | </script> | ||
+ | |||
<script type="text/javascript"> | <script type="text/javascript"> | ||
function go(id){ | function go(id){ | ||
Line 139: | Line 254: | ||
var _div=document.getElementById(id); | var _div=document.getElementById(id); | ||
var obj=_div.getElementsByTagName('h4')[0]; | var obj=_div.getElementsByTagName('h4')[0]; | ||
− | obj.style.bottom="- | + | obj.style.bottom="-320px"; |
var change=function(){ | var change=function(){ | ||
var obj_h=parseInt(obj.style.bottom); | var obj_h=parseInt(obj.style.bottom); | ||
Line 147: | Line 262: | ||
var back=function(){ | var back=function(){ | ||
var obj_hh=parseInt(obj.style.bottom); | var obj_hh=parseInt(obj.style.bottom); | ||
− | if(obj_hh>-350){obj.style.bottom=(obj_hh+Math.floor((- | + | if(obj_hh>-350){obj.style.bottom=(obj_hh+Math.floor((-320-obj_hh)*0.1))+"px"} |
else{clearInterval(tt)} | else{clearInterval(tt)} | ||
} | } | ||
Line 166: | Line 281: | ||
go("show11"); | go("show11"); | ||
go("show12"); | go("show12"); | ||
− | + | go("show13"); | |
− | + | go("show14"); | |
− | + | go("show15"); | |
− | + | go("show16"); | |
+ | go("show17"); | ||
+ | go("show18"); | ||
+ | go("show19"); | ||
+ | go("show20"); | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</script> | </script> | ||
</head> | </head> | ||
− | + | ||
+ | <body > | ||
+ | <div id="mid"> | ||
<!--上栏--> | <!--上栏--> | ||
− | <div class="container header"> | + | |
+ | <div class="container header" > | ||
<!--悬浮菜单--> | <!--悬浮菜单--> | ||
+ | <!--悬浮菜单--> | ||
<div class="navbar"> | <div class="navbar"> | ||
<div class="navbar-inner"> | <div class="navbar-inner"> | ||
Line 209: | Line 307: | ||
<li class="first-menu"><a href="https://2015.igem.org/Team:HUST-China">HOME</a> | <li class="first-menu"><a href="https://2015.igem.org/Team:HUST-China">HOME</a> | ||
</li> | </li> | ||
− | <li class="dropdown other-menu" id="accountmenu"><a href="https://2015.igem.org/Team:HUST-China/ | + | <li class="dropdown other-menu" id="accountmenu"><a href="https://2015.igem.org/Team:HUST-China/Project">PROJECT<b class="caret"></b></a> |
<ul class="dropdown-menu"> | <ul class="dropdown-menu"> | ||
+ | <li><a href="https://2015.igem.org/Team:HUST-China/Background">Background</a></li> | ||
+ | <li class="divider"></li> | ||
<li><a href="https://2015.igem.org/Team:HUST-China/Description">Description</a></li> | <li><a href="https://2015.igem.org/Team:HUST-China/Description">Description</a></li> | ||
<li class="divider"></li> | <li class="divider"></li> | ||
− | |||
− | |||
− | |||
− | |||
<li><a href="https://2015.igem.org/Team:HUST-China/Design">Design</a></li> | <li><a href="https://2015.igem.org/Team:HUST-China/Design">Design</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li class="dropdown other-menu" id="accountmenu"><a href="https://2015.igem.org/Team:HUST-China/Wetlab">WETLAB<b class="caret"></b></a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li><a href="https://2015.igem.org/Team:HUST-China/Results">Results</a></li> | ||
+ | <li class="divider"></li> | ||
+ | <li><a href="https://2015.igem.org/Team:HUST-China/Experiments">Experiments&protocol</a></li> | ||
+ | <li class="divider"></li> | ||
+ | <li><a href="https://2015.igem.org/Team:HUST-China/InterLab Study">InterLab Study</a></li> | ||
+ | <li class="divider"></li> | ||
+ | <li><a href="https://2015.igem.org/Team:HUST-China/Notebook">Notebook</a></li> | ||
</ul> | </ul> | ||
</li> | </li> | ||
<li class="dropdown other-menu" id="accountmenu"><a href="https://2015.igem.org/Team:HUST-China/Parts">PARTS<b class="caret"></b></a> | <li class="dropdown other-menu" id="accountmenu"><a href="https://2015.igem.org/Team:HUST-China/Parts">PARTS<b class="caret"></b></a> | ||
− | <ul class="dropdown-menu"> | + | <ul class="dropdown-menu"> |
− | + | ||
<li><a href="https://2015.igem.org/Team:HUST-China/Basic_part">Basic Parts</a></li> | <li><a href="https://2015.igem.org/Team:HUST-China/Basic_part">Basic Parts</a></li> | ||
<li class="divider"></li> | <li class="divider"></li> | ||
− | <li><a href="https://2015.igem.org/Team:HUST-China/ | + | <li><a href="https://2015.igem.org/Team:HUST-China/Basic_part#2">Composite Parts</a></li> <li class="divider"></li> |
− | + | <li><a href="https://2015.igem.org/Team:HUST-China/Part_Collection">Part Collection</a></li> | |
− | <li><a href="https://2015.igem.org/Team:HUST-China/ | + | |
</ul> | </ul> | ||
</li> | </li> | ||
− | <li class="dropdown other-menu" id="accountmenu"><a href="https://2015.igem.org/Team:HUST-China/Modeling">MODELING</a> </li> | + | <li class="dropdown other-menu" id="accountmenu"><a href="https://2015.igem.org/Team:HUST-China/Modeling">MODELING<b class="caret"></b></a> |
+ | <ul class="dropdown-menu"> | ||
+ | <li><a href="https://2015.igem.org/Team:HUST-China/Modeling">Overiew</a></li> | ||
+ | <li class="divider"></li> | ||
+ | <li><a href="https://2015.igem.org/Team:HUST-China/Modeling on Cellular Level">Modeling on Cellular Level</a></li> | ||
+ | <li class="divider"></li> | ||
+ | <li><a href="https://2015.igem.org/Team:HUST-China/Modeling on Ecosystem Level">Modeling on Ecosystem Level</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
− | + | ||
− | + | <li class="dropdown other-menu" id="accountmenu"><a href="https://2015.igem.org/Team:HUST-China/Practices">HUMAN PRACTICES</a> | |
− | <li class="dropdown other-menu" id="accountmenu"> | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</li> | </li> | ||
− | <li class="dropdown other-menu" id="accountmenu"> | + | <li class="dropdown other-menu" id="accountmenu"><a href="https://2015.igem.org/Team:HUST-China/Safety">OTHERS<b class="caret"></b></a> |
− | + | ||
<ul class="dropdown-menu"> | <ul class="dropdown-menu"> | ||
− | + | <li><a href="https://2015.igem.org/Team:HUST-China/Safety">Safety</a></li> | |
<li class="divider"></li> | <li class="divider"></li> | ||
− | <li><a href="https://2015.igem.org/Team:HUST-China/ | + | <li><a href="https://2015.igem.org/Team:HUST-China/Collaborations">Collaborations</a></li> |
− | + | ||
− | + | ||
<li class="divider"></li> | <li class="divider"></li> | ||
− | <li><a href="https://2015.igem.org/Team:HUST-China/ | + | <li><a href="https://2015.igem.org/Team:HUST-China/Attributions">Attributions</a></li> |
− | <li class="divider"></li> | + | <li class="divider"></li> |
− | + | <li><a href="https://2015.igem.org/Team:HUST-China/Team">Team</a></li> | |
+ | <li class="divider"></li> | ||
+ | <li><a href="https://2015.igem.org/Team:HUST-China/Achievements">Achievements</a></li> | ||
</ul> | </ul> | ||
</li> | </li> | ||
Line 265: | Line 374: | ||
$('.dropdown-toggle').dropdown(); }); </script> | $('.dropdown-toggle').dropdown(); }); </script> | ||
</div> | </div> | ||
− | + | <!--标题栏--> | |
− | <div id="pic" | + | <div id="pic" > |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
<!--正文--> | <!--正文--> | ||
− | <div class=" | + | <div class=" zhengwen"> |
− | <h2 style=" margin-right:10%; width:90%;" align="center"><b> | + | <h2 style=" margin-right:10%; width:90%;" align="center"><b>Advisors</b></h2> <br> |
Line 306: | Line 397: | ||
<h4 style="margin-top:0px">Prof. Kang Ning<br><br> | <h4 style="margin-top:0px">Prof. Kang Ning<br><br> | ||
<br><br><br> | <br><br><br> | ||
− | Prof. Kang Ning is a professor of College of Life Sci. & Tech., Huazhong University of Sci.&Tech.. His main research area is bioinformatics. This year, we are so | + | Prof. Kang Ning is a professor of College of Life Sci. & Tech., Huazhong University of Sci.&Tech.. His main research area is bioinformatics. This year, we are so glad that Prof. Ning is our advisor in modeling. |
</h4> | </h4> | ||
<img src=" https://static.igem.org/mediawiki/2015/4/42/Ningkang-hust.png"> | <img src=" https://static.igem.org/mediawiki/2015/4/42/Ningkang-hust.png"> | ||
Line 330: | Line 421: | ||
<div class="container zhengwen"> | <div class="container zhengwen"> | ||
− | <h2 style=" margin-right:10%; width:90%;" align="center"><b> | + | <h2 style=" margin-right:10%; width:90%;" align="center"><b>Our Team</b></h2> <br> |
<div id="show5" class="show"> | <div id="show5" class="show"> | ||
<h4 style="margin-top:0px">Shuyan Tang<br><br> | <h4 style="margin-top:0px">Shuyan Tang<br><br> | ||
Line 343: | Line 434: | ||
<h4 style="margin-top:0px">Lei Yin<br><br> | <h4 style="margin-top:0px">Lei Yin<br><br> | ||
<br><br><br> | <br><br><br> | ||
− | Luckily I followed my heart, so this is my second year in iGEM. | + | Luckily I followed my heart, so this is my second year in iGEM. Even though I can hardly remember how many meals I have missed because of the experiment, I will still miss the summer days we shared in the lab. |
</h4> | </h4> | ||
<img src="https://static.igem.org/mediawiki/2015/e/e9/Yinlei-HUST.png"> | <img src="https://static.igem.org/mediawiki/2015/e/e9/Yinlei-HUST.png"> | ||
Line 388: | Line 479: | ||
<h4 style="margin-top:0px">Yang Xu<br><br> | <h4 style="margin-top:0px">Yang Xu<br><br> | ||
<br><br><br> | <br><br><br> | ||
− | Nice to meet you~ I'm Yang Xu, from Wuhan, China. As a class three undergraduate, I like coding, music and Kungfu. Most importantly, | + | Nice to meet you~ I'm Yang Xu, from Wuhan, China. As a class three undergraduate, I like coding, music and Kungfu. Most importantly, it's my honor to take part in this International party, iGEM, and I'm glad to see you, iGEMers! |
</h4> | </h4> | ||
<img src="https://static.igem.org/mediawiki/2015/f/f5/Xuyang-hust.png"> | <img src="https://static.igem.org/mediawiki/2015/f/f5/Xuyang-hust.png"> | ||
Line 443: | Line 534: | ||
<div id="show17" class="show"> | <div id="show17" class="show"> | ||
− | <h4 | + | <h4 >Shuaiying Xiang<br><br> |
− | + | <br><br> | |
I am a student of life science and technology. Experiment is a very interesting thing for me, and I feel very glorious to work with these good companions. | I am a student of life science and technology. Experiment is a very interesting thing for me, and I feel very glorious to work with these good companions. | ||
</h4> | </h4> | ||
Line 453: | Line 544: | ||
<div id="show18" class="show"> | <div id="show18" class="show"> | ||
− | <h4 | + | <h4 > Zhi Zeng<br><br> |
− | + | <br><br> | |
− | Hello! iGEMers! I'm Zhi Zeng, a | + | Hello! iGEMers! I'm Zhi Zeng, a sophomore majoring in Biotechnology. No pains, no gains! I will always try my best! |
</h4> | </h4> | ||
Line 463: | Line 554: | ||
<div id="show19" class="show"> | <div id="show19" class="show"> | ||
− | <h4 | + | <h4 >Wang Xi<br><br> |
− | + | <br><br> | |
− | Hi, I’m Xi Wang, a senior | + | Hi, I’m Xi Wang, a senior student majoring in biotechnology. I'm interested in many branches of biology, like synthetic biology, neuroscience, etc, and get full enthusiasm of iGEM! Now I'm learning integrative biology in UC Berkeley as an exchange student. Hope to see you guys here. |
</h4> | </h4> | ||
<img src="https://static.igem.org/mediawiki/2015/9/97/Xiwang-hust.png"> | <img src="https://static.igem.org/mediawiki/2015/9/97/Xiwang-hust.png"> | ||
Line 473: | Line 564: | ||
<div id="show20" class="show"> | <div id="show20" class="show"> | ||
− | <h4 | + | <h4 >Qi Zhao<br><br> |
− | + | <br><br> | |
− | I | + | I'm Qi Zhao. This is my third year in HUST. The experience of being a part of iGEM team was very meaningful and valuable to me. It gave me motivation to be a better and more responsible person. It also made me realize the importance of cooperartion and friendship. |
</h4> | </h4> | ||
<img src="https://static.igem.org/mediawiki/2015/5/5f/Zhaoqi-HUST.png"> | <img src="https://static.igem.org/mediawiki/2015/5/5f/Zhaoqi-HUST.png"> | ||
Line 482: | Line 573: | ||
+ | </div> | ||
− | + | <img style="width:1349px;height:auto;margin-top:100px;margin-bottom:10px" src="https://static.igem.org/mediawiki/2015/2/24/HUST_TEAM_3.gif"> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
− | + | ||
− | + | ||
</html> | </html> |
Latest revision as of 02:41, 19 September 2015