Difference between revisions of "Team:NYMU-Taipei"

 
(48 intermediate revisions by the same user not shown)
Line 1: Line 1:
{{NYMU-Taipei}}
+
{{Template:NYMU-Taipei/newtemplate1}}
 +
 
 
<html>
 
<html>
<!--the_below_is_to_be_copied----------------------------------------------------------------------------------------------------------------------------------------------------->
 
<link rel="stylesheet" href="/Team:NYMU-Taipei/css-test?action=raw&ctype=text/css">
 
<link href="https://fonts.googleapis.com/css?family=Monoton" rel="stylesheet">
 
<link href="https://fonts.googleapis.com/css?family=Dosis" rel="stylesheet">
 
  
<div class="nymu_menu">
 
  
<!--add title on menu-->
+
<div class="cover">
<div id="title">HAIR TO STAY</div>
+
<video loop="true" src="https://static.igem.org/mediawiki/2018/9/9b/T--NYMU-Taipei--cover_video.mov" id="covervideo" autoplay="true" muted></video>
 
+
<img src="https://static.igem.org/mediawiki/2018/0/00/T--NYMU-Taipei--homepage-teamname.png" id="coversentence1">
<div class="dropdown">
+
<img src="https://static.igem.org/mediawiki/2018/6/66/T--NYMU-Taipei--homepage-topic.png" id="coversentence2">
<img src="https://static.igem.org/mediawiki/2018/b/b4/T--NYMU-Taipei--menuicon.png">
+
 
</div>
 
</div>
  
<a href="https://2018.igem.org/Team:NYMU-Taipei">
+
<h1 style="position:absolute; right:50px; top:800px; width:300px; color:#638695; font-size:80px;line-height:100px;">WATCH OUR VIDEO</h1>
<div class="dropdown menu_items">
+
<video src="https://static.igem.org/mediawiki/2018/c/ce/T--NYMU-Taipei--home-video.mp4" style="width:1000px; position:absolute; top:800px; margin:auto;" controls></video>
HOME
+
</div>
+
</a>
+
  
<!-- Team -->
+
<div>
<div class="dropdown">
+
<img src="https://static.igem.org/mediawiki/2018/c/c7/T--NYMU-Taipei--home-poster.png" style="width:1440px; position:absolute; top:1420px;">
<div class="menu_items">
+
TEAM
+
</div>
+
<div class="dropdown-content">
+
+
<a href="https://2018.igem.org/Team:NYMU-Taipei/Team">
+
<div class="submenu_items">
+
Team Members
+
</div>
+
</a>
+
 
+
<a href="https://2018.igem.org/Team:NYMU-Taipei/Collaborations">
+
<div class="submenu_items">
+
Collaborations
+
</div>
+
</a>
+
</div>
+
 
</div>
 
</div>
  
 +
<style>
 +
.cover{
 +
background-color:#F1F1F1;
 +
}
 +
#covervideo{
 +
top:150px;
 +
width: 950px;
 +
left:0px;
 +
position: absolute;
 +
opacity: 0.7;
 +
}
  
<div class="dropdown">
+
#coversentence1{
<!-- Project -->
+
position: absolute;
<div class="menu_items">
+
left:720px;
<div class="submenu_control_icon"> </div>
+
top:400px;
PROJECT
+
width:500px;
</div>
+
animation-name:fade-in2;
<div class="dropdown-content">
+
animation-duration: 4s;
+
font-family: 'Monoton', cursive;
<a href="https://2018.igem.org/Team:NYMU-Taipei/Description">
+
display:inline;
<div class="submenu_items">
+
Description
+
</div>
+
</a>
+
  
<a href="https://2018.igem.org/Team:NYMU-Taipei/Design">
+
}
<div class="submenu_items">
+
Design
+
</div>
+
</a>
+
  
<a href="https://2018.igem.org/Team:NYMU-Taipei/Experiments">
+
#coversentence2{
<div class="submenu_items">
+
position: absolute;
Experiments
+
left:700px;
</div>
+
top:290px;
</a>
+
width:700px;
 +
animation-name:fade-in1;
 +
animation-duration: 4s;
 +
font-family: 'Monoton', cursive;
 +
display:inline;
 +
}
  
 +
@keyframes fade-in1{
 +
from{
 +
opacity: 0;
 +
}
 +
to{
 +
opacity:1;
 +
}
 +
}
  
<a href="https://2018.igem.org/Team:NYMU-Taipei/Notebook">
+
@keyframes fade-in2{
<div class="submenu_items">
+
0%{
Notebook
+
opacity: 0;
</div>
+
}
</a>
+
30%{
 +
opacity:0;
 +
}
 +
100%{
 +
opacity: 1;
 +
}
 +
}
 +
</style>
  
<a href="https://2018.igem.org/Team:NYMU-Taipei/InterLab">
 
<div class="submenu_items">
 
InterLab
 
</div>
 
</a>
 
 
 
<a href="https://2018.igem.org/Team:NYMU-Taipei/Model">
 
