Difference between revisions of "Meetups/NCTU Formosa"

 
(244 intermediate revisions by 6 users not shown)
Line 1: Line 1:
−
{{2015Top}}
 
−
 
 
<html>
 
<html>
−
 
−
<div id="fullWidth">
 
−
 
−
 
−
 
−
<!-- start of content ---------------------------------------->
 
−
<!DOCTYPE html>
 
−
<html lang="en">
 
 
<head>
 
<head>
−
  <meta charset="utf-8">
+
<link href='https://2015.igem.org/Meetups/NCTU_Formosa/reset?action=raw&ctype=text/css' rel="stylesheet">
−
  <title>Bootstrap 3, from LayoutIt!</title>
+
    <style type="text/css">  
−
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
#content {
−
  <meta name="description" content="">
+
background: black;
−
  <meta name="author" content="">
+
}
−
 
+
body {
−
<!--link rel="stylesheet/less" href="less/bootstrap.less" type="text/css" /-->
+
        background: black;
−
<!--link rel="stylesheet/less" href="less/responsive.less" type="text/css" /-->
+
}
−
<!--script src="js/less-1.3.3.min.js"></script-->
+
    <!--
−
<!--append ‘#!watch’ to the browser URL, then refresh the page. -->
+
.bottom {
 +
    border-style:solid;
 +
    float:left;
 +
    width:200px;
 +
    height:300px;
 +
    background-color:#C7FF91;
 +
    }
 +
div.demo-trans1{
 +
display:none;
 +
height:30px;
 +
position:relative;
 +
top:25px;
 +
-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:19%;
 +
height:180px;
 +
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:15px;
 +
height:180px;
 +
background-color:#000000;
 +
text-top:100px;
 +
}
 +
div.f:hover{
 +
background-color:#FFFFFF;
 +
}
 +
div.f:hover div.demo-trans1{
 +
display: block;
 +
}
 +
div.circle{
 +
height:30px;
 
 
−
<link href="css/bootstrap.min.css" rel="stylesheet">
+
-webkit-transition:0.6s ease-out;
−
<link href="css/style.css" rel="stylesheet">
+
-moz-transition: 0.6s ease-out;
−
 
+
-o-transiton: 0.6s ease-out;
−
  <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
+
-ms-transition:0.6s ease-out;
−
  <!--[if lt IE 9]>
+
transition:0.6s ease-out;
−
    <script src="js/html5shiv.js"></script>
+
}
−
  <![endif]-->
+
−
 
+
div.f:hover div.circle{
−
  <!-- Fav and touch icons -->
+
display: none;
−
  <link rel="apple-touch-icon-precomposed" sizes="144x144" href="img/apple-touch-icon-144-precomposed.png">
+
}
−
  <link rel="apple-touch-icon-precomposed" sizes="114x114" href="img/apple-touch-icon-114-precomposed.png">
+
//-->
−
  <link rel="apple-touch-icon-precomposed" sizes="72x72" href="img/apple-touch-icon-72-precomposed.png">
+
        </style>  
−
   <link rel="apple-touch-icon-precomposed" href="img/apple-touch-icon-57-precomposed.png">
+
<style>
−
   <link rel="shortcut icon" href="img/favicon.png">
+
.myfont3{font-weight: 900;
−
    
+
        letter-spacing:8px;
−
<script type="text/javascript" src="js/jquery.min.js"></script>
+
        font-size:110px;
−
<script type="text/javascript" src="js/bootstrap.min.js"></script>
+
        line-height: 100px;
−
<script type="text/javascript" src="js/scripts.js"></script>
+
        font-family:Agency FB;
 +
font-color:white;}
 +
div.myfont2 {
 +
   position:absolute;
 +
   top:18%;
 +
   }
 +
</style>
 
</head>
 
</head>
  
 
<body>
 
<body>
−
<div class="container">
+
<div class="myfont2">
−
<div class="row clearfix">
+
<p class="myfont3"><font color=white>2015 iGEM <br>
−
<div class="col-md-12 column">
+
<br>
−
<div class="carousel slide" id="carousel-225182">
+
Conference</font></p></div>
−
<ol class="carousel-indicators">
+
<div style="text-align:right;">
−
<li data-slide-to="0" data-target="#carousel-225182">
+
                      <iframe width="59%" height="640" src="https://drive.google.com/file/d/0B5KYUA3jLSjRamhkVW9TejVFSU0/preview;showinfo=0" frameborder="0" allowfullscreen></iframe>
−
</li>
+
</div>
−
<li data-slide-to="1" data-target="#carousel-225182">
+
<div style="text-align:center;height:50px;margin: 0px auto;width:90%;">
−
</li>
+
                                  <div  style="text-align:center;height:50px" ></div>
−
<li data-slide-to="2" data-target="#carousel-225182" class="active">
+
<a href="https://2015.igem.org/Meetups/NCTU_Formosa/introduction"><div class="f" >
−
</li>
+
<div class="circle" style="position:relative;top:45px;" ><img src="https://static.igem.org/mediawiki/2015/1/12/12345.png" ;></div>
−
</ol>
+
<div class="demo-trans1" align="center" style="height:30px;position:relative;top:48px;">
−
<div class="carousel-inner">
+
<font size="10" align="center" color="#00000" font face="Agency FB" >
−
<div class="item">
+
Intro
−
<img alt="" src="http://lorempixel.com/1600/500/sports/1">
+
</font>
−
<div class="carousel-caption">
+
−
<h4>
+
−
2015 iGEM Asia Conference in NCTU
+
−
</h4>
+
−
<p>
+
−
Test....
+
−
</p>
+
 
