Difference between revisions of "Meetups/NCTU Formosa"

Line 1: Line 1:
 
<html>
 
<html>
 
<head>
 
<head>
−
<link href="https://2015.igem.org/Meetups/NCTU_Formosa/css/bootstrap.css?action=raw&ctype=text/css" rel="stylesheet">
+
    <style type="text/css">  
−
        <link href="https://2015.igem.org/Meetups/NCTU_Formosa/css/bootstrap-theme.css?action=raw&ctype=text/css" rel="stylesheet">
+
    <!--
−
<script type="text/javascript" src="https://2015.igem.org/Meetups/NCTU_Formosa/js/jquery.min.js?action=raw&ctype=text/javascript"></script>
+
.bottom {
−
<script type="text/javascript" src="https://2015.igem.org/Meetups/NCTU_Formosa/js/bootstrap.min.js?action=raw&ctype=text/javascript"></script>
+
    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:330px;
 +
height:525px;
 +
background-color:#EEF6E6;
 +
-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>  
 
</head>
 
</head>
 
<body>
 
<body>
−
+
<div style="padding-top:1%;text-align:center;postition:relative;">
−
<font size="5" color="red">This website is now under testing,<P> if you have any question about the conference at NCTU,<P>or want to learn more information,<P>
+
    <font size="7">2015 iGEM Asian Conference</font>
−
Just contact us:  <a href = https://www.facebook.com/pages/NCTU_Formosa-IGEM-team/267841893250331>NCTU_Formosa</a> </font>
+
<div style="text-align:center;">
−
 
+
<iframe width="100%" height="960" src="https://www.youtube.com/embed/jxTkUQ5-npQ" frameborder="0" allowfullscreen></iframe>
−
 
+
−
 
+
−
<div class="container">
+
−
<div class="col-md-12 column">
+
−
<iframe width="920" height="500" src="https://www.youtube.com/embed/jxTkUQ5-npQ" frameborder="0" allowfullscreen></iframe>
+
 
</div>
 
</div>
−
<div class="row clearfix">
+
<div style="text-align:center;height:50px;margin: 0px auto;width:1790px;" >
−
<div class="col-md-4 column">
+
<div style="text-align:center;height:50px" ></div>
−
<div class="jumbotron">
+
<a href="https://2015.igem.org/Meetups/NCTU_Formosa/introduction"><div class="f" >
−
<font size="6">
+
<div class="circle" ><img src="https://static.igem.org/mediawiki/2015/8/8f/Introduction1.png" ;></div>
−
Introduction
+
<div class="demo-trans1" align="center" style="height:30px;position:relative;top:220px;">
−
</font>
+
<font size="10" align="center" color="#42CE73" >
−
<p>
+
Intro
−
<a class="btn btn-primary btn-large" href="https://2015.igem.org/Meetups/NCTU_Formosa/introduction">Learn more</a>
+
</font>
−
</p>
+
</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/0/06/AGENDA.png" ;></div>
 +
<div class="demo-trans1" align="center" style="height:30px;position:relative;top:220px;">
 +
<font size="10" align="center" color="#42CE73" >
 +
Agenda
 +
</font>
 +
 +
</div>
 +
</div></a>
 +
<div class="f1"></div>
 +
<a href="https://static.igem.org/mediawiki/2015/7/7b/Team4.png"><div class="f">
 +
<div class="circle"  ><img src="https://static.igem.org/mediawiki/2015/7/7b/Team4.png" ;></div>
 +
<div  class="demo-trans1" align="center" style="height:30px;position:relative;top:220px;">
 +
<font size="10" align="center" color="#42CE73" >
 +
Team
 +
</font>
 +
</div>
 +
</div></a>
 +
<div class="f1"></div>
 +
<div class="f" >
 +
<div class="circle" ><img src="https://static.igem.org/mediawiki/2015/c/cd/To_attend1.png" ;></div>
 +
<div  class="demo-trans1" align="center" style="height:30px;position:relative;top:220px;">
 +
<font size="10" align="center" color="#42CE73" >
 +
Attend
 +
</font>
 +
 +
</div>
 
</div>
 
</div>
−
</div>
+
<div class="f1"></div>
−
<div class="col-md-4 column">
+
<div class="f" >
−
<div class="jumbotron">
+
<div class="circle"   ><img src="https://static.igem.org/mediawiki/2015/9/92/Contact_us.png" ;></div>
−
<font size="6">
+
<div  class="demo-trans1" align="center" style="height:30px;position:relative;top:220px;">  
−
Agenda
+
<font size="10" align="center" color="#42CE73" >
−
</font>
+
Contact
−
<p>
+
</font>
−
<a class="btn btn-primary btn-large" href="https://2015.igem.org/Meetups/NCTU_Formosa/agenda">Learn more</a>
+
</div>
−
</p>
+
 
</div>
 
</div>
−
</div>
+
−
<div class="col-md-4 column">
+
−
<div class="jumbotron">
+
−
<font size="6">
+
−
Participating Team
+
−
</font>
+
−
<p>
+
−
<a class="btn btn-primary btn-large" href="https://2015.igem.org/Meetups/NCTU_Formosa/participating_team">Learn more</a>
+
−
</p>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
<div class="row clearfix">
+
−
<div class="col-md-4 column">
+
−
<div class="jumbotron">
+
−
<font size="6">
+
−
To attend
+
−
</font>
+
−
<p><font size="4">
+
−
Transportation, Registration
+
−
</p>
+
−
                                                </font>
+
−
<p>
+
−
<a class="btn btn-primary btn-large" href="https://2015.igem.org/Meetups/NCTU_Formosa/attendence">Learn more</a>
+
−
</p>
+
−
</div>
+
−
</div>
+
−
<div class="col-md-4 column">
+
−
<div class="jumbotron">
+
−
<font size="6">
+
−
Contact us
+
−
</font>
+
−
<p>
+
−
<P>Facebook:</P><a href = https://www.facebook.com/pages/NCTU_Formosa-IGEM-team/267841893250331>NCTU_Formosa</a>
+
−
</p>
+
−
</p>
+
−
</div>
+
−
</div>
+
−
+
 
</div>
 
</div>
 
</div>
 
</div>
−
</div>
 
 
</div>
 
</div>
 +
  
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 15:34, 28 May 2015

2015 iGEM Asian Conference