<div class="submenu_items">
 
Model
 
</div>
 
</a>
 
 
<a href="https://2018.igem.org/Team:NYMU-Taipei/Results">
 
<div class="submenu_items">
 
Results
 
</div>
 
</a>
 
 
 
<a href="https://2018.igem.org/Team:NYMU-Taipei/Demonstrate">
 
<div class="submenu_items">
 
Demonstrate
 
</div>
 
</a>
 
 
<a href="https://2018.igem.org/Team:NYMU-Taipei/Improve">
 
<div class="submenu_items">
 
Improve
 
</div>
 
</a>
 
 
<a href="https://2018.igem.org/Team:NYMU-Taipei/Attributions">
 
<div class="submenu_items">
 
Attributions
 
</div>
 
</a>
 
 
</div>
 
</div>
 
 
<div class="dropdown">
 
<div class="menu_items">
 
<div class="submenu_control_icon"> </div>
 
PARTS
 
</div>
 
<div class="dropdown-content">
 
 
<a href="https://2018.igem.org/Team:NYMU-Taipei/Parts">
 
<div class="submenu_items">
 
Parts Overview
 
</div>
 
</a>
 
 
<a href="https://2018.igem.org/Team:NYMU-Taipei/Basic_Part">
 
<div class="submenu_items">
 
Basic Parts
 
</div>
 
</a>
 
 
<a href="https://2018.igem.org/Team:NYMU-Taipei/Composite_Part">
 
<div class="submenu_items">
 
Composite Parts
 
</div>
 
</a>
 
 
<a href="https://2018.igem.org/Team:NYMU-Taipei/Part_Collection">
 
<div class="submenu_items">
 
Part Collection
 
</div>
 
</a>
 
</div>
 
 
</div>
 
 
 
 
 
<a href="https://2018.igem.org/Team:NYMU-Taipei/Safety">
 
<div class="dropdown menu_items direct_link">
 
SAFETY
 
</div>
 
</a>
 
 
 
 
 
 
<div class="dropdown">
 
<div class="menu_items">
 
<div class="submenu_control_icon"> </div>
 
HUMAN PRACTICES
 
</div>
 
 
<div class="dropdown-content">
 
 
<a href="https://2018.igem.org/Team:NYMU-Taipei/Human_Practices">
 
<div class="submenu_items">
 
Human Practices
 
</div>
 
</a>
 
 
 
<a href="https://2018.igem.org/Team:NYMU-Taipei/Public_Engagement">
 
<div class="submenu_items">
 
Education &amp; Engagement
 
</div>
 
</a>
 
 
</div>
 
</div>
 
 
 
 
<div class="dropdown">
 
<div class="menu_items">
 
<div class="submenu_control_icon"> </div>
 
AWARDS
 
</div>
 
 
<div class="dropdown-content">
 
 
<a href="https://2018.igem.org/Team:NYMU-Taipei/Applied_Design">
 
<div class="submenu_items">
 
Applied Design
 
</div>
 
</a>
 
 
<a href="https://2018.igem.org/Team:NYMU-Taipei/Entrepreneurship">
 
<div class="submenu_items">
 
Entrepreneurship
 
</div>
 
</a>
 
 
<a href="https://2018.igem.org/Team:NYMU-Taipei/Hardware">
 
<div class="submenu_items">
 
Hardware
 
</div>
 
</a>
 
 
<a href="https://2018.igem.org/Team:NYMU-Taipei/Measurement">
 
<div class="submenu_items">
 
Measurement
 
</div>
 
</a>
 
 
<a href="https://2018.igem.org/Team:NYMU-Taipei/Model">
 
<div class="submenu_items">
 
Model
 
</div>
 
</a>
 
 
<a href="https://2018.igem.org/Team:NYMU-Taipei/Plant">
 
<div class="submenu_items">
 
Plant
 
</div>
 
</a>
 
 
 
<a href="https://2018.igem.org/Team:NYMU-Taipei/Software">
 
<div class="submenu_items">
 
Software
 
</div>
 
</a>
 
 
</div>
 
</div>
 
 
 
<a href="https://igem.org/2018_Judging_Form?team=NYMU-Taipei">
 
<div class="dropdown menu_items direct_link">
 
JUDGING FORM ⇗
 
</div>
 
</a>
 
 
</div>
 
 
<!-- menuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuu -->
 
 
<!--the_above_is_to_be_copied----------------------------------------------------------------------------------------------------------------------------------------------------->
 
 
<div class="cover">
 
<video loop="true" src="https://static.igem.org/mediawiki/2018/9/9b/T--NYMU-Taipei--cover_video.mov" id="covervideo" autoplay="true" muted></video>
 
<div id="coversentence1">2018  NYMU  iGEM</div>
 
<div id="coversentence2">HAIR TO STAY</div>
 
</div>
 
 
</html>
 
</html>

Latest revision as of 18:20, 14 October 2018

WATCH OUR VIDEO