Difference between revisions of "Team:USTC"
(ustc-first-upload) |
|||
| Line 1: | Line 1: | ||
<!DOCTYPE html> | <!DOCTYPE html> | ||
| − | |||
<head> | <head> | ||
<meta charset="utf-8"> | <meta charset="utf-8"> | ||
Revision as of 07:55, 15 October 2017
<!DOCTYPE html> <head> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:USTC/css/fullpage?action=raw&ctype=text/css"> <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:USTC/css/materializemain?action=raw&ctype=text/css"> <style>
.nav_bar1 ul li ul li a{display:block;width:130px;height:25px; margin:0;background: #E3FBE7;opacity: 0.4} .main_text{text-shadow:1px 1px 2px black}
.section {font: 50px "Microsoft Yahei"; color: #fff;}
.cardbox{
width: 90%; height:90%; font-size: 20px;
} .cardbox img{
-webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden; backface-visibility: hidden; border-radius:20px; opacity: 0.6;
} .cardbox-text{ font-weight: bold; color: black; } .cardbox img:hover{
opacity: 0.8; -webkit-transform: scale3d(1.1,1.1,1); transform: scale3d(1.1,1.1,1);
} .contactbox{
width: 95%; height: 95px; margin-top: -15px; padding-top: 7px;
} .contactbox img{
border-radius: 0px;
}
.suit_for_pic{
font-size: 24px;
font-weight: bold;
margin: 0;
padding: 0;
}
.bg_pic_right{
margin-top: -9%;
}
.footerContainer{
text-align: center;
} .reminder{color: #fff;
font-size: 14px; text-align: bottom;
} </style> <script type="text/javascript" src="https://2017.igem.org/Template:USTC/js/jquery?action=raw&ctype=text/javascript"></script> <script type="text/javascript" src="https://2017.igem.org/Template:USTC/js/fullpage?action=raw&ctype=text/javascript"></script> <script type="text/javascript" src="https://2017.igem.org/Template:USTC/js/materialize?action=raw&ctype=text/javascript"></script> <script> $(function(){ $('#dowebok').fullpage({ 'navigation': true,
afterLoad: function(anchorLink, index){
if(index == 2){
$('.section2').find('.fadeleft').addClass('inview');
$('.section2').find('.faderight').addClass('inview');
}
if(index == 3){
$('.section3').find('.fadeleft').addClass('inview');
$('.section3').find('.faderight').addClass('inview');
}
if(index == 4){
$('.section4').find('.fadeleft').addClass('inview');
$('.section4').find('.faderight').addClass('inview');
}
if(index == 5){
$('.section5').find('.fadeleft').addClass('inview');
$('.section5').find('.faderight').addClass('inview');
}
if(index == 6){
$('.section6').find('.fadedown').addClass('inview');
$('.section6').find('.fadeup').addClass('inview');
}
},
onLeave: function(index, direction){
if(index == '2'){
$('.section2').find('.fadeleft').removeClass('inview');
$('.section2').find('.faderight').removeClass('inview');
}
if(index == '3'){
$('.section3').find('.fadeleft').removeClass('inview');
$('.section3').find('.faderight').removeClass('inview');
}
if(index == '4'){
$('.section4').find('.fadeleft').removeClass('inview');
$('.section4').find('.faderight').removeClass('inview');
}
if(index == '5'){
$('.section5').find('.fadeleft').removeClass('inview');
$('.section5').find('.faderight').removeClass('inview');
}
if(index == 6){
$('.section6').find('.fadedown').removeClass('inview');
$('.section6').find('.fadeup').removeClass('inview');
} } ,resize:true
}); });
$(document).ready(function(){
$('.slider').slider();
});
$(document).ready(function(){
$(".hover_it").hover(function(){
$(this).children("ul").slideDown(150);
},function(){
$(this).children("ul").slideUp(150);
}); });
</script> </head>
<body>
-
<img src="
">
Contents
PELICAN
Photo-Electro-e.coLI CAN provide you a brand new experience of bio-synthesis!
-
<img src="
">
Team Members
smart and hardworking
-
<img src="
">
Campus
beautiful scene
" width="80%" height="80%" style="border-radius: 8px">
<img class="bg_pic_right" src="" width="80%" height="80%">
this is a bacteria
" width="80%" height="80%" style="border-radius: 8px">
<img class="bg_pic_right" src="" width="80%" height="80%">
this is a bacteria
" width="80%" height="80%" style="border-radius: 8px">
<img class="bg_pic_right" src="" width="80%" height="80%">
this is a bacteria
" width="80%" height="80%" style="border-radius: 8px">
<img class="bg_pic_right" src="" width="80%" height="80%">
this is a bacteria
<a href="https://2017.igem.org/Team:USTC/Description"> <img src="" height="100%" width="100%"> Project </a>
<a href="https://2017.igem.org/Team:USTC/Model"> <img src="" height="100%" width="100%"> Modeling </a>
<a href="https://2017.igem.org/Team:USTC/Safety"> <img src="" height="100%" width="100%"> Safety </a>
<a href="https://2017.igem.org/Team:USTC/Parts"> <img src="" height="100%" width="100%"> Parts </a>
<a href="https://2017.igem.org/Team:USTC/Notebook"> <img src="" height="100%" width="100%"> Notebook </a>
<a href="https://2017.igem.org/Team:USTC/Attributions"> <img src="" height="60%" width="100%"> Attributions </a>
<a href="https://2017.igem.org/Team:USTC/Practice"> <img src="" height="60%" width="100%"> Human Practice </a>
<a href="https://2017.igem.org/Team:USTC/Collaborations"> <img src="" height="60%" width="100%"> Collaborations </a>
<a href="https://2017.igem.org/Team:USTC/Achievements"> <img src="" height="60%" width="100%"> Achievements </a>
<a href="https://2017.igem.org/Team:USTC/Team"> <img src="" height="60%" width="100%"> Team </a>
Sponsored by
<img src="" width="8%" height="8%" style="margin-bottom: 2%"> <img src="
" width="42%" height="78%" style="margin-bottom: 2%"> <img src="
" width="42%" height="77%" style="margin-bottom: -1%">
Contact us
<a class="cardbox" href="mailto:leung@mail.ustc.enu.cn"><img src="" ></a> <a class="cardbox" href="http://weibo.com/u/6179287269?refer_flag=1001030102_&is_hot=1#_loginLayer_1507990419608"><img src="
"></a>
Got the right to use these pictures from their owners
</body>
</html>