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=" | + | |
+ | <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"> | ||
- | < | + | <!-- Header --> |
- | < | + | <div id="header"> |
- | < | + | <div class="container"> |
- | <!-- | + | |
- | < | + | <!-- Logo --> |
- | + | <h1><a href="#" id="logo">Horizons</a></h1> | |
- | + | ||
- | + | <!-- Nav --> | |
- | + | <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> | ||
- | |||
- | |||
- | + | <!-- Banner --> | |
- | <!-- | + | <div id="banner"> |
- | + | <div class="container"> | |
- | <div id=" | + | <section> |
- | + | <header class="major"> | |
- | + | <h2>Welcome to Horizons!</h2> | |
- | + | <span class="byline">… 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) – just give us credit!</span> | |
- | + | </header> | |
- | + | <a href="#" class="button alt">Sign Up</a> | |
- | + | </section> | |
- | + | </div> | |
- | + | </div> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</div> | </div> | ||
- | <a href="#" class="image | + | </div> |
- | + | ||
- | + | <!-- Featured --> | |
- | + | <div class="wrapper style2"> | |
- | + | <section class="container"> | |
- | + | <header class="major"> | |
- | + | <h2>Nulla luctus eleifend</h2> | |
- | + | <span class="byline">Mauris vulputate dolor sit amet nibh</span> | |
- | + | </header> | |
- | + | <div class="row no-collapse-1"> | |
- | <div id=" | + | <section class="4u"> |
- | < | + | <a href="#" class="image feature"><img src="images/pic02.jpg" alt=""></a> |
- | <h2> | + | <p>Nam in massa. Sed vel tellus. Curabitur sem urna, consequat vel, suscipit in, mattis placerat.</p> |
- | + | </section> | |
- | + | <section class="4u"> | |
- | + | <a href="#" class="image feature"><img src="images/pic03.jpg" alt=""></a> | |
- | + | <p>Donec ornare neque ac sem. Mauris aliquet. Aliquam sem leo, vulputate sed, convallis. Donec magna.</p> | |
- | + | </section> | |
- | + | <section class="4u"> | |
- | + | <a href="#" class="image feature"><img src="images/pic04.jpg" alt=""></a> | |
- | + | <p>Curabitur sem urna, consequat vel, suscipit convallis sem leo, mattis placerat, nulla. Sed ac leo.</p> | |
- | + | </section> | |
- | + | ||
- | + | </div> | |
- | + | </section> | |
- | + | </div> | |
- | + | ||
- | + | <!-- Main --> | |
- | + | <div id="main" class="wrapper style1"> | |
- | + | <section class="container"> | |
- | + | <header class="major"> | |
- | + | <h2>Nulla luctus eleifend</h2> | |
- | + | <span class="byline">Mauris vulputate dolor sit amet nibh</span> | |
- | + | </header> | |
- | + | <div class="row"> | |
- | + | ||
- | + | <!-- Content --> | |
- | < | + | <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> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
</div> | </div> | ||
- | |||
- | |||
- | |||
- | + | </body> | |
- | + | ||
- | + | ||
- | + | ||
- | </body> | + | |
</html> | </html> |
Revision as of 13:22, 13 July 2014
{{CSS/Main}
Nulla luctus eleifend
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.