View source for Meetups/NCTU Formosa

<html>
<head>
<link href='https://2015.igem.org/Meetups/NCTU_Formosa/reset?action=raw&ctype=text/css' rel="stylesheet">
    <style type="text/css"> 
#content {
	background: black;
}
     <!--
	 .bottom {
     border-style:solid;
     float:left;
     width:200px;
     height:300px;
     background-color:#C7FF91;
     }
	 div.demo-trans1{
	-webkit-transition:0.4s ease-out;
-moz-transition: 0.4s ease-out;
-o-transiton: 0.4s ease-out;
-ms-transition:0.4s ease-out;
transition:0.4s ease-out;
			}
		
	div.f{
	float:left;
	width:292px;
	height:300px;
	background-color:#FFF300;
	-webkit-transition:0.4s ease-out;
	-moz-transition: 0.4s ease-out;
	-o-transiton: 0.4s ease-out;
	-ms-transition:0.4s ease-out;
	transition:0.4s ease-out;
	text-top:100px;
	}
	div.f1{
	float:left;
	width:10px;
	height:525px;
	background-color:#FFFFFF;
	text-top:100px;
	}
	div.f:hover{
	background-color:#FFFFFF;
	}
	div.f:hover div.demo-trans1{
	-webkit-transform: scale(1.0) translateY(105px);
-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{
	display: none;
	height:30px;
	position:relative;
	top:100px;
	-webkit-transition:0.6s ease-out;
	-moz-transition: 0.6s ease-out;
	-o-transiton: 0.6s ease-out;
	-ms-transition:0.6s ease-out;
	transition:0.6s ease-out;
		}
	div.f:hover div.circle{
	display: block;
		}
	 //-->
         </style> 
<style>
.myfont3{line-height: 100px;}
.myfont3{font-family:Agency FB;}
.myfont3{font-size:110px;}
.myfont3{font-weight: 900;}
#myfont2 {
  position:absolute;
  top:10%;
  }
</style>
</head>
<body>
<div id="myfont2">
<p class='myfont3'><font color=white>2015 iGEM <br>
<br>
Asian Conference</font></p></div>
			<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>
			</div>
			<div  style="text-align:center;height:50px;margin: 0px auto;width:1790px;" >
				<div  style="text-align:center;height:50px" ></div>
					<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="demo-trans1" align="center" style="height:30px;position:relative;top:220px;">
							<font size="10" align="center" color="#00000" font face="Agency FB" >
								Intro
							</font>
						</div>
					</div></a>
					<div class="f1"></div>
					<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="demo-trans1" align="center" style="height:30px;position:relative;top:220px;"> 
							<font size="10" align="center" color="#00000" font face="Agency FB" >
								Agenda
							</font>
							
							</div>
						</div></a>	
					<div class="f1"></div>
					<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="demo-trans1" align="center" style="height:30px;position:relative;top:220px;"> 
							<font size="10" align="center" color="#00000" font face="Agency FB" >
								Team
							</font>
						</div>
						</div></a>	
					<div class="f1"></div>
					<a href="https://2015.igem.org/Meetups/NCTU_Formosa/attendence"><div class="f" >
						<div class="circle" ><img 
src="https://static.igem.org/mediawiki/2015/1/15/15901.png" ;></div>
						<div  class="demo-trans1" align="center" style="height:30px;position:relative;top:220px;"> 
							<font size="10" align="center" color="#00000" font face="Agency FB" >
								Attend
							</font>
							
						</div>
					</div></a>
					<div class="f1"></div>
					<a href="https://www.facebook.com/pages/NCTU_Formosa-IGEM-team/267841893250331?fref=ts"><div class="f" >
						<div class="circle"><img 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;"> 
							<font size="10" align="center" color="#00000" font face="Agency FB">
							Contact
							</font>
						</div>
					
					</div></a>
					
			</div>
		</div>
</div>


</body>
</html>