Difference between revisions of "Meetups/NCTU Formosa"

Line 8: Line 8:
  
 
<!-- start of content ---------------------------------------->
 
<!-- start of content ---------------------------------------->
 +
<!DOCTYPE html>
 +
<html lang="en">
 +
<head>
 +
  <meta charset="utf-8">
 +
  <title>Bootstrap 3, from LayoutIt!</title>
 +
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
 +
  <meta name="description" content="">
 +
  <meta name="author" content="">
  
−
<div class="clear"></div><div class="clear"></div>
+
<!--link rel="stylesheet/less" href="less/bootstrap.less" type="text/css" /-->
−
<h3> NCTU_Formosa<br>
+
<!--link rel="stylesheet/less" href="less/responsive.less" type="text/css" /-->
−
July 19th to 23rd, 2015</h3>
+
<!--script src="js/less-1.3.3.min.js"></script-->
 +
<!--append ‘#!watch’ to the browser URL, then refresh the page. -->
 +
 +
<link href="css/bootstrap.min.css" rel="stylesheet">
 +
<link href="css/style.css" rel="stylesheet">
  
−
<p>Location: National Chiao Tung University, Hsinchu, Taiwan<br><br>
+
  <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
−
The NCTU_Formosa iGEM team will hold an Asian regional meetup in National Chiao Tung University, Hsinchu, Taiwan, from July 19th to 23rd, 2015.<br>
+
  <!--[if lt IE 9]>
−
<br>
+
    <script src="js/html5shiv.js"></script>
−
We hereby sincerely invite you to join the International Genetically Engineered Machine Conference at National Chiao Tung University from July 19th to 23th 2015. This conference will not only be a simple warm-up for the upcoming world championship in Boston, but an Asian regional platform for teams from different countries to exchange ideas and explore synthetic biology. Come make new friends and learn from each other! We look forward to seeing you in Hsinchu.
+
  <![endif]-->
−
<br><br>
+
−
Organizer: National Chiao Tung University, Hsinchu, Taiwan <br>
+
−
Co-organizer: NCTU College of Biological Science and Technology</p>
+
  
 +
  <!-- Fav and touch icons -->
 +
  <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">
 +
  <link rel="apple-touch-icon-precomposed" href="img/apple-touch-icon-57-precomposed.png">
 +
  <link rel="shortcut icon" href="img/favicon.png">
 +
 
 +
<script type="text/javascript" src="js/jquery.min.js"></script>
 +
<script type="text/javascript" src="js/bootstrap.min.js"></script>
 +
<script type="text/javascript" src="js/scripts.js"></script>
 +
</head>
  
−
Contact us：
+
<body>
−
<a href=" https://www.facebook.com/pages/NCTU_Formosa-IGEM-team/267841893250331 "> NCTU_Foromsa iGEM team </a>
+
<div class="container">
 +
<div class="row clearfix">
 +
<div class="col-md-12 column">
 +
<div class="carousel slide" id="carousel-225182">
 +
<ol class="carousel-indicators">
 +
<li data-slide-to="0" data-target="#carousel-225182">
 +
</li>
 +
<li data-slide-to="1" data-target="#carousel-225182">
 +
</li>
 +
<li data-slide-to="2" data-target="#carousel-225182" class="active">
 +
</li>
 +
</ol>
 +
<div class="carousel-inner">
 +
<div class="item">
 +
<img alt="" src="http://lorempixel.com/1600/500/sports/1">
 +
<div class="carousel-caption">
 +
<h4>
 +
2015 iGEM Asia Conference in NCTU
 +
</h4>
 +
<p>
 +
Test....
 +
</p>
 +
</div>
 +
</div>
 +
<div class="item">
 +
<img alt="" src="http://lorempixel.com/1600/500/sports/2">
 +
<div class="carousel-caption">
 +
<h4>
 +
Second Thumbnail label
 +
</h4>
 +
<p>
 +
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 class="item active">
 +
<img alt="" src="http://lorempixel.com/1600/500/sports/3">
 +
<div class="carousel-caption">
 +
<h4>
 +
Third Thumbnail label
 +
</h4>
 +
<p>
 +
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> <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>
 +
</body>
 +
</html>
  
−
<div class="clear"></div>
 
  
  

Revision as of 02:37, 21 May 2015

Bootstrap 3, from LayoutIt!

Introduction

TEST

Learn more

Agenda

Test

Learn more

Participating Team

Test

Learn more

To attend

Transportation, Registration

Learn more

About us

TEST

Learn more

Hello, world!

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.

Learn more


</div>

</html>