Difference between revisions of "Team:NCTU Formosa/HumanPractice"

Line 252: Line 252:
 
}
 
}
  
.bottom{
 
  position: relative;
 
}
 
 
.footer{
 
  width: 100%;
 
}
 
 
.footer_icon{
 
  transition-duration: 0.5s;
 
  position: absolute;
 
}
 
 
.footer_icon:hover{
 
  transform: scale(1.2);
 
}
 
 
.fb {
 
  position: absolute;
 
  width: 4%;
 
  left: 32%;
 
  top: 8vw;
 
}
 
 
.ig {
 
  position: absolute;
 
  width: 4%;
 
  left: 38%;
 
  top: 8vw;
 
}
 
 
.wechat {
 
  position: absolute;
 
  width: 4%;
 
  left: 46.5%;
 
  top: 8vw;
 
}
 
 
.gmail {
 
  position: absolute;
 
  width: 5%;
 
  left: 52.5%;
 
  top: 8.25vw;
 
}
 
 
.location {
 
  position: absolute;
 
  width: 3%;
 
  left: 66%;
 
  top: 7.5vw;
 
}
 
  
 
   </style>
 
   </style>
Line 313: Line 262:
  
 
<div class="wrapper">
 
<div class="wrapper">
  <div class="nav_bg"></div>
+
   <div class="title"><img class="cover" src="https://static.igem.org/mediawiki/2018/b/b3/T--NCTU_Formosa--HP_Cover.png"/></div>
   <div class="title"><img class="cover" src="https://static.igem.org/mediawiki/2018/1/10/T--NCTU_Formosa--hp_cover.jpg"/></div>
+
 
   <div class="edu"><img class="bg_edu" src="https://i.imgur.com/O0vYeCB.png"/>
 
   <div class="edu"><img class="bg_edu" src="https://i.imgur.com/O0vYeCB.png"/>
 
     <h1>Education</h1>
 
     <h1>Education</h1>
Line 321: Line 269:
 
     <div class="button"><img class="button_1" src="https://static.igem.org/mediawiki/2018/9/9a/T--NCTU_Formosa--button_yellow.png"/><a href="https://2018.igem.org/Team:NCTU_Formosa/HumanPractice/Education"><img class="button_2" src="https://static.igem.org/mediawiki/2018/c/c3/T--NCTU_Formosa--button_white.png"/></a></div>
 
     <div class="button"><img class="button_1" src="https://static.igem.org/mediawiki/2018/9/9a/T--NCTU_Formosa--button_yellow.png"/><a href="https://2018.igem.org/Team:NCTU_Formosa/HumanPractice/Education"><img class="button_2" src="https://static.igem.org/mediawiki/2018/c/c3/T--NCTU_Formosa--button_white.png"/></a></div>
 
   </div>
 
   </div>
 +
 +
  <div class="gold"><img class="bg_gold" src="https://i.imgur.com/O0vYeCB.png"/>
 +
    <h1>HP Gold</h1>
 +
    <p class="g_1"> ● Agriculture Improvement Station</p>
 +
    <div class="coverflow"><a><img src="https://static.igem.org/mediawiki/2018/e/e6/T--NCTU_Formosa--NCHUprof1.jpg"/></a><a><img src="https://static.igem.org/mediawiki/2018/0/0d/T--NCTU_Formosa--taoyuan1.jpg"/></a><a><img src="https://static.igem.org/mediawiki/2018/1/1d/T--NCTU_Formosa--agritech8.jpg"/></a></div>
 +
    <div class="button"><img class="button_1" src="https://static.igem.org/mediawiki/2018/9/9a/T--NCTU_Formosa--button_yellow.png"/><img class="button_2" src="https://static.igem.org/mediawiki/2018/c/c3/T--NCTU_Formosa--button_white.png"/></div>
 +
  </div>
 +
 
   <div class="silver"><img class="bg_silver" src="https://i.imgur.com/O0vYeCB.png"/>
 
   <div class="silver"><img class="bg_silver" src="https://i.imgur.com/O0vYeCB.png"/>
 
     <h1>HP Silver</h1>
 
     <h1>HP Silver</h1>
