Difference between revisions of "Meetups/NCTU Formosa/agenda"

 
(259 intermediate revisions by 3 users not shown)
Line 1: Line 1:
−
<!DOCTYPE html>
+
<html>
−
<html lang="en">
+
 
<head>
 
<head>
−
  <meta charset="utf-8">
+
<script type="text/javascript" src="https://2015.igem.org/Meetups/NCTU_Formosa/js/agenda.js?action=raw&ctype=text/javascript"></script>
−
  <title>Bootstrap 3, from LayoutIt!</title>
+
<link href='https://2015.igem.org/Meetups/NCTU_Formosa/reset?action=raw&ctype=text/css' rel="stylesheet">
−
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
−
  <meta name="description" content="">
+
−
  <meta name="author" content="">
+
  
−
<!--link rel="stylesheet/less" href="less/bootstrap.less" type="text/css" /-->
+
<style type="text/css">  
−
<!--link rel="stylesheet/less" href="less/responsive.less" type="text/css" /-->
+
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
−
<!--script src="js/less-1.3.3.min.js"></script-->
+
    display:none;}
−
<!--append ‘#!watch’ to the browser URL, then refresh the page. -->
+
#top-section {
 +
    border: none;
 +
    height: 0px;}
 +
#content {
 +
background: black;
 +
padding: 0;
 +
width: 100%;
 +
border: 0px;
 +
}
 +
body {
 +
        background: black;
 +
}
  
−
  <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
 
−
  <!--[if lt IE 9]>
 
−
    <script src="js/html5shiv.js"></script>
 
−
  <![endif]-->
 
  
−
<link href="https://2015.igem.org/Meetups/NCTU_Formosa/css/bootstrap.css?action=raw&ctype=text/css" rel="stylesheet">
+
table {
−
        <link href="https://2015.igem.org/Meetups/NCTU_Formosa/css/bootstrap-theme.css?action=raw&ctype=text/css" rel="stylesheet">
+
  border: 0;
−
<script type="text/javascript" src="https://2015.igem.org/Meetups/NCTU_Formosa/js/jquery.min.js?action=raw&ctype=text/javascript"></script>
+
}
−
<script type="text/javascript" src="https://2015.igem.org/Meetups/NCTU_Formosa/js/bootstrap.min.js?action=raw&ctype=text/javascript"></script>
+
th {
 +
  background-color:#fffFFF;
 +
  font-size:30PX;
 +
font-weight: 500;
 +
    padding-left:20px;
 +
padding-right:20px; 
 +
padding-top:10px;
 +
padding-bottom:10px;
 +
text-align:center;
 +
font-family:Agency FB;
 +
}
 +
td {
 +
  border-bottom:1 solid #000000;
 +
background-color:#000000;
 +
font-size:25PX;
 +
color:#ffffff;
 +
font-weight: 400;
 +
line-height: 30px;
 +
  padding-left:20px;
 +
padding-right:20px;
 +
padding-top:10px;
 +
padding-bottom:10px;
 +
text-align:center;
 +
font-family:Tw Cen MT;
 +
 
 +
}
 +
.title {
 +
font-size:35PX;
 +
font-weight: 800;
 +
font-family:Agency FB;
 +
color:white;
 +
line-height: 50px;
 +
letter-spacing:9px;
 +
}
 +
div.demo-trans1{
 +
 +
height:30px;
 +
position:relative;
 +
top:12px;
 +
 +
}
 +
 +
