Difference between revisions of "Meetups/NCTU Formosa"

 
(47 intermediate revisions by 3 users not shown)
Line 18: Line 18:
 
     }
 
     }
 
div.demo-trans1{
 
div.demo-trans1{
 +
display:none;
 +
height:30px;
 +
position:relative;
 +
top:25px;
 
-webkit-transition:0.4s ease-out;
 
-webkit-transition:0.4s ease-out;
 
-moz-transition: 0.4s ease-out;
 
-moz-transition: 0.4s ease-out;
Line 27: Line 31:
 
div.f{
 
div.f{
 
float:left;
 
float:left;
width:292px;
+
width:19%;
height:300px;
+
height:180px;
 
background-color:#FFF300;
 
background-color:#FFF300;
 
-webkit-transition:0.4s ease-out;
 
-webkit-transition:0.4s ease-out;
Line 39: Line 43:
 
div.f1{
 
div.f1{
 
float:left;
 
float:left;
width:10px;
+
width:15px;
height:525px;
+
height:180px;
background-color:#FFFFFF;
+
background-color:#000000;
 
text-top:100px;
 
text-top:100px;
 
}
 
}
Line 48: Line 52:
 
}
 
}
 
div.f:hover div.demo-trans1{
 
div.f:hover div.demo-trans1{
-webkit-transform: scale(1.0) translateY(105px);
+
display: block;
-moz-transform: scale(1.0) translateY(105px);
+
-o-transform: scale(1.0) translateY(105px);
+
-ms-transform: scale(1.0) translateY(105px);
+
transform: scale(1.0) translateY(105px);
+
 
}
 
}
 
div.circle{
 
div.circle{
display: none;
 
 
height:30px;
 
height:30px;
position:relative;
+
top:100px;
+
 
-webkit-transition:0.6s ease-out;
 
-webkit-transition:0.6s ease-out;
 
-moz-transition: 0.6s ease-out;
 
-moz-transition: 0.6s ease-out;
Line 65: Line 63:
 
transition:0.6s ease-out;
 
transition:0.6s ease-out;
 
}
 
}
 +
 
div.f:hover div.circle{
 
div.f:hover div.circle{
display: block;
+
display: none;
 
}
 
}
 
//-->
 
//-->
 
         </style>  
 
         </style>  
 
<style>
 
<style>
.myfont3{line-height: 100px;}
+
.myfont3{font-weight: 900;
.myfont3{font-family:Agency FB;}
+
        letter-spacing:8px;
.myfont3{font-size:110px;}
+
        font-size:110px;
.myfont3{font-weight: 900;}
+
        line-height: 100px;
#myfont2 {
+
        font-family:Agency FB;
 +
font-color:white;}
 +
div.myfont2 {
 
   position:absolute;
 
   position:absolute;
   top:10%;
+
   top:18%;
 
   }
 
   }
 
</style>
 
</style>
 
</head>
 
</head>
 +
 
<body>
 
<body>
<div id="myfont2">
+
<div class="myfont2">
<p class='myfont3'><font color=white>2015 iGEM <br>
+
<p class="myfont3"><font color=white>2015 iGEM <br>
 
<br>
 
<br>
Asian Conference</font></p></div>
+
Conference</font></p></div>
 
<div style="text-align:right;">
 
<div style="text-align:right;">
                       <iframe width="58%" height="500" src="https://www.youtube.com/v/jxTkUQ5-npQ&autoplay=1?rel=0&amp;controls=0&amp;showinfo=0" frameborder="0" allowfullscreen></iframe>
+
                       <iframe width="59%" height="640" src="https://drive.google.com/file/d/0B5KYUA3jLSjRamhkVW9TejVFSU0/preview;showinfo=0" frameborder="0" allowfullscreen></iframe>
 
</div>
 
</div>
<div style="text-align:center;height:50px;margin: 0px auto;width:70%;" >
+
<div style="text-align:center;height:50px;margin: 0px auto;width:90%;">
<div  style="text-align:center;height:50px" ></div>
+
                                  <div  style="text-align:center;height:50px" ></div>
 
<a href="https://2015.igem.org/Meetups/NCTU_Formosa/introduction"><div class="f" >
 
<a href="https://2015.igem.org/Meetups/NCTU_Formosa/introduction"><div class="f" >
<div class="circle" ><img src="https://static.igem.org/mediawiki/2015/1/12/12345.png" ;></div>
+
<div class="circle" style="position:relative;top:45px;" ><img src="https://static.igem.org/mediawiki/2015/1/12/12345.png" ;></div>
<div class="demo-trans1" align="center" style="height:30px;position:relative;top:220px;">
+
<div class="demo-trans1" align="center" style="height:30px;position:relative;top:48px;">
 
<font size="10" align="center" color="#00000" font face="Agency FB" >
 
<font size="10" align="center" color="#00000" font face="Agency FB" >
 
Intro
 
Intro
Line 101: Line 103:
 
<div class="f1"></div>
 
<div class="f1"></div>
 
<a href="https://2015.igem.org/Meetups/NCTU_Formosa/agenda"><div class="f">
 
<a href="https://2015.igem.org/Meetups/NCTU_Formosa/agenda"><div class="f">
<div class="circle"  ><img src="https://static.igem.org/mediawiki/2015/d/d3/AGENDA6.png" ;></div>
+
<div class="circle" style="position:relative;top:25px;"  ><img src="https://static.igem.org/mediawiki/2015/d/d3/AGENDA6.png" ;></div>
<div class="demo-trans1" align="center" style="height:30px;position:relative;top:220px;">  
+
<div class="demo-trans1" align="center" style="height:30px;position:relative;top:48px;">  
 
<font size="10" align="center" color="#00000" font face="Agency FB" >
 
<font size="10" align="center" color="#00000" font face="Agency FB" >
 
Agenda
 
Agenda
Line 111: Line 113:
 
<div class="f1"></div>
 
<div class="f1"></div>
 
<a href="https://2015.igem.org/Meetups/NCTU_Formosa/participating_team"><div class="f">
 
<a href="https://2015.igem.org/Meetups/NCTU_Formosa/participating_team"><div class="f">
<div class="circle"   ><img src="https://static.igem.org/mediawiki/2015/8/88/Team6.png" ;></div>
+
<div class="circle" style="position:relative;top:45px;" ><img src="https://static.igem.org/mediawiki/2015/8/88/Team6.png" ;></div>
<div  class="demo-trans1" align="center" style="height:30px;position:relative;top:220px;">  
+
<div  class="demo-trans1" align="center" style="height:30px;position:relative;top:48px;">  
 
<font size="10" align="center" color="#00000" font face="Agency FB" >
 
<font size="10" align="center" color="#00000" font face="Agency FB" >
 
Team
 
Team
Line 120: Line 122:
 
<div class="f1"></div>
 
<div class="f1"></div>
 
<a href="https://2015.igem.org/Meetups/NCTU_Formosa/contacts"><div class="f" >
 
<a href="https://2015.igem.org/Meetups/NCTU_Formosa/contacts"><div class="f" >
<div class="circle" ><img  
+
<div class="circle"  style="position:relative;top:45px;" ><img  
src="https://static.igem.org/mediawiki/2015/9/90/95701.png" ;></div>
+
src="https://static.igem.org/mediawiki/2015/9/90/95701.png" ;></div>
<div  class="demo-trans1" align="center" style="height:30px;position:relative;top:220px;">  
+
<div  class="demo-trans1" align="center" style="height:30px;position:relative;top:48px;">  
 
<font size="10" align="center" color="#00000" font face="Agency FB" >
 
<font size="10" align="center" color="#00000" font face="Agency FB" >
 
Contact us
 
Contact us
 +
</font>
 +
 +
</div>
 +
</div>
 +
<div class="f1"></div>
 +
<a href="https://2015.igem.org/Meetups/NCTU_Formosa"><div class="f" >
 +
<div class="circle"  style="position:relative;top:38px;"><img
 +
src="https://static.igem.org/mediawiki/2015/1/1e/6870.png" width="110";></div>
 +
<div  class="demo-trans1" align="center" style="height:30px;position:relative;top:48px;">
 +
<font size="10" align="center" color="#00000" font face="Agency FB" >
 +
Home
 
</font>
 
</font>
 
 
 
</div>
 
</div>
 
 
</div></a>
 
</div></a>
 
 

Latest revision as of 06:05, 4 August 2015

2015 iGEM

Conference

Intro
Agenda
Team
Contact us
Home