Team:USTC

<!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="Ustc_bacteria1.jpg " width="80%" height="80%" style="border-radius: 8px"> 
          <img class="bg_pic_right" src="900px-Ustc_bg_right1.png" width="80%" height="80%">

this is a bacteria

<img src="1200px-Ustc_bacteria2.jpg " width="80%" height="80%" style="border-radius: 8px"> 
          <img class="bg_pic_right" src="900px-Ustc_bg_right2.png" width="80%" height="80%">

this is a bacteria

<img src="1200px-Ustc_bacteria3.jpg" width="80%" height="80%" style="border-radius: 8px"> 
          <img class="bg_pic_right" src="900px-Ustc_bg_right3.png" width="80%" height="80%">

this is a bacteria

<img src="1200px-Ustc_bacteria4.jpg" width="80%" height="80%" style="border-radius: 8px"> 
          <img class="bg_pic_right" src="900px-Ustc_bg_right4.png" width="80%" height="80%">

this is a bacteria

               <a href="https://2017.igem.org/Team:USTC/Description">
                 <img src="Ustc_project.jpg" height="100%" width="100%">
                 Project
               </a>

               <a href="https://2017.igem.org/Team:USTC/Model">
                 <img src="Ustc_modeling1.jpg" height="100%" width="100%">
                 Modeling
               </a>

               <a href="https://2017.igem.org/Team:USTC/Safety">
                 <img src="Ustc_safety1.jpg" height="100%" width="100%">
                 Safety
               </a>

               <a href="https://2017.igem.org/Team:USTC/Parts">
                 <img src="Ustc_parts1.jpg" height="100%" width="100%">
                 Parts
               </a>

               <a href="https://2017.igem.org/Team:USTC/Notebook">
                 <img src="Ustc_notebooks1.jpg" height="100%" width="100%">
                 Notebook
               </a>

               <a href="https://2017.igem.org/Team:USTC/Attributions">
                 <img src="Ustc_Attribution.jpg" height="60%" width="100%">
                 Attributions
               </a>

               <a href="https://2017.igem.org/Team:USTC/Practice">
                 <img src="Ustc_Human_Practice.jpg" height="60%" width="100%">
                 Human Practice
               </a>

               <a href="https://2017.igem.org/Team:USTC/Collaborations">
                 <img src="Ustc_collaboration1.jpg" height="60%" width="100%">
                 Collaborations
               </a>

               <a href="https://2017.igem.org/Team:USTC/Achievements">
                 <img src="Ustc_Achievements.jpg" height="60%" width="100%">
                 Achievements
               </a>

               <a href="https://2017.igem.org/Team:USTC/Team">
                 <img src="Ustc_Teams.png" height="60%" width="100%">
                 Team
               </a>

           <img src="Ustc_USTCIF.jpg" width="8%" height="8%" style="margin-bottom: 2%">
           <img src="Ustc_ustc_teach.png" width="42%" height="78%" style="margin-bottom: 2%">
           <img src="1200px-Ustc_ustc_bio.jpg.png" width="42%" height="77%" style="margin-bottom: -1%">
Contact us
               <a class="cardbox" href="mailto:leung@mail.ustc.enu.cn"><img src="Ustc_mail.png" ></a>
               <a class="cardbox" href="http://weibo.com/u/6179287269?refer_flag=1001030102_&is_hot=1#_loginLayer_1507990419608"><img src="Ustc_sina.png"></a>

Got the right to use these pictures from their owners

</body>

</html>