div.f{
 +
float:left;
 +
width:18%;
 +
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_{
 +
float:left;
 +
width:18%;
 +
height:40px;
 +
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.f_:hover{
 +
background-color:#FFFFFF;
 +
}
 +
div.f:hover{
 +
background-color:#FFFFFF;
 +
}
 +
div.f:hover div.demo-trans1{
 +
display: block;
 +
}
 +
div.circle{
 +
display:none;
 +
height:30px;
 +
position:relative;
 +
top:25px;
 +
-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: none;
 +
}
 +
div.line{
 +
text-align:center;height:80px;margin: 0 auto;width:75%;
 +
 +
}
 +
div.outofline{
 +
text-align:center;height:80px;width:100%;position:fixed;bottom:30px;
 +
}
 +
 +
</style>
 +
 
 
</head>
 
</head>
  
 
<body>
 
<body>
−
<div class="container">
+
<div style="margin-bottom: 50px;">
−
<div class="row clearfix">
+
 
−
<div class="col-md-12 column">
+
<div><img src="https://static.igem.org/mediawiki/2015/4/4e/Agenda_new.png"></div>
−
<h3>
+
<div style="text-align:center;">
−
h3. Lorem ipsum dolor sit amet.
+
<iframe width="70%" height="550" src="https://drive.google.com/file/d/0B5KYUA3jLSjRYkZzUlRIYnpYZjg/preview"></iframe></div>
−
</h3>
+
−
<p>
+
 
−
Lorem ipsum dolor sit amet, <strong>consectetur adipiscing elit</strong>. Aliquam eget sapien sapien. Curabitur in metus urna. In hac habitasse platea dictumst. Phasellus eu sem sapien, sed vestibulum velit. Nam purus nibh, lacinia non faucibus et, pharetra in dolor. Sed iaculis posuere diam ut cursus. <em>Morbi commodo sodales nisi id sodales. Proin consectetur, nisi id commodo imperdiet, metus nunc consequat lectus, id bibendum diam velit et dui.</em> Proin massa magna, vulputate nec bibendum nec, posuere nec lacus. <small>Aliquam mi erat, aliquam vel luctus eu, pharetra quis elit. Nulla euismod ultrices massa, et feugiat ipsum consequat eu.</small>
+
 
−
</p>
+
 
−
</div>
+
 
−
</div>
+
<div class="outofline">
−
<div class="row clearfix">
+
<div class="line">
−
<div class="col-md-6 column">
+
                                  <div  style="text-align:center;height:50px" ></div>
−
<table class="table">
+
<a href="https://2015.igem.org/Meetups/NCTU_Formosa/introduction"><div class="f" >
−
<thead>
+
<div class="circle" ><img src="https://static.igem.org/mediawiki/2015/1/12/12345.png" ;></div>
−
<tr>
+
<div class="demo-trans1" align="center" >
−
<th>
+
<font size="6" align="center" color="#00000" font face="Agency FB" >
−
#
+
Intro
−
</th>
+
</font>
−
<th>
+
</div>
−
Product
+
</div></a>
−
</th>
+
<div class="f1"></div>
−
<th>
+
<a href="https://2015.igem.org/Meetups/NCTU_Formosa/agenda"><div class="f">
−
Payment Taken
+
<div class="circle" ><img src="https://static.igem.org/mediawiki/2015/d/d3/AGENDA6.png" ;></div>
−
</th>
+
<div class="demo-trans1" align="center" >  
−
<th>
+
<font size="6" align="center" color="#00000" font face="Agency FB" >
−
Status
+
Agenda
−
</th>
+
</font>
−
</tr>
+
−
</thead>
+
</div>
−
<tbody>
+
</div></a>
−
<tr>
+
<div class="f1"></div>
−
<td>
+
<a href="https://2015.igem.org/Meetups/NCTU_Formosa/participating_team"><div class="f">
−
1
+
<div class="circle"   ><img src="https://static.igem.org/mediawiki/2015/8/88/Team6.png" ;></div>
−
</td>
+
<div  class="demo-trans1" align="center" >  
−
<td>
+
<font size="6" align="center" color="#00000" font face="Agency FB" >
−
TB - Monthly
+
Team
−
</td>
+
</font>
−
<td>
+
−
01/04/2012
+
−
</td>
+
−
<td>
+
−
Default
+
−
</td>
+
−
</tr>
+
−
<tr class="active">
+
−
<td>
+
−
1
+
−
</td>
+
−
<td>
+
−
TB - Monthly
+
−
</td>
+
−
<td>
+
−
01/04/2012
+
−
</td>
+
−
<td>
+
−
Approved
+
−
</td>
+
−
</tr>
+
−
<tr class="success">
+
−
<td>
+
−
2
+
−
</td>
+
−
<td>
+
−
TB - Monthly
+
−
</td>
+
−
<td>
+
−
02/04/2012
+
−
</td>
+
−
<td>
+
−
Declined
+
−
</td>
+
−
</tr>
+
−
<tr class="warning">
+
−
<td>
+
−
3
+
−
</td>
+
−
<td>
+
−
TB - Monthly
+
−
</td>
+
−
<td>
+
−
03/04/2012
+
−
</td>
+
−
<td>
+
−
Pending
+
−
</td>
+
−
</tr>
+
−
<tr class="danger">
+
−
<td>
+
−
4
+
−
</td>
+
−
<td>
+
−
TB - Monthly
+
−
</td>
+
−
<td>
+
−
04/04/2012
+
−
</td>
+
−
<td>
+
−
Call in to confirm
+
−
</td>
+
−
</tr>
+
−
</tbody>
+
−
</table>
+
−
<table class="table">
+
−
<thead>
+
−
<tr>
+
−
<th>
+
−
#
+
−
</th>
+
−
<th>
+
−
Product
+
−
</th>
+
−
<th>
+
−
Payment Taken
+
−
</th>
+
−
<th>
+
−
Status
+
−
</th>
+
−
</tr>
+
−
</thead>
+
−
<tbody>
+
−
<tr>
+
−
<td>
+
−
1
+
−
</td>
+
−
<td>
+
−
TB - Monthly
+
−
</td>
+
−
<td>
+
−
01/04/2012
+
−
</td>
+
−
<td>
+
−
Default
+
−
</td>
+
−
</tr>
+
−
<tr class="active">
+
−
<td>
+
−
1
+
−
</td>
+
−
<td>
+
−
TB - Monthly
+
−
</td>
+
−
<td>
+
−
01/04/2012
+
−
</td>
+
−
<td>
+
−
Approved
+
−
</td>
+
−
</tr>
+
−
<tr class="success">
+
−
<td>
+
−
2
+
−
</td>
+
−
<td>
+
−
TB - Monthly
+
−
</td>
+
−
<td>
+
−
02/04/2012
+
−
</td>
+
−
<td>
+
−
Declined
+
−
</td>
+
−
</tr>
+
−
<tr class="warning">
+
−
<td>
+
−
3
+
−
</td>
+
−
<td>
+
−
TB - Monthly
+
−
</td>
+
−
<td>
+
−
03/04/2012
+
−
</td>
+
−
<td>
+
−
Pending
+
−
</td>
+
−
</tr>
+
−
<tr class="danger">
+
−
<td>
+
−
4
+
−
</td>
+
−
<td>
+
−
TB - Monthly
+
−
</td>
+
−
<td>
+
−
04/04/2012
+
−
</td>
+
−
<td>
+
−
Call in to confirm
+
−
</td>
+
−
</tr>
+
−
</tbody>
+
−
</table>
+
−
<table class="table">
+
−
<thead>
+
−
<tr>
+
−
<th>
+
−
#
+
−
</th>
+
−
<th>
+
−
Product
+
−
</th>
+
−
<th>
+
−
Payment Taken
+
−
</th>
+
−
<th>
+
−
Status
+
−
</th>
+
−
</tr>
+
−
</thead>
+
−
<tbody>
+
−
<tr>
+
−
<td>
+
−
1
+
−
</td>
+
−
<td>
+
−
TB - Monthly
+
−
</td>
+
−
<td>
+
−
01/04/2012
+
−
</td>
+
−
<td>
+
−
Default
+
−
</td>
+
−
</tr>
+
−
<tr class="active">
+
−
<td>
+
−
1
+
−
</td>
+
−
<td>
+
−
TB - Monthly
+
−
</td>
+
−
<td>
+
−
01/04/2012
+
−
</td>
+
−
<td>
+
−
Approved
+
−
</td>
+
−
</tr>
+
−
<tr class="success">
+
−
<td>
+
−
2
+
−
</td>
+
−
<td>
+
−
TB - Monthly
+
−
</td>
+
−
<td>
+
−
02/04/2012
+
−
</td>
+
−
<td>
+
−
Declined
+
−
</td>
+
−
</tr>
+
−
<tr class="warning">
+
−
<td>
+
−
3
+
−
</td>
+
−
<td>
+
−
TB - Monthly
+
−
</td>
+
−
<td>
+
−
03/04/2012
+
−
</td>
+
−
<td>
+
−
Pending
+
−
</td>
+
−
</tr>
+
−
<tr class="danger">
+
−
<td>
+
−
4
+
−
</td>
+
−
<td>
+
−
TB - Monthly
+
−
</td>
+
−
<td>
+
−
04/04/2012
+
−
</td>
+
−
<td>
+
−
Call in to confirm
+
−
</td>
+
−
</tr>
+
−
</tbody>
+
−
</table>
+
−
<h3>
+
−
h3. Lorem ipsum dolor sit amet.
+
−
</h3>
+
−
</div>
+
−
<div class="col-md-6 column">
+
−
<table class="table">
+
−
<thead>
+
−
<tr>
+
−
<th>
+
−
#
+
−
</th>
+
−
<th>
+
−
Product
+
−
</th>
+
−
<th>
+
−
Payment Taken
+
−
</th>
+
−
<th>
+
−
Status
+
−
</th>
+
−
</tr>
+
−
</thead>
+
−
<tbody>
+
−
<tr>
+
−
<td>
+
−
1
+
−
</td>
+
−
<td>
+
−
TB - Monthly
+
−
</td>
+
−
<td>
+
−
01/04/2012
+
−
</td>
+
−
<td>
+
−
Default
+
−
</td>
+
−
</tr>
+
−
<tr class="active">
+
−
<td>
+
−
1
+
−
</td>
+
−
<td>
+
−
TB - Monthly
+
−
</td>
+
−
<td>
+
−
01/04/2012
+
−
</td>
+
−
<td>
+
−
Approved
+
−
</td>
+
−
</tr>
+
−
<tr class="success">
+
−
<td>
+
−
2
+
−
</td>
+
−
<td>
+
−
TB - Monthly
+
−
</td>
+
−
<td>
+
−
02/04/2012
+
−
</td>
+
−
<td>
+
−
Declined
+
−
</td>
+
−
</tr>
+
−
<tr class="warning">
+
−
<td>
+
−
3
+
−
</td>
+
−
<td>
+
−
TB - Monthly
+
−
</td>
+
−
<td>
+
−
03/04/2012
+
−
</td>
+
−
<td>
+
−
Pending
+
−
</td>
+
−
</tr>
+
−
<tr class="danger">
+
−
<td>
+
−
4
+
−
</td>
+
−
<td>
+
−
TB - Monthly
+
−
</td>
+
−
<td>
+
−
04/04/2012
+
−
</td>
+
−
<td>
+
−
Call in to confirm
+
−
</td>
+
−
</tr>
+
−
</tbody>
+
−
</table>
+
−
<table class="table">
+
−
<thead>
+
−
<tr>
+
−
<th>
+
−
#
+
−
</th>
+
−
<th>
+
−
Product
+
−
</th>
+
−
<th>
+
−
Payment Taken
+
−
</th>
+
−
<th>
+
−
Status
+
−
</th>
+
−
</tr>
+
−
</thead>
+
−
<tbody>
+
−
<tr>
+
−
<td>
+
−
1
+
−
</td>
+
−
<td>
+
−
TB - Monthly
+
−
</td>
+
−
<td>
+
−
01/04/2012
+
−
</td>
+
−
<td>
+
−
Default
+
−
</td>
+
−
</tr>
+
−
<tr class="active">
+
−
<td>
+
−
1
+
−
</td>
+
−
<td>
+
−
TB - Monthly
+
−
</td>
+
−
<td>
+
−
01/04/2012
+
−
</td>
+
−
<td>
+
−
Approved
+
−
</td>
+
−
</tr>
+
−
<tr class="success">
+
−
<td>
+
−
2
+
−
</td>
+
−
<td>
+
−
TB - Monthly
+
−
</td>
+
−
<td>
+
−
02/04/2012
+
−
</td>
+
−
<td>
+
−
Declined
+
−
</td>
+
−
</tr>
+
−
<tr class="warning">
+
−
<td>
+
−
3
+
−
</td>
+
−
<td>
+
−
TB - Monthly
+
−
</td>
+
−
<td>
+
−
03/04/2012
+
−
</td>
+
−
<td>
+
−
Pending
+
−
</td>
+
−
</tr>
+
−
<tr class="danger">
+
−
<td>
+
−
4
+
−
</td>
+
−
<td>
+
−
TB - Monthly
+
−
</td>
+
−
<td>
+
−
04/04/2012
+
−
</td>
+
−
<td>
+
−
Call in to confirm
+
−
</td>
+
−
</tr>
+
−
</tbody>
+
−
</table>
+
−
</div>
+
 
</div>
 
</div>
 +
</div></a>
 +
<div class="f1"></div>
 +
<a href="https://2015.igem.org/Meetups/NCTU_Formosa/contacts"><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" >
 +
<font size="6" align="center" color="#00000" font face="Agency FB" >
 +
Contact us
 +
</font>
 +
 +
</div>
 +
</div>
 +
<div class="f1"></div>
 +
<a href="https://2015.igem.org/Meetups/NCTU_Formosa"><div class="f" >
 +
<div class="circle" ><img
 +
src="https://static.igem.org/mediawiki/2015/1/1e/6870.png" ;></div>
 +
<div  class="demo-trans1" align="center" >
 +
<font size="6" align="center" color="#00000" font face="Agency FB" >
 +
Home
 +
</font>
 +
 +
</div>
 +
</div></a>
 +
</div>
 
</div>
 
</div>
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 09:35, 6 July 2015

Intro
Agenda
Team
Contact us
Home