</div>
 
</div>
−
</div>
+
</div></a>
−
<div class="item">
+
<div class="f1"></div>
−
<img alt="" src="http://lorempixel.com/1600/500/sports/2">
+
<a href="https://2015.igem.org/Meetups/NCTU_Formosa/agenda"><div class="f">
−
<div class="carousel-caption">
+
<div class="circle" style="position:relative;top:25px;"  ><img src="https://static.igem.org/mediawiki/2015/d/d3/AGENDA6.png" ;></div>
−
<h4>
+
<div class="demo-trans1" align="center" style="height:30px;position:relative;top:48px;">  
−
Second Thumbnail label
+
<font size="10" align="center" color="#00000" font face="Agency FB" >
−
</h4>
+
Agenda
−
<p>
+
</font>
−
Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
+
−
</p>
+
</div>
 +
</div></a>
 +
<div class="f1"></div>
 +
<a href="https://2015.igem.org/Meetups/NCTU_Formosa/participating_team"><div class="f">
 +
<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:48px;">
 +
<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/contacts"><div class="f" >
 +
<div class="circle"  style="position:relative;top:45px;" ><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:48px;">
 +
<font size="10" align="center" color="#00000" font face="Agency FB" >
 +
Contact us
 +
</font>
 +
 +
</div>
 
</div>
 
</div>
−
</div>
+
<div class="f1"></div>
−
<div class="item active">
+
<a href="https://2015.igem.org/Meetups/NCTU_Formosa"><div class="f" >
−
<img alt="" src="http://lorempixel.com/1600/500/sports/3">
+
<div class="circle" style="position:relative;top:38px;"><img
−
<div class="carousel-caption">
+
src="https://static.igem.org/mediawiki/2015/1/1e/6870.png" width="110";></div>
−
<h4>
+
<div class="demo-trans1" align="center" style="height:30px;position:relative;top:48px;">  
−
Third Thumbnail label
+
<font size="10" align="center" color="#00000" font face="Agency FB" >
−
</h4>
+
Home
−
<p>
+
</font>
−
Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
+
−
</p>
+
 
</div>
 
</div>
−
</div>
+
</div></a>
−
</div> <a class="left carousel-control" href="#carousel-225182" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a> <a class="right carousel-control" href="#carousel-225182" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
+
−
</div>
+
−
<div class="row clearfix">
+
−
<div class="col-md-4 column">
+
−
<div class="jumbotron">
+
−
<h1>
+
−
Introduction
+
−
</h1>
+
−
<p>
+
−
TEST
+
−
</p>
+
−
<p>
+
−
<a class="btn btn-primary btn-large" href="#">Learn more</a>
+
−
</p>
+
−
</div>
+
−
</div>
+
−
<div class="col-md-4 column">
+
−
<div class="jumbotron">
+
−
<h1>
+
−
Agenda
+
−
</h1>
+
−
<p>
+
−
Test
+
−
</p>
+
−
<p>
+
−
<a class="btn btn-primary btn-large" href="#">Learn more</a>
+
−
</p>
+
−
</div>
+
−
</div>
+
−
<div class="col-md-4 column">
+
−
<div class="jumbotron">
+
−
<h1>
+
−
Participating Team
+
−
</h1>
+
−
<p>
+
−
Test
+
−
</p>
+
−
<p>
+
−
<a class="btn btn-primary btn-large" href="#">Learn more</a>
+
−
</p>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
<div class="row clearfix">
+
−
<div class="col-md-4 column">
+
−
<div class="jumbotron">
+
−
<h1>
+
−
To attend
+
−
</h1>
+
−
<p>
+
−
Transportation, Registration
+
−
</p>
+
−
<p>
+
−
<a class="btn btn-primary btn-large" href="#">Learn more</a>
+
−
</p>
+
−
</div>
+
−
</div>
+
−
<div class="col-md-4 column">
+
−
<div class="jumbotron">
+
−
<h1>
+
−
About us
+
−
</h1>
+
−
<p>
+
−
TEST
+
−
</p>
+
−
<p>
+
−
<a class="btn btn-primary btn-large" href="#">Learn more</a>
+
−
</p>
+
−
</div>
+
−
</div>
+
−
<div class="col-md-4 column">
+
−
<div class="jumbotron">
+
−
<h1>
+
−
Hello, world!
+
−
</h1>
+
−
<p>
+
−
This is a template for a simple marketing or informational website. It includes a large callout called the hero unit and three supporting pieces of content. Use it as a starting point to create something more unique.
+
−
</p>
+
−
<p>
+
−
<a class="btn btn-primary btn-large" href="#">Learn more</a>
+
−
</p>
+
−
</div>
+
−
</div>
+
 
</div>
 
</div>
 
</div>
 
</div>
−
</div>
 
 
</div>
 
</div>
−
</body>
 
−
</html>
 
  
  
−
 
+
</body>
−
<!-- end of content ---------------------------------------->
+
−
</div>
+
−
<div class="clear"></div>
+
−
</html> {{2015Bottom}}<html>
+
−
</div>
+
−
 
+
 
</html>
 
</html>

Latest revision as of 06:05, 4 August 2015

2015 iGEM

Conference

Intro
Agenda
Team
Contact us
Home