Difference between revisions of "Team:USTC"

 
(44 intermediate revisions by 3 users not shown)
Line 1: Line 1:
−
<!DOCTYPE html>
+
 
 
<html>
 
<html>
 
<head>
 
<head>
 
<meta charset="utf-8">
 
<meta charset="utf-8">
−
<link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:USTC/css/fullpage?action=raw&amp;ctype=text/css">
+
<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&amp;ctype=text/css">
+
<link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:USTC/css/materializemain?action=raw&ctype=text/css">
 
<style>
 
<style>
  
 
.nav_bar1 ul li ul li a{display:block;width:130px;height:25px; margin:0;background: #E3FBE7;opacity: 0.4}  
 
.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}
+
.main_text{color:#fff;text-shadow:1px 1px 2px black;}
  
  
Line 19: Line 19:
 
}
 
}
 
.cardbox img{
 
.cardbox img{
−
   -webkit-transition: opacity 1s, -webkit-transform 1s;
+
   -webkit-transition: opacity 2s, -webkit-transform 2s;
−
   transition: opacity 1s, transform 1s;
+
   transition: opacity 0.5s, transform 0.5s;
 
   -webkit-backface-visibility: hidden;
 
   -webkit-backface-visibility: hidden;
 
   backface-visibility: hidden;
 
   backface-visibility: hidden;
 
   border-radius:20px;
 
   border-radius:20px;
 
   opacity: 0.6;
 
   opacity: 0.6;
 +
}
 +
span{
 +
  position: unset!important;
 +
}
 +
#top_menu_inside .section .google span{
 +
float: unset!important;
 
}
 
}
 
.cardbox-text{
 
.cardbox-text{
 +
  position: relative!important;
 +
  bottom: 2.5rem;
 +
  left: 9px;
 +
  float: left;
 +
  font:1.15rem Microsoft Yahei;
 
font-weight: bold;
 
font-weight: bold;
 
color: black;
 
color: black;
Line 38: Line 49:
 
   width: 95%;
 
   width: 95%;
 
   height: 95px;
 
   height: 95px;
−
   margin-top: -15px;
+
   margin-top: -40px;
 
   padding-top: 7px;
 
   padding-top: 7px;
 
}
 
}
Line 47: Line 58:
  
 
.suit_for_pic{
 
.suit_for_pic{
−
font-size: 24px;
+
font-size: 24px!important;
 
font-weight: bold;
 
font-weight: bold;
 
margin: 0;
 
margin: 0;
 
padding: 0;
 
padding: 0;
 +
margin-top:-52px;
 +
margin-left:-67px;
 +
width:100%;
 +
text-align:unset!important;
 
}
 
}
 
.bg_pic_right{
 
.bg_pic_right{
Line 63: Line 78:
 
   text-align: bottom;
 
   text-align: bottom;
 
}
 
}
−
</style>
 
−
<script type="text/javascript" src="https://2017.igem.org/Template:USTC/js/jquery?action=raw&amp;ctype=text/javascript"></script>
 
−
<script type="text/javascript" src="https://2017.igem.org/Template:USTC/js/fullpage?action=raw&amp;ctype=text/javascript"></script>
 
−
<script type="text/javascript" src="https://2017.igem.org/Template:USTC/js/materialize?action=raw&amp;ctype=text/javascript"></script>
 
−
<script>
 
  
  
 +
#top_title{
 +
  display: none!important;
 +
}
 +
#sideMenu{
 +
  display: none!important;
 +
}
 +
#content{
 +
  width: auto!important;
 +
  padding: 0!important;
 +
  margin-top: -24px!important;
 +
  margin-left: 0!important;
 +
}
 +