Line 328: Line 284:
 
     <div class="button"><img class="button_1" src="https://static.igem.org/mediawiki/2018/9/9a/T--NCTU_Formosa--button_yellow.png"/><img class="button_2" src="https://static.igem.org/mediawiki/2018/c/c3/T--NCTU_Formosa--button_white.png"/></div>
 
     <div class="button"><img class="button_1" src="https://static.igem.org/mediawiki/2018/9/9a/T--NCTU_Formosa--button_yellow.png"/><img class="button_2" src="https://static.igem.org/mediawiki/2018/c/c3/T--NCTU_Formosa--button_white.png"/></div>
 
   </div>
 
   </div>
  <div class="gold"><img class="bg_gold" src="https://i.imgur.com/O0vYeCB.png"/>
+
 
    <h1>HP Gold</h1>
+
    <p class="g_1"> ● Agriculture Improvement Station</p>
+
    <div class="coverflow"><a><img src="https://static.igem.org/mediawiki/2018/e/e6/T--NCTU_Formosa--NCHUprof1.jpg"/></a><a><img src="https://static.igem.org/mediawiki/2018/0/0d/T--NCTU_Formosa--taoyuan1.jpg"/></a><a><img src="https://static.igem.org/mediawiki/2018/1/1d/T--NCTU_Formosa--agritech8.jpg"/></a></div>
+
    <div class="button"><img class="button_1" src="https://static.igem.org/mediawiki/2018/9/9a/T--NCTU_Formosa--button_yellow.png"/><img class="button_2" src="https://static.igem.org/mediawiki/2018/c/c3/T--NCTU_Formosa--button_white.png"/></div>
+
  </div>
+
 
   <div class="col"><img class="bg_col" src="https://i.imgur.com/O0vYeCB.png"/>
 
   <div class="col"><img class="bg_col" src="https://i.imgur.com/O0vYeCB.png"/>
 
     <h1>Collaboration</h1>
 
     <h1>Collaboration</h1>
Line 341: Line 292:
 
   </div>
 
   </div>
  
<!---------------------------------------------------------------------------------------------------------------->
 
 
  <div class="bottom">
 
    <img class="footer" src="https://static.igem.org/mediawiki/2018/2/29/T--NCTU_Formosa--footer2.0.png"/>
 
    <a href="https://www.facebook.com/NCTUFormosa/" target="_blank">
 
      <img class="footer_icon fb" src="https://static.igem.org/mediawiki/2018/8/86/T--NCTU_Formosa--fb.png"/>
 
    </a>
 
    <a href="" target="_blank">
 
      <img class="footer_icon ig" src="https://static.igem.org/mediawiki/2018/8/85/T--NCTU_Formosa--ig.png"/>
 
    </a>
 
    <a href="" target="_blank">
 
      <img class="footer_icon wechat" src="https://static.igem.org/mediawiki/2018/8/88/T--NCTU_Formosa--wechat.png"/>
 
    </a>
 
    <a href="mailto:nctuformosa@gmail.com " target="_blank">
 
      <img class="footer_icon gmail" src="https://static.igem.org/mediawiki/2018/2/2e/T--NCTU_Formosa--gmail.png"/>
 
    </a>
 
    <a href="https://www.google.com.tw/maps/place/NCTU_Formosa+Headquarter/@24.7858302,120.9951456,18z/data=!4m5!3m4!1s0x34683605819d2239:0x2cee58329dc8cfa7!8m2!3d24.7858282!4d120.9960658?hl=zh-TW" target="_blank">
 
      <img class="footer_icon location" src="https://static.igem.org/mediawiki/2018/1/13/T--NCTU_Formosa--location.png"/>
 
    </a>
 
  </div>
 
 
</div>
 
</div>
  
Line 373: Line 304:
  
 
</html>
 
</html>
 +
{{NCTU_Formosa/Footer}}

Revision as of 17:14, 22 September 2018

Navigation Bar HP-homepage2

Education

● NCTU Annual
Biotechnology Fair

HP Gold

● Agriculture Improvement Station

HP Silver

● Conferences (6th Asia-Pacific)

● Skype Meetup

Collaboration

● NCTU Annual
Biotechnology Fair