Team:TCU Taiwan/Team
From 2014.igem.org
Line 1: | Line 1: | ||
{{CSS/Main}} | {{CSS/Main}} | ||
- | |||
- | |||
<html> | <html> | ||
+ | <head> | ||
+ | <meta name="google-site-verification" content="pY8JgIYK6zMi9LoymHQcUKbj-xnD-rcPBrYI-xllU9o" /> | ||
+ | <meta http-equiv="content-type" content="text/html; charset=utf-8" /> | ||
+ | <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." /> | ||
- | <!--Analytics--> | + | <link href='http://fonts.googleapis.com/css?family=Roboto:400,100,300,700,500,900' rel='stylesheet' type='text/css'> |
+ | <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></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-panels.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-noscript.css?attredirects=0&d=1" /> | ||
+ | <link rel="stylesheet" href="https://sites.google.com/site/tcudefault/home/igem/style.css?attredirects=0&d=1" /> | ||
+ | <link rel="stylesheet" href="https://sites.google.com/site/tcudefault/home/igem/style-desktop.css?attredirects=0&d=1" /> | ||
+ | |||
+ | |||
+ | </head> | ||
+ | <!--Analytics--> | ||
<script> | <script> | ||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ | (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ | ||
Line 16: | Line 31: | ||
</script> | </script> | ||
<!--End Analytics--> | <!--End Analytics--> | ||
+ | <body class="homepage"> | ||
- | + | <!-- Header --> | |
- | + | <div id="header"> | |
- | + | <div id="nav-wrapper"> | |
- | + | <!-- Nav --> | |
- | + | <nav id="nav"> | |
- | + | <ul> | |
- | + | <li class="active"><a href="index.html">Homepage</a></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> | |
- | + | </div> | |
- | + | <div class="container"> | |
- | + | ||
- | < | + | <!-- Logo --> |
- | + | <div id="logo"> | |
- | + | <h1><a href="#">Linear</a></h1> | |
- | + | <span class="tag">By TEMPLATED</span> | |
- | + | </div> | |
- | + | </div> | |
- | + | </div> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | <!-- | + | |
- | < | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | < | + | |
- | < | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | <li><a href=" | + | |
- | <li><a href=" | + | |
- | <li><a href=" | + | |
- | + | ||
- | </ul> | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | < | + | |
- | + | ||
- | < | + | |
- | < | + | |
- | </ | + | |
- | < | + | |
- | < | + | |
- | </ | + | |
- | + | ||
- | </ | + | <!-- Featured --> |
+ | <div id="featured"> | ||
+ | <div class="container"> | ||
+ | <header> | ||
+ | <h2>Welcome to Linear</h2> | ||
+ | </header> | ||
+ | <p>This is <strong>Linear</strong>, 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! Check out more of our stuff at <a href="http://templated.co">our site</a> or follow us on <a href="http://twitter.com/templatedco">Twitter</a>.</p> | ||
+ | <hr /> | ||
+ | <div class="row"> | ||
+ | <section class="4u"> | ||
+ | <span class="pennant"><span class="fa fa-briefcase"></span></span> | ||
+ | <h3>Maecenas luctus lectus</h3> | ||
+ | <p>Curabitur sit amet nulla. Nam in massa. Sed vel tellus. Curabitur sem urna, consequat vel, suscipit in, mattis placerat, nulla. Sed ac leo.</p> | ||
+ | <a href="#" class="button button-style1">Read More</a> | ||
+ | </section> | ||
+ | <section class="4u"> | ||
+ | <span class="pennant"><span class="fa fa-lock"></span></span> | ||
+ | <h3>Maecenas luctus lectus</h3> | ||
+ | <p>Donec ornare neque ac sem. Mauris aliquet. Aliquam sem leo, vulputate sed, convallis at, ultricies quis, justo. Donec magna.</p> | ||
+ | <a href="#" class="button button-style1">Read More</a> | ||
+ | </section> | ||
+ | <section class="4u"> | ||
+ | <span class="pennant"><span class="fa fa-globe"></span></span> | ||
+ | <h3>Maecenas luctus lectus</h3> | ||
+ | <p>Curabitur sit amet nulla. Nam in massa. Sed vel tellus. Curabitur sem urna, consequat vel, suscipit in, mattis placerat, nulla. Sed ac leo.</p> | ||
+ | <a href="#" class="button button-style1">Read More</a> | ||
+ | </section> | ||
- | + | </div> | |
- | + | </div> | |
- | + | </div> | |
- | </ | + | |
+ | <!-- Main --> | ||
+ | <div id="main"> | ||
+ | <div id="content" class="container"> | ||
- | < | + | <div class="row"> |
- | < | + | <section class="6u"> |
- | < | + | <a href="#" class="image full"><img src="https://static.igem.org/mediawiki/2014/f/ff/TCU_Taiwan2014_UNDERCONSTRUCTION_01.png" alt=""></a> |
- | < | + | <header> |
- | < | + | <h2>Mauris vulputate dolor</h2> |
- | < | + | </header> |
- | < | + | <p>In posuere eleifend odio. Quisque semper augue mattis wisi. Maecenas ligula. Pellentesque viverra vulputate enim. Aliquam erat volutpat. Donec leo, vivamus fermentum nibh in augue praesent a lacus at urna congue rutrum.</p> |
- | < | + | </section> |
- | + | <section class="6u"> | |
+ | <a href="#" class="image full"><img src="https://static.igem.org/mediawiki/2014/f/ff/TCU_Taiwan2014_UNDERCONSTRUCTION_01.png" alt=""></a> | ||
+ | <header> | ||
+ | <h2>Mauris vulputate dolor</h2> | ||
+ | </header> | ||
+ | <p>In posuere eleifend odio. Quisque semper augue mattis wisi. Maecenas ligula. Pellentesque viverra vulputate enim. Aliquam erat volutpat. Donec leo, vivamus fermentum nibh in augue praesent a lacus at urna congue rutrum.</p> | ||
+ | </section> | ||
+ | </div> | ||
- | </ | + | <div class="row"> |
+ | <section class="6u"> | ||
+ | <a href="#" class="image full"><img src="https://static.igem.org/mediawiki/2014/f/ff/TCU_Taiwan2014_UNDERCONSTRUCTION_01.png" alt=""></a> | ||
+ | <header> | ||
+ | <h2>Mauris vulputate dolor</h2> | ||
+ | </header> | ||
+ | <p>In posuere eleifend odio. Quisque semper augue mattis wisi. Maecenas ligula. Pellentesque viverra vulputate enim. Aliquam erat volutpat. Donec leo, vivamus fermentum nibh in augue praesent a lacus at urna congue rutrum.</p> | ||
+ | </section> | ||
+ | <section class="6u"> | ||
+ | <a href="#" class="image full"><img src="https://static.igem.org/mediawiki/2014/f/ff/TCU_Taiwan2014_UNDERCONSTRUCTION_01.png" alt=""></a> | ||
+ | <header> | ||
+ | <h2>Mauris vulputate dolor</h2> | ||
+ | </header> | ||
+ | <p>In posuere eleifend odio. Quisque semper augue mattis wisi. Maecenas ligula. Pellentesque viverra vulputate enim. Aliquam erat volutpat. Donec leo, vivamus fermentum nibh in augue praesent a lacus at urna congue rutrum.</p> | ||
+ | </section> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
- | < | + | <!-- Tweet --> |
- | < | + | <div id="tweet"> |
+ | <div class="container"> | ||
+ | <section> | ||
+ | <blockquote>“In posuere eleifend odio. Quisque semper augue mattis wisi. Maecenas ligula. Pellentesque viverra vulputate enim. Aliquam erat volutpat.”</blockquote> | ||
+ | </section> | ||
+ | </div> | ||
+ | </div> | ||
- | </ | + | <!-- Footer --> |
+ | <div id="footer"> | ||
+ | <div class="container"> | ||
+ | <section> | ||
+ | <header> | ||
+ | <h2>Get in touch</h2> | ||
+ | <span class="byline">Integer sit amet pede vel arcu aliquet pretium</span> | ||
+ | </header> | ||
+ | <ul class="contact"> | ||
+ | <li><a href="#" class="fa fa-twitter"><span>Twitter</span></a></li> | ||
+ | <li class="active"><a href="#" class="fa fa-facebook"><span>Facebook</span></a></li> | ||
+ | <li><a href="#" class="fa fa-dribbble"><span>Pinterest</span></a></li> | ||
+ | <li><a href="#" class="fa fa-tumblr"><span>Google+</span></a></li> | ||
+ | </ul> | ||
+ | </section> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!-- Copyright --> | ||
+ | <div id="copyright"> | ||
+ | <div class="container"> | ||
+ | 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> | ||
- | </ | + | </body> |
</html> | </html> |
Revision as of 10:53, 13 July 2014
Linear
By TEMPLATEDWelcome to Linear
This is Linear, a responsive HTML5 site template freebie by TEMPLATED. Released for free under the Creative Commons Attribution license, so use it for whatever (personal or commercial) – just give us credit! Check out more of our stuff at our site or follow us on Twitter.
Maecenas luctus lectus
Curabitur sit amet nulla. Nam in massa. Sed vel tellus. Curabitur sem urna, consequat vel, suscipit in, mattis placerat, nulla. Sed ac leo.
Read MoreMaecenas luctus lectus
Donec ornare neque ac sem. Mauris aliquet. Aliquam sem leo, vulputate sed, convallis at, ultricies quis, justo. Donec magna.
Read MoreMaecenas luctus lectus
Curabitur sit amet nulla. Nam in massa. Sed vel tellus. Curabitur sem urna, consequat vel, suscipit in, mattis placerat, nulla. Sed ac leo.
Read MoreMauris vulputate dolor
In posuere eleifend odio. Quisque semper augue mattis wisi. Maecenas ligula. Pellentesque viverra vulputate enim. Aliquam erat volutpat. Donec leo, vivamus fermentum nibh in augue praesent a lacus at urna congue rutrum.
Mauris vulputate dolor
In posuere eleifend odio. Quisque semper augue mattis wisi. Maecenas ligula. Pellentesque viverra vulputate enim. Aliquam erat volutpat. Donec leo, vivamus fermentum nibh in augue praesent a lacus at urna congue rutrum.
Mauris vulputate dolor
In posuere eleifend odio. Quisque semper augue mattis wisi. Maecenas ligula. Pellentesque viverra vulputate enim. Aliquam erat volutpat. Donec leo, vivamus fermentum nibh in augue praesent a lacus at urna congue rutrum.
Mauris vulputate dolor
In posuere eleifend odio. Quisque semper augue mattis wisi. Maecenas ligula. Pellentesque viverra vulputate enim. Aliquam erat volutpat. Donec leo, vivamus fermentum nibh in augue praesent a lacus at urna congue rutrum.
“In posuere eleifend odio. Quisque semper augue mattis wisi. Maecenas ligula. Pellentesque viverra vulputate enim. Aliquam erat volutpat.”