</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(){
 
$(function(){
 
$('#dowebok').fullpage({
 
$('#dowebok').fullpage({
 
'navigation': true,
 
'navigation': true,
−
 
+
               
 
     afterLoad: function(anchorLink, index){
 
     afterLoad: function(anchorLink, index){
 
       if(index == 2){
 
       if(index == 2){
Line 132: Line 159:
 
       $('.slider').slider();
 
       $('.slider').slider();
 
     });
 
     });
−
 
−
$(window).load(function() {
 
−
  $("div#dowebok").prependTo("body");
 
−
 
−
});
 
  
  
Line 147: Line 169:
 
});
 
});
  
−
   
+
$(window).load(function(){
−
 
+
  document.getElementById("top_title").style.display="none";
−
 
+
  });
 +
$(window).load(function(){
 +
document.getElementById("sideMenu").style.display="none";
 +
});
 +
$(window).load(function(){
 +
document.getElementById("content").style.width="auto";
 +
});
 +
$(window).load(function(){
 +
document.getElementById("content").style.padding="0";
 +
});
 
</script>
 
</script>
 
</head>
 
</head>
Line 156: Line 187:
  
 
<div id="dowebok">
 
<div id="dowebok">
−
<div class="section section1" id="firstPage">
+
<div class="section section1" id="page1">
 
       <div class="nav_bar1">
 
       <div class="nav_bar1">
 
         <ul>
 
         <ul>
Line 197: Line 228:
 
         <img src="https://static.igem.org/mediawiki/2017/thumb/5/50/Mainweb1_2.jpg/1200px-Mainweb1_2.jpg">  
 
         <img src="https://static.igem.org/mediawiki/2017/thumb/5/50/Mainweb1_2.jpg/1200px-Mainweb1_2.jpg">  
 
         <div class="caption center-align" style="margin-top: -5%">
 
         <div class="caption center-align" style="margin-top: -5%">
−
           <h2 class="main_text">Team Members</h2>
+
           <h2 class="main_text">Team USTC</h2>
 
           <h4 class="light grey-text text-lighten-3 main_text">smart and hardworking</h4>
 
           <h4 class="light grey-text text-lighten-3 main_text">smart and hardworking</h4>
 
         </div>
 
         </div>
Line 211: Line 242:
 
   </div>
 
   </div>
 
</div>
 
</div>
−
<div class="section section2">
+
<div class="section section2" id="page2">
 
     <div class="secondContainer">
 
     <div class="secondContainer">
 
  <div class="row">
 
  <div class="row">
Line 221: Line 252:
 
           <img class="bg_pic_right" src="https://static.igem.org/mediawiki/2017/thumb/0/05/Ustc_bg_right1.png/900px-Ustc_bg_right1.png" width="80%" height="80%">
 
           <img class="bg_pic_right" src="https://static.igem.org/mediawiki/2017/thumb/0/05/Ustc_bg_right1.png/900px-Ustc_bg_right1.png" width="80%" height="80%">
 
      <div class="text2 caption left-align check-inview faderight">
 
      <div class="text2 caption left-align check-inview faderight">
−
               <p class="suit_for_pic"> this is a bacteria</p>
+
               <p class="suit_for_pic">Hi, I'm PELICAN, the spokesman of electrons and light. Let me show you a brand new exprerience of bio-synthesis.</p>
 
           </div>
 
           </div>
 
             </div>
 
             </div>
Line 228: Line 259:
 
</div>
 
</div>
  
−
<div class="section section3">
+
<div class="section section3" id="page3">
 
<div class="thirdContainer">
 
<div class="thirdContainer">
 
       <div class="row">
 
       <div class="row">
Line 238: Line 269:
 
           <img class="bg_pic_right" src="https://static.igem.org/mediawiki/2017/thumb/d/df/Ustc_bg_right2.png/900px-Ustc_bg_right2.png" width="80%" height="80%">
 
           <img class="bg_pic_right" src="https://static.igem.org/mediawiki/2017/thumb/d/df/Ustc_bg_right2.png/900px-Ustc_bg_right2.png" width="80%" height="80%">
 
               <div class="text2 caption left-align check-inview faderight">
 
               <div class="text2 caption left-align check-inview faderight">
−
                 <p class="suit_for_pic"> this is a bacteria</p>
+
                 <p class="suit_for_pic">Drinking this electron-cola, I can use the electrons in it to synthesize more products for you in a shorter time.</p>
 
               </div>
 
               </div>
 
             </div>
 
             </div>
Line 245: Line 276:
 
</div>
 
</div>
  
−
<div class="section section4">
+
<div class="section section4" id="page4">
 
<div class="fourthContainer">
 
<div class="fourthContainer">
 
       <div class="row">
 
       <div class="row">
Line 255: Line 286:
 
           <img class="bg_pic_right" src="https://static.igem.org/mediawiki/2017/thumb/5/55/Ustc_bg_right3.png/900px-Ustc_bg_right3.png" width="80%" height="80%">
 
           <img class="bg_pic_right" src="https://static.igem.org/mediawiki/2017/thumb/5/55/Ustc_bg_right3.png/900px-Ustc_bg_right3.png" width="80%" height="80%">
 
               <div class="text2 caption left-align check-inview faderight">
 
               <div class="text2 caption left-align check-inview faderight">
−
                 <p class="suit_for_pic"> this is a bacteria</p>
+
                 <p class="suit_for_pic">Taking this sunbath, I can utilize the light energy to generate more electrons. which can increase the effieciency of biosynthesis further more.</p>
 
               </div>
 
               </div>
 
             </div>
 
             </div>
Line 262: Line 293:
 
</div>
 
</div>
  
−
<div class="section section5">
+
<div class="section section5" id="page5">
 
<div class="fifthContainer">
 
<div class="fifthContainer">
 
       <div class="row">
 
       <div class="row">
Line 272: Line 303:
 
           <img class="bg_pic_right" src="https://static.igem.org/mediawiki/2017/thumb/9/9e/Ustc_bg_right4.png/900px-Ustc_bg_right4.png" width="80%" height="80%">
 
           <img class="bg_pic_right" src="https://static.igem.org/mediawiki/2017/thumb/9/9e/Ustc_bg_right4.png/900px-Ustc_bg_right4.png" width="80%" height="80%">
 
               <div class="text2 caption left-align check-inview faderight">
 
               <div class="text2 caption left-align check-inview faderight">
−
                 <p class="suit_for_pic"> this is a bacteria</p>
+
                 <p class="suit_for_pic">In a word, just to make a friend with me, I can lead you to a new era of a more effiecient bio-synthesis.</p>
 
               </div>
 
               </div>
 
             </div>
 
             </div>
Line 279: Line 310:
 
</div>
 
</div>
  
−
<div class="section section6">
+
<div class="section section6" id="page6">
 
<div class="sixContainer">
 
<div class="sixContainer">
 
       <div class="row row1" style="margin-top: -50px">
 
       <div class="row row1" style="margin-top: -50px">
Line 351: Line 382:
 
             <div class="cardbox">
 
             <div class="cardbox">
 
               <div class="check-inview fadeup">
 
               <div class="check-inview fadeup">
−
                 <a href="https://2017.igem.org/Team:USTC/Practice">
+
                 <a href="https://2017.igem.org/Team:USTC/HP/Silver">
 
                   <img src="https://static.igem.org/mediawiki/2017/a/ad/Ustc_Human_Practice.jpg" height="60%" width="100%">
 
                   <img src="https://static.igem.org/mediawiki/2017/a/ad/Ustc_Human_Practice.jpg" height="60%" width="100%">
 
                   <span class="cardbox-text">Human Practice</span>
 
                   <span class="cardbox-text">Human Practice</span>
Line 397: Line 428:
 
             <div class="col s6">
 
             <div class="col s6">
 
             <h5>Sponsored by</h5>
 
             <h5>Sponsored by</h5>
−
             <img src="https://static.igem.org/mediawiki/2017/4/49/Ustc_USTCIF.jpg" width="8%" height="8%" style="margin-bottom: 2%">
+
             <img src="https://static.igem.org/mediawiki/2017/4/49/Ustc_USTCIF.jpg" width="8%" height="8%" style="margin-top: -56px;">
−
             <img src="https://static.igem.org/mediawiki/2017/4/4f/Ustc_ustc_teach.png" width="42%" height="78%" style="margin-bottom: 2%">
+
             <img src="https://static.igem.org/mediawiki/2017/4/4f/Ustc_ustc_teach.png" width="42%" height="78%" style="margin-top: -56px;">
−
             <img src="https://static.igem.org/mediawiki/2017/thumb/6/65/Ustc_ustc_bio.jpg/1200px-Ustc_ustc_bio.jpg.png" width="42%" height="77%" style="margin-bottom: -1%">
+
             <img src="https://static.igem.org/mediawiki/2017/thumb/6/65/Ustc_ustc_bio.jpg/1200px-Ustc_ustc_bio.jpg.png" width="42%" height="77%" style="margin-top: -56px;">
 
             </div>
 
             </div>
 
             <div class="col s4">
 
             <div class="col s4">
Line 408: Line 439:
 
               </div>           
 
               </div>           
 
             </div>
 
             </div>
−
             <div class="col s2"><p class="reminder">Got the right to use these pictures from their owners</p></div>
+
             <div class="col s2"><p class="reminder">Got the permission to use these pictures from their owners</p></div>
 
           </div>
 
           </div>
 
         </div>
 
         </div>
Line 416: Line 447:
 
</div>
 
</div>
  
 +
  
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 13:21, 30 October 2017

  • PELICAN

    Photo-Electro-e.coLI CAN provide you a brand new experience of bio-synthesis!

  • Team USTC

    smart and hardworking

  • Campus

    beautiful scene

Hi, I'm PELICAN, the spokesman of electrons and light. Let me show you a brand new exprerience of bio-synthesis.

Drinking this electron-cola, I can use the electrons in it to synthesize more products for you in a shorter time.

Taking this sunbath, I can utilize the light energy to generate more electrons. which can increase the effieciency of biosynthesis further more.

In a word, just to make a friend with me, I can lead you to a new era of a more effiecient bio-synthesis.

Project
Modeling
Safety
Parts
Notebook
Attributions
Human Practice
Collaborations
Achievements
Team
Sponsored by
Contact us

Got the permission to use these pictures from their owners