Team:TCU Taiwan/Team

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
-
{{CSS/Main}}
+
{{CSS/Main}
<html>
<html>
-
<head>
+
<head>
-
<meta name="google-site-verification" content="pY8JgIYK6zMi9LoymHQcUKbj-xnD-rcPBrYI-xllU9o" />
+
 +
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
 +
        <meta name="google-site-verification" content="pY8JgIYK6zMi9LoymHQcUKbj-xnD-rcPBrYI-xllU9o" />
<meta name="keywords" content="iGEM International Genetically Engineered Machine Competition Synthetic Biology TCU phage CRISPR bacteria gRNA DNA" />
<meta name="keywords" content="iGEM International Genetically Engineered Machine Competition Synthetic Biology TCU phage CRISPR bacteria gRNA DNA" />
<meta name="description" content="This WIKI Web is about TCU_Taiwan iGEM project in 2014.The International Genetically Engineered Machine competition (iGEM) is the premiere undergraduate Synthetic Biology competition. Student teams are given a kit of biological parts at the beginning of the summer from the Registry of Standard Biological Parts. Working at their own schools over the summer, they use these parts and new parts of their own design to build biological systems and operate them in living cells." />
<meta name="description" content="This WIKI Web is about TCU_Taiwan iGEM project in 2014.The International Genetically Engineered Machine competition (iGEM) is the premiere undergraduate Synthetic Biology competition. Student teams are given a kit of biological parts at the beginning of the summer from the Registry of Standard Biological Parts. Working at their own schools over the summer, they use these parts and new parts of their own design to build biological systems and operate them in living cells." />
-
<link href="https://sites.google.com/site/tcudefault/home/igem/default.css?attredirects=0&d=1" rel="stylesheet" type="text/css" media="all" />
+
-
<link href="fonts.css" rel="stylesheet" type="text/css" media="all" />
+
 +
<script src="https://sites.google.com/site/tcudefault/home/igem/jquery.min.js?attredirects=0&d=1"></script>
 +
<script src="https://sites.google.com/site/tcudefault/home/igem/jquery.dropotron.min.js?attredirects=0&d=1"></script>
 +
<script src="https://sites.google.com/site/tcudefault/home/igem/skel.min.js?attredirects=0&d=1"></script>
 +
<script src="https://sites.google.com/site/tcudefault/home/igem/skel-layers.min.js?attredirects=0&d=1"></script>
 +
<script src="https://sites.google.com/site/tcudefault/home/igem/init.js?attredirects=0&d=1"></script>
 +
 +
<link rel="stylesheet" href="https://sites.google.com/site/tcudefault/home/igem/skel.css?attredirects=0&d=1" />
 +
<link rel="stylesheet" href="https://sites.google.com/site/tcudefault/home/igem/style.css?attredirects=0&d=1" />
 +
 +
 +
</head>
 +
<body class="homepage">
-
</head>
+
<!-- Header -->
-
</html>
+
<div id="header">
-
<html>
+
<div class="container">
-
<!--Analytics-->
+
-
<script>
+
<!-- Logo -->
-
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+
<h1><a href="#" id="logo">Horizons</a></h1>
-
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+
-
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+
<!-- Nav -->
-
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+
<nav id="nav">
 +
<ul>
 +
<li><a href="index.html">Home</a></li>
 +
<li>
 +
<a href="">Dropdown</a>
 +
<ul>
 +
<li><a href="#">Lorem ipsum dolor</a></li>
 +
<li><a href="#">Magna phasellus</a></li>
 +
<li><a href="#">Etiam dolore nisl</a></li>
 +
<li>
 +
<a href="">Phasellus consequat</a>
 +
<ul>
 +
<li><a href="#">Lorem ipsum dolor</a></li>
 +
<li><a href="#">Phasellus consequat</a></li>
 +
<li><a href="#">Magna phasellus</a></li>
 +
<li><a href="#">Etiam dolore nisl</a></li>
 +
<li><a href="#">Veroeros feugiat</a></li>
 +
</ul>
 +
</li>
 +
<li><a href="#">Veroeros feugiat</a></li>
 +
</ul>
 +
</li>
 +
<li><a href="left-sidebar.html">Left Sidebar</a></li>
 +
<li><a href="right-sidebar.html">Right Sidebar</a></li>
 +
<li><a href="no-sidebar.html">No Sidebar</a></li>
 +
</ul>
 +
</nav>
-
  ga('create', 'UA-48805552-2', 'igem.org');
 
-
  ga('send', 'pageview');
 
-
</script>
+
<!-- Banner -->
-
<!--End Analytics-->
+
<div id="banner">
-
<body>
+
<div class="container">
-
<div id="wrapper">
+
<section>
-
<div id="header-wrapper">
+
<header class="major">
-
<div id="header" class="container">
+
<h2>Welcome to Horizons!</h2>
-
<div id="logo">
+
<span class="byline">&hellip; a responsive HTML5 site template freebie by <a href="http://templated.co">TEMPLATED</a>. Released for free under the <a href="http://templated.co/license">Creative Commons Attribution</a> license, so use it for whatever (personal or commercial) &ndash; just give us credit!</span>
-
<h1><a href="#">Sewing Bobbins</a></h1>
+
</header>
-
<p>Design by <a href="http://templated.co" rel="nofollow">TEMPLATED</a></p>
+
<a href="#" class="button alt">Sign Up</a>
-
</div>
+
</section>
-
<div id="banner"> <a href="#" class="image"><img src="images/pic01.jpg" alt="" /></a> </div>
+
</div>
-
</div>
+
</div>
-
</div>
+
 
-
<div id="menu-wrapper">
+
-
<div id="menu" class="container">
+
-
<ul>
+
-
<li class="current_page_item"><a href="#">Homepage</a></li>
+
-
<li><a href="#">About</a></li>
+
-
<li><a href="#">Blog</a></li>
+
-
<li><a href="#">Portfolio</a></li>
+
-
<li><a href="#">Contact</a></li>
+
-
</ul>
+
-
</div>
+
-
<!-- end #menu -->
+
-
</div>
+
-
<div id="portfolio-wrapper">
+
-
<div id="portfolio" class="container">
+
-
<div id="column1">
+
-
<div class="title">
+
-
<h2>Suspendisse lacus</h2>
+
</div>
</div>
-
<a href="#" class="image image-full"><img src="images/pic02.jpg" alt="" /></a>
+
</div>
-
<p>Etiam non felis. Donec ut ante. In id eros. Suspendisse lacus turpis, cursus egestas at sem. Mauris quam enim, molestie.</p>
+
 
-
<a href="#" class="icon icon-arrow-right button">Read More</a> </div>
+
<!-- Featured -->
-
<div id="column2">
+
<div class="wrapper style2">
-
<div class="title">
+
<section class="container">
-
<h2>Fusce ultrices</h2>
+
<header class="major">
-
</div>
+
<h2>Nulla luctus eleifend</h2>
-
<a href="#" class="image image-full"><img src="images/pic03.jpg" alt="" /></a>
+
<span class="byline">Mauris vulputate dolor sit amet nibh</span>
-
<p>Etiam non felis. Donec ut ante. In id eros. Suspendisse lacus turpis, cursus egestas at sem. Mauris quam enim, molestie.</p>
+
</header>
-
<a href="#" class="icon icon-arrow-right button">Read More</a> </div>
+
<div class="row no-collapse-1">
-
<div id="column3">
+
<section class="4u">
-
<div class="title">
+
<a href="#" class="image feature"><img src="images/pic02.jpg" alt=""></a>
-
<h2>Etiam posuere</h2>
+
<p>Nam in massa. Sed vel tellus. Curabitur sem urna, consequat vel, suscipit in, mattis placerat.</p>
-
</div>
+
</section>
-
<a href="#" class="image image-full"><img src="images/pic04.jpg" alt="" /></a>
+
<section class="4u">
-
<p>Etiam non felis. Donec ut ante. In id eros. Suspendisse lacus turpis, cursus egestas at sem. Mauris quam enim, molestie.</p>
+
<a href="#" class="image feature"><img src="images/pic03.jpg" alt=""></a>
-
<a href="#" class="icon icon-arrow-right button">Read More</a> </div>
+
<p>Donec ornare neque ac sem. Mauris aliquet. Aliquam sem leo, vulputate sed, convallis. Donec magna.</p>
-
<div id="column4">
+
</section>
-
<div class="title">
+
<section class="4u">
-
<h2>Mauris vulputate</h2>
+
<a href="#" class="image feature"><img src="images/pic04.jpg" alt=""></a>
-
</div>
+
<p>Curabitur sem urna, consequat vel, suscipit convallis sem leo, mattis placerat, nulla. Sed ac leo.</p>
-
<a href="#" class="image image-full"><img src="images/pic05.jpg" alt="" /></a>
+
</section>
-
<p>Etiam non felis. Donec ut ante. In id eros. Suspendisse lacus turpis, cursus egestas at sem. Mauris quam enim, molestie.</p>
+
-
<a href="#" class="icon icon-arrow-right button">Read More</a> </div>
+
</div>
-
</div>
+
</section>
-
</div>
+
</div>
-
<div id="page" class="container">
+
 
-
<div id="content">
+
<!-- Main -->
-
<div class="title">
+
<div id="main" class="wrapper style1">
-
<h2>Integer sit amet aliquet</h2>
+
<section class="container">
-
<span class="byline">Phasellus nec erat sit amet nibh pellentesque congue</span> </div>
+
<header class="major">
-
<p>This is <strong>Sewing Bobbins</strong>, a free, fully standards-compliant CSS template designed by <a href="http://templated.co" rel="nofollow">TEMPLATED</a>. The photos in this template are from <a href="http://fotogrph.com/"> Fotogrph</a>. This free template is released under the <a href="http://templated.co/license">Creative Commons Attribution</a> license, so you're pretty much free to do whatever you want with it (even use it commercially) provided you give us credit for it. Have fun :) </p>
+
<h2>Nulla luctus eleifend</h2>
-
<p>Consectetuer adipiscing elit. Nam pede erat, porta eu, lobortis eget, tempus et, tellus. Etiam neque. Vivamus consequat lorem at nisl. Nullam non wisi a sem semper eleifend. Donec mattis libero eget urna. Duis pretium velit ac mauris. Proin eu wisi suscipit nulla suscipit interdum. Aenean lectus lorem, imperdiet at, ultrices eget, ornare et, wisi. Pellentesque adipiscing purus ac magna. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.  Nullam non wisi a sem semper eleifend. Donec mattis libero eget urna. </p>
+
<span class="byline">Mauris vulputate dolor sit amet nibh</span>
-
</div>
+
</header>
-
<div id="sidebar">
+
<div class="row">
-
<div class="box2">
+
-
<div class="title">
+
<!-- Content -->
-
<h2>Integer gravida</h2>
+
<div class="6u">
 +
<section>
 +
<ul class="style">
 +
<li>
 +
<span class="fa fa-wrench"></span>
 +
<h3>Integer ultrices</h3>
 +
<span>In posuere eleifend odio. Quisque semper augue mattis wisi. Maecenas ligula. Pellentesque viverra vulputate enim.</span>
 +
</li>
 +
<li>
 +
<span class="fa fa-cloud"></span>
 +
<h3>Aliquam luctus</h3>
 +
<span>Pellentesque viverra vulputate enim. Aliquam erat volutpat. Maecenas condimentum enim tincidunt risus accumsan.</span>
 +
</li>
 +
</ul>
 +
</section>
 +
</div>
 +
<div class="6u">
 +
<section>
 +
<ul class="style">
 +
<li>
 +
<span class="fa fa-cogs"></span>
 +
<h3>Integer ultrices</h3>
 +
<span>In posuere eleifend odio. Quisque semper augue mattis wisi. Maecenas ligula. Pellentesque viverra vulputate enim.</span>
 +
</li>
 +
<li>
 +
<span class="fa fa-leaf"></span>
 +
<h3>Aliquam luctus</h3>
 +
<span>Pellentesque viverra vulputate enim. Aliquam erat volutpat. Maecenas condimentum enim tincidunt risus accumsan.</span>
 +
</li>
 +
</ul>
 +
</section>
 +
</div>
 +
 
 +
</div>
 +
</section>
 +
</div>
 +
 
 +
<!-- Footer -->
 +
<div id="footer">
 +
<div class="container">
 +
 
 +
<!-- Lists -->
 +
<div class="row">
 +
<div class="8u">
 +
<section>
 +
<header class="major">
 +
<h2>Donec dictum metus</h2>
 +
<span class="byline">Quisque semper augue mattis wisi maecenas ligula</span>
 +
</header>
 +
<div class="row">
 +
<section class="6u">
 +
<ul class="default">
 +
<li><a href="#">Pellentesque elit non gravida blandit.</a></li>
 +
<li><a href="#">Lorem ipsum dolor consectetuer elit.</a></li>
 +
<li><a href="#">Phasellus nibh pellentesque congue.</a></li>
 +
<li><a href="#">Cras vitae metus aliquam  pharetra.</a></li>
 +
</ul>
 +
</section>
 +
<section class="6u">
 +
<ul class="default">
 +
<li><a href="#">Pellentesque elit non gravida blandit.</a></li>
 +
<li><a href="#">Lorem ipsum dolor consectetuer elit.</a></li>
 +
<li><a href="#">Phasellus nibh pellentesque congue.</a></li>
 +
<li><a href="#">Cras vitae metus aliquam  pharetra.</a></li>
 +
</ul>
 +
</section>
 +
</div>
 +
</section>
 +
</div>
 +
<div class="4u">
 +
<section>
 +
<header class="major">
 +
<h2>Donec dictum metus</h2>
 +
<span class="byline">Mattis wisi maecenas ligula</span>
 +
</header>
 +
<ul class="contact">
 +
<li>
 +
<span class="address">Address</span>
 +
<span>1234 Somewhere Road #4285 <br />Nashville, TN 00000</span>
 +
</li>
 +
<li>
 +
<span class="mail">Mail</span>
 +
<span><a href="#">someone@untitled.tld</a></span>
 +
</li>
 +
<li>
 +
<span class="phone">Phone</span>
 +
<span>(000) 000-0000</span>
 +
</li>
 +
</ul>
 +
</section>
 +
</div>
 +
</div>
 +
 
 +
<!-- Copyright -->
 +
<div class="copyright">
 +
Design: <a href="http://templated.co">TEMPLATED</a> Images: <a href="http://unsplash.com">Unsplash</a> (<a href="http://unsplash.com/cc0">CC0</a>)
 +
</div>
 +
 
</div>
</div>
-
<ul class="style2">
 
-
<li><a href="#">Amet turpis, feugiat et sit amet</a></li>
 
-
<li><a href="#">Ornare in hendrerit in lectus</a></li>
 
-
<li><a href="#">Semper mod quis eget mi dolore</a></li>
 
-
<li><a href="#">Quam turpis feugiat sit dolor</a></li>
 
-
<li><a href="#">Amet ornare in hendrerit in lectus</a></li>
 
-
<li><a href="#">Quam turpis feugiat sit dolor</a></li>
 
-
<li><a href="#">Consequat etiam lorem phasellus</a></li>
 
-
</ul>
 
</div>
</div>
-
</div>
 
-
</div>
 
-
</div>
 
-
</div>
+
</body>
-
<div id="copyright" class="container">
+
-
<p>&copy; Untitled. All rights reserved. | Photos by <a href="http://fotogrph.com/">Fotogrph</a> | Design by <a href="http://templated.co" rel="nofollow">TEMPLATED</a>.</p>
+
-
</div>
+
-
</body>
+
</html>
</html>

Revision as of 13:22, 13 July 2014

{{CSS/Main}

Nulla luctus eleifend

Nam in massa. Sed vel tellus. Curabitur sem urna, consequat vel, suscipit in, mattis placerat.

Donec ornare neque ac sem. Mauris aliquet. Aliquam sem leo, vulputate sed, convallis. Donec magna.

Curabitur sem urna, consequat vel, suscipit convallis sem leo, mattis placerat, nulla. Sed ac leo.

Nulla luctus eleifend

  • Integer ultrices

    In posuere eleifend odio. Quisque semper augue mattis wisi. Maecenas ligula. Pellentesque viverra vulputate enim.
  • Aliquam luctus

    Pellentesque viverra vulputate enim. Aliquam erat volutpat. Maecenas condimentum enim tincidunt risus accumsan.
  • Integer ultrices

    In posuere eleifend odio. Quisque semper augue mattis wisi. Maecenas ligula. Pellentesque viverra vulputate enim.
  • Aliquam luctus

    Pellentesque viverra vulputate enim. Aliquam erat volutpat. Maecenas condimentum enim tincidunt risus accumsan.