Difference between revisions of "Team:USTC"

 
(21 intermediate revisions by 3 users not shown)
Line 17: Line 17:
 
   height:90%;
 
   height:90%;
 
   font-size: 20px;
 
   font-size: 20px;
−
}
 
−
.suit_for_pic{
 
−
font-size: 24px;
 
−
font-weight: bold;
 
−
margin: 0;
 
−
padding: 0;
 
 
}
 
}
 
.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 44: Line 49:
 
   width: 95%;
 
   width: 95%;
 
   height: 95px;
 
   height: 95px;
−
   margin-top: -15px;
+
   margin-top: -40px;
 
   padding-top: 7px;
 
   padding-top: 7px;
 
}
 
}
Line 57: Line 62:
 
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 91: Line 100:
 
$('#dowebok').fullpage({
 
$('#dowebok').fullpage({
 
'navigation': true,
 
'navigation': true,
−
 
+
               
 
     afterLoad: function(anchorLink, index){
 
     afterLoad: function(anchorLink, index){
 
       if(index == 2){
 
       if(index == 2){
Line 178: 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 219: 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 233: 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 250: 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 267: 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 284: 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 301: 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 373: 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 419: 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 430: 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>

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