Team:NCTU Formosa

From 2012.igem.org

(Difference between revisions)
Line 52: Line 52:
!align="center"|[[Team:NCTU_Formosa/Attributions|Attributions]]
!align="center"|[[Team:NCTU_Formosa/Attributions|Attributions]]
|}
|}
 +
<!doctype html>
 +
 +
<!-- Html -->
 +
<!--[if IE 8 ]> <html class="ie8" dir="ltr" lang="en-US"> <![endif]-->
 +
<!--[if gte IE 9 ]> <html class="ie" dir="ltr" lang="en-US"> <![endif]-->
 +
<!--[if !IE ]><!--> <html dir="ltr" lang="en-US"> <!--<![endif]-->
 +
 +
<!-- Head -->
 +
<head>
 +
 +
<!-- Charset -->
 +
<meta charset="UTF-8">
 +
 +
<!-- Page title -->
 +
<title> Creativelife</title>
 +
 +
<!-- Profile -->
 +
<link rel="profile" href="http://gmpg.org/xfn/11" />
 +
 +
<!-- CSS -->
 +
<link rel="stylesheet" href="http://themes.opendept.net/creativelife/wp-content/themes/Creativelife/style.css?v=1.2">
 +
<link rel="stylesheet" href="http://themes.opendept.net/creativelife/wp-content/themes/Creativelife/user.php?v=1.2">
 +
 +
<!-- Demo -->
 +
<link rel="stylesheet" href="http://themes.opendept.net/creativelife/wp-content/themes/Creativelife/demo/demo-style.css?v=1.2">
 +
 +
<!-- Favourites icon -->
 +
<link rel="shortcut icon" href="http://themes.opendept.net/creativelife/wp-content/themes/Creativelife/images/etc/favicon.ico">
 +
 +
<!-- Pingback -->
 +
<link rel="pingback" href="http://themes.opendept.net/creativelife/xmlrpc.php" />
 +
 +
<!--[if lt IE 9]>
 +
<script src="http://themes.opendept.net/creativelife/wp-content/themes/Creativelife/js/selectivizr.js"></script>
 +
<script src="http://themes.opendept.net/creativelife/wp-content/themes/Creativelife/js/html5.js"></script>
 +
<![endif]-->
 +
 +
<!-- WP head -->
 +
<link rel="alternate" type="application/rss+xml" title="Creativelife &raquo; Feed" href="http://themes.opendept.net/creativelife/feed/" />
 +
<link rel="alternate" type="application/rss+xml" title="Creativelife &raquo; Comments Feed" href="http://themes.opendept.net/creativelife/comments/feed/" />
 +
<link rel="alternate" type="application/rss+xml" title="Creativelife &raquo; Home Comments Feed" href="http://themes.opendept.net/creativelife/home/feed/" />
 +
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://themes.opendept.net/creativelife/xmlrpc.php?rsd" />
 +
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://themes.opendept.net/creativelife/wp-includes/wlwmanifest.xml" />
 +
<link rel='prev' title='Sample Page' href='http://themes.opendept.net/creativelife/sample-page/' />
 +
<link rel='next' title='Portfolio' href='http://themes.opendept.net/creativelife/portfolio/' />
 +
<meta name="generator" content="WordPress 3.3.2" />
 +
<link rel='canonical' href='http://themes.opendept.net/creativelife/' />
 +
<style type="text/css">.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}</style>
 +
 +
</head>
 +
<!-- end: Head -->
 +
 +
<!-- Body -->
 +
<body class="home page page-id-7 page-template page-template-homepage-php">
 +
 +
<!-- Main container -->
 +
<div class="container">
 +
 +
<!-- Social bar -->
 +
<nav class="social-bar header-bar">
 +
 +
 +
<!-- About toggle -->
 +
<a href="#" class="about-toggle"><span>About Me</span><div></div></a>
 +
 +
 +
<!-- Social icons -->
 +
<ul>
 +
 +
 +
<li class="twitter"><a href="http://twitter.com/OpenDept">Twitter</a><span></span></li>
 +
 +
 +
 +
<li class="facebook"><a href="http://www.facebok.com/OpenDept">Facebook</a><span></span></li>
 +
 +
 +
 +
 +
<li class="pinterest"><a href="http://pinterest.com/#">Pinterest</a><span></span></li>
 +
 +
 +
 +
<li class="vimeo"><a href="#">Vimeo</a><span></span></li>
 +
 +
 +
 +
<li class="flickr"><a href="#">Flickr</a><span></span></li>
 +
 +
 +
 +
<li class="dribbble"><a href="http://dribbble.com/http://dribbble.com/opendept">Dribbble</a><span></span></li>
 +
 +
 +
 +
 +
 +
<li class="tumblr"><a href="#">Tumblr</a><span></span></li>
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
<li class="mail-toggle"><a href="#"></a><span></span><div></div></li>
 +
 +
 +
</ul>
 +
<!-- end: Social icons -->
 +
 +
</nav>
 +
<!-- end: Social bar -->
 +
 +
 +
 +
<!-- About section -->
 +
<section class="about-panel toggle-panel clearfix">
 +
 +
 +
<!-- Column -->
 +
<div class="one-third">
 +
 +
<h1>I am <span class="color">John Doe</span>.</h1>
 +
<p><img src="http://themes.opendept.net/creativelife/wp-content/uploads/2012/04/creativelife.jpg" class="alignleft" alt="" /> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&#8217;s standard dummy text ever since the 1500s with a funny insert.<br />
 +
It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using &#8216;Content here, content here&#8217;, making it look like readable English.<br />
 +
Many desktop publishing packages and web page. </p>
 +
 +
</div>
 +
<!-- end: Column -->
 +
 +
 +
 +
<!-- Column -->
 +
<div class="one-third">
 +
 +
<h1><span class="color">Services</span>.</h1>
 +
<h5>Web Design</h5>
 +
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ut ipsum non magna dapibus auctor.  </p>
 +
<h5>Web Developing</h5>
 +
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ut ipsum non magna dapibus auctor.  </p>
 +
<h5>Branding</h5>
 +
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ut ipsum non magna dapibus auctor.  </p>
 +
 +
</div>
 +
<!-- end: Column -->
 +
 +
 +
 +
<!-- Column -->
 +
<div class="one-third">
 +
 +
<h1><span class="color">Skills</span>.</h1>
 +
<div class="skills-table clearfix">
 +
<h5><span>Web Design</span><div style="width: 80%;"></div></h5><div class="emph">80%</div>
 +
<h5><span>Wordpress</span><div style="width: 85%;"></div></h5><div class="emph">85%</div>
 +
<h5><span>Javascript</span><div style="width: 70%;"></div></h5><div class="emph">70%</div>
 +
<h5><span>SEO</span><div style="width: 45%;"></div></h5><div class="emph">45%</div>
 +
<h5><span>Print</span><div style="width: 60%;"></div></h5><div class="emph">60%</div>
 +
<h5><span>PHP</span><div style="width: 70%;"></div></h5><div class="emph">70%</div>
 +
</div>
 +
 +
</div>
 +
<!-- end: Column -->
 +
 +
 +
</section>
 +
<!-- end: About section -->
 +
 +
 +
 +
<!-- Contact panel -->
 +
<section class="contact-panel toggle-panel clearfix">
 +
 +
<!-- Contact form -->
 +
<form action="http://themes.opendept.net/creativelife/wp-content/themes/Creativelife/includes/mail.php" method="post" class="contact-panel-form two-third">
 +
 +
<!-- One third column -->
 +
<div class="one-third">
 +
 +
<h1>Who are <span class="color">you</span>?</h1>
 +
<!-- Name -->
 +
<p><input type="text" placeholder="Your Name" name="name" value="" /></p>
 +
 +
<!-- Email -->
 +
<p><input type="text" placeholder="Your E-Mail" name="email" value="" /></p>
 +
 +
<!-- Website -->
 +
<p><input type="text" placeholder="Your Website" name="website" value="" /></p>
 +
 +
<!-- Submit -->
 +
<p class="last"><input type="submit" name="submit" data-str="Message sent! Thanks :)" value="Send Message" /></p>
 +
 +
</div>
 +
<!-- end: One third column -->
 +
 +
<!-- One third column -->
 +
<div class="one-third no-margin">
 +
 +
<h1>Please, <span class="color">tell me</span>.</h1>
 +
<!-- Message -->
 +
<p class="last"><textarea name="message" placeholder="Message"></textarea></p>
 +
 +
</div>
 +
<!-- end: One third column -->
 +
 +
</form>
 +
<!-- end: Contact form -->
 +
 +
<!-- One third column -->
 +
<div class="one-third no-margin">
 +
 +
<h1>The <span class="color">map</span>.</h1>
 +
 +
<iframe width="290" height="167" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=New+York,+NY,+United+States&amp;aq=0&amp;oq=New+York&amp;sll=37.0625,-95.677068&amp;sspn=82.704067,95.537109&amp;ie=UTF8&amp;hq=&amp;hnear=New+York&amp;t=m&amp;ll=40.714476,-74.005966&amp;spn=0.086916,0.198441&amp;z=11&amp;iwloc=A&amp;output=embed"></iframe>
 +
 +
 +
</div>
 +
<!-- end: One third column -->
 +
 +
</section>
 +
<!-- end: Contact panel -->
 +
 +
 +
<!-- Main menu bar -->
 +
<nav class="menu-bar header-bar">
 +
 +
<!-- Logo -->
 +
<h1 class="logo"><a href="http://themes.opendept.net/creativelife">Creative<span class="color">life</span></a></h1>
 +
 +
<!-- Menu -->
 +
<ul id="menu-main-menu" class="nav"><li id="menu-item-14" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-7 current_page_item"><a style="background-image: url(http://themes.opendept.net/creativelife/wp-content/themes/Creativelife/images/symbols/17.png);" href="http://themes.opendept.net/creativelife/">Home</a><span></span></li>
 +
<li id="menu-item-13" class="menu-item menu-item-type-post_type menu-item-object-page"><a style="background-image: url(http://themes.opendept.net/creativelife/wp-content/themes/Creativelife/images/symbols/24.png);" href="http://themes.opendept.net/creativelife/portfolio/">Portfolio</a><span></span></li>
 +
<li id="menu-item-75" class="menu-item menu-item-type-post_type menu-item-object-page"><a style="background-image: url(http://themes.opendept.net/creativelife/wp-content/themes/Creativelife/images/symbols/2.png);" href="http://themes.opendept.net/creativelife/portfolio-4-cols/">Portfolio (4 Cols)</a><span></span></li>
 +
<li id="menu-item-177" class="menu-item menu-item-type-post_type menu-item-object-page"><a style="background-image: url(http://themes.opendept.net/creativelife/wp-content/themes/Creativelife/images/symbols/6.png);" href="http://themes.opendept.net/creativelife/portfolio-2-cols/">Portfolio (2 Cols)</a><span></span></li>
 +
<li id="menu-item-38" class="menu-item menu-item-type-post_type menu-item-object-page"><a style="background-image: url(http://themes.opendept.net/creativelife/wp-content/themes/Creativelife/images/symbols/3.png);" href="http://themes.opendept.net/creativelife/blog/">Blog</a><span></span></li>
 +
</ul>
 +
</nav>
 +
<!-- end: Main menu bar -->
 +
 +
<!-- Hero slider -->
 +
<section class="hero-slider clearfix">
 +
 +
<!-- Info box -->
 +
<figcaption class="info">
 +
 +
<!-- Content -->
 +
<div><h5>Loading..</h5></div>
 +
 +
<!-- Bottom-right label -->
 +
<a href="#" class="box-label link"><div><div></div></div></a>
 +
 +
</figcaption>
 +
<!-- end: Info box -->
 +
 +
<!-- Slider -->
 +
<figure class="slider">
 +
 +
 +
<!-- Pager -->
 +
<nav></nav>
 +
 +
 +
<!-- Next link -->
 +
<a href="#" class="next"><span class="arrow pr"></span></a>
 +
 +
<!-- Prev link -->
 +
<a href="#" class="prev"><span class="arrow pl"></span></a>
 +
 +
 +
 +
 +
<!-- Slide link -->
 +
<a href="http://www.flickr.com/photos/41754875@N00/758727959/" class="" rel="hero">
 +
 +
 +
<!-- Slide -->
 +
<img src="http://themes.opendept.net/creativelife/wp-content/uploads/2012/04/758727959_beec60a15c_b-710x300.jpg" data-info="#cap_1" class="slide" alt="" />
 +
 +
 +
</a>
 +
<!-- end: Slide link -->
 +
 +
 +
 +
 +
 +
 +
<!-- Slide -->
 +
<img src="http://themes.opendept.net/creativelife/wp-content/uploads/2012/04/17-710x300.jpg" data-info="#cap_4" class="slide" alt="" />
 +
 +
 +
 +
 +
 +
 +
<!-- Slide link -->
 +
<a href="http://www.flickr.com/photos/41754875@N00/2198605131/" class="" rel="hero">
 +
 +
 +
<!-- Slide -->
 +
<img src="http://themes.opendept.net/creativelife/wp-content/uploads/2012/04/2198605131_f7c90314a0_b-710x300.jpg" data-info="#cap_0" class="slide" alt="" />
 +
 +
 +
</a>
 +
<!-- end: Slide link -->
 +
 +
 +
 +
 +
 +
 +
<!-- Slide -->
 +
<img src="http://themes.opendept.net/creativelife/wp-content/uploads/2012/04/481764986_173f641a5b_b-950x300.jpg" data-info="#cap_2" class="slide" alt="" />
 +
 +
 +
 +
 +
 +
<!-- Slide -->
 +
<div class="slide video">
 +
 +
<!-- Youtube video -->
 +
<iframe width="950" height="300" src="http://www.youtube.com/embed/gLLjRH6GJec?wmode=transparent" frameborder="0" allowfullscreen></iframe>
 +
 +
</div>
 +
<!-- end: Slide -->
 +
 +
 +
 +
</figure>
 +
<!-- end: Slider -->
 +
 +
<!-- Captions -->
 +
<div class="hidden">
 +
 +
 +
 +
<!-- Caption -->
 +
<div id="cap_1"><h5>Rituals</h5>
 +
<p>Lorem ipsum dolor sit amet, volumus posidonium complectitur ea usu. Vim at dictas saperet scripserit. Mei munere appareat at. At mutat perfecto singulis cum, per audire vituperatoribus no.</p>
 +
<h5>Client</h5>
 +
<p>Visiva Group</p>
 +
<h5>Project URL</h5>
 +
<p><a href="http://themes.opendept.net/creativelife/#">www.siteurl.com</a></p>
 +
</div>
 +
 +
 +
 +
 +
<!-- Caption -->
 +
<div id="cap_4"><h5>T-Shirts Design</h5>
 +
<p>Eos eirmod scaevola expetenda cu, te utamur interesset mediocritatem nam. Assum detraxit temporibus eum id, habeo fabellas mediocrem ad sea, partem nullam honestatis his in.</p>
 +
<h5>Client</h5>
 +
<p>Funny T-Shirts</p>
 +
<h5>Project URL</h5>
 +
<p><a href="http://themes.opendept.net/creativelife/#">www.siteurl.com</a></p>
 +
</div>
 +
 +
 +
 +
 +
<!-- Caption -->
 +
<div id="cap_0"><h5>Minimal Photography</h5>
 +
<p>Facilis honestatis vel et. Reque graeco appetere no qui, ne solum oblique appellantur mel. Te usu omnis tibique, sea et laudem singulis, no duo nulla expetenda.</p>
 +
<h5>Client</h5>
 +
<p>Golden Pics</p>
 +
<h5>Project URL</h5>
 +
<p><a href="http://themes.opendept.net/creativelife/#">www.siteurl.com</a></p>
 +
</div>
 +
 +
 +
 +
 +
 +
 +
 +
</div>
 +
<!-- end: Captions -->
 +
 +
</section>
 +
<!-- end: Hero slider -->
 +
<!-- Content container -->
 +
<section class="content-wrap homepage left">
 +
 +
 +
<!-- Portfolio projects -->
 +
<section class="portfolio-feed clearfix">
 +
 +
<!-- Section heading -->
 +
<h5 class="box-title">Latest <span>Works</span></h5>
 +
 +
<!-- Projects container -->
 +
<div class="clearfix">
 +
 +
 +
 +
 +
<!-- Project -->
 +
<a href="http://themes.opendept.net/creativelife/portfolio/twitter-everywhere/" class="one-fourth box portfolio-item " title="Twitter everywhere!">
 +
 +
<!-- Image -->
 +
<img width="230" height="155" src="http://themes.opendept.net/creativelife/wp-content/uploads/2012/04/5858249526_2298a25375_b-230x155.jpg" class="attachment-cl_portfolio_4 wp-post-image" alt="You can write what you want here... use Captions!" title="" />
 +
<!-- Container -->
 +
<div>
 +
 +
<!-- Title -->
 +
<h5>Twitter everywhere!</h5>
 +
 +
<!-- Excerpt -->
 +
<p>Duis sit amet fermentum est. Integer sagittis tempor ultricies. Mauris non nisi vitae dolor tincidunt &hellip;</p>
 +
 +
</div>
 +
<!-- end: Container -->
 +
 +
 +
<!-- Metas -->
 +
<span class="meta">Graphic Design</span>
 +
 +
 +
</a>
 +
<!-- end: Project -->
 +
 +
 +
 +
 +
<!-- Project -->
 +
<a href="http://themes.opendept.net/creativelife/portfolio/miaa-rebane/" class="one-fourth box portfolio-item " title="Miaa Rebane">
 +
 +
<!-- Image -->
 +
<img width="230" height="155" src="http://themes.opendept.net/creativelife/wp-content/uploads/2012/04/4876663471_57d726233b_b-230x155.jpg" class="attachment-cl_portfolio_4 wp-post-image" alt="4876663471_57d726233b_b" title="" />
 +
<!-- Container -->
 +
<div>
 +
 +
<!-- Title -->
 +
<h5>Miaa Rebane</h5>
 +
 +
<!-- Excerpt -->
 +
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam facilisis sem eu elit rhoncus sit &hellip;</p>
 +
 +
</div>
 +
<!-- end: Container -->
 +
 +
 +
<!-- Metas -->
 +
<span class="meta">Graphic Design</span>
 +
 +
 +
</a>
 +
<!-- end: Project -->
 +
 +
 +
 +
 +
<!-- Project -->
 +
<a href="http://themes.opendept.net/creativelife/portfolio/no-surprises-please/" class="one-fourth box portfolio-item " title="No Surprises, Please.">
 +
 +
<!-- Image -->
 +
<img width="230" height="155" src="http://themes.opendept.net/creativelife/wp-content/uploads/2012/04/butinstead-230x155.jpg" class="attachment-cl_portfolio_4 wp-post-image" alt="butinstead" title="" />
 +
<!-- Container -->
 +
<div>
 +
 +
<!-- Title -->
 +
<h5>No Surprises, Please.</h5>
 +
 +
<!-- Excerpt -->
 +
<p>Nullam praesent mei ad. No sit suas iusto deseruisse, cum populo laboramus ne. Has graecis &hellip;</p>
 +
 +
</div>
 +
<!-- end: Container -->
 +
 +
 +
<!-- Metas -->
 +
<span class="meta">Music, Videos</span>
 +
 +
 +
</a>
 +
<!-- end: Project -->
 +
 +
 +
</div>
 +
<!-- end: Projects container -->
 +
 +
</section>
 +
<!-- end: Portfolio projects -->
 +
 +
 +
 +
 +
<!-- Home widgets -->
 +
<section class="home-widgets clearfix">
 +
 +
<!-- Home sidebar -->
 +
<div id="haku_widget_featured-2" class="widget featured-article"><h5 class="box-title">Featured <span class="color">Article</span></h5><div class="widget-content">
 +
 +
<!-- Image -->
 +
<a href="http://themes.opendept.net/creativelife/freebies-on-opendept-net/"><img width="230" height="155" src="http://themes.opendept.net/creativelife/wp-content/uploads/2012/06/iconset_menu-230x155.jpg" class="attachment-post-thumbnail wp-post-image" alt="Iconset for a menu" title="" /></a>
 +
 +
 +
<!-- Content -->
 +
<div>
 +
 +
<!-- Time -->
 +
<time datetime="2012-06-04T16:48:10+00:00">June 4, 2012</time>
 +
 +
<!-- Title -->
 +
<h5 class="post-title"><a href="http://themes.opendept.net/creativelife/freebies-on-opendept-net/">Freebies on opendept.net</a></h5>
 +
 +
<!-- Excerpt -->
 +
<p>Free Photoshop PSD Resources for Web Designers. Download our freebies, textures, icons, patterns and mock-ups. And take a look to &hellip;</p>
 +
 +
</div>
 +
<!-- end: Content -->
 +
 +
<!-- Bottom-right label -->
 +
<a href="http://themes.opendept.net/creativelife/freebies-on-opendept-net/" class="box-label link"><div><div></div></div></a>
 +
 +
</div></div><div id="haku_widget_latests-2" class="widget latest-articles"><h5 class="box-title">Recent <span class="color">Articles</span></h5><div class="widget-content">
 +
<!-- Post list -->
 +
<ul>
 +
 +
 +
<!-- Post -->
 +
<li>
 +
<a title="Read the full blog post" href="http://themes.opendept.net/creativelife/freebies-on-opendept-net/" rel="bookmark">
 +
<time datetime="2012-06-04T16:48:10+00:00">June 4, 2012</time>
 +
<h5>Freebies on opendept.net</h5>
 +
</a>
 +
</li>
 +
<!-- end: Post -->
 +
 +
 +
<!-- Post -->
 +
<li>
 +
<a title="Read the full blog post" href="http://themes.opendept.net/creativelife/midlake-concert/" rel="bookmark">
 +
<time datetime="2012-04-10T21:37:10+00:00">April 10, 2012</time>
 +
<h5>Midlake Concert</h5>
 +
</a>
 +
</li>
 +
<!-- end: Post -->
 +
 +
 +
<!-- Post -->
 +
<li>
 +
<a title="Read the full blog post" href="http://themes.opendept.net/creativelife/a-post-with-audio/" rel="bookmark">
 +
<time datetime="2012-04-07T13:24:49+00:00">April 7, 2012</time>
 +
<h5>A Post with Audio</h5>
 +
</a>
 +
</li>
 +
<!-- end: Post -->
 +
 +
 +
<!-- Post -->
 +
<li>
 +
<a title="Read the full blog post" href="http://themes.opendept.net/creativelife/a-post-with-video/" rel="bookmark">
 +
<time datetime="2012-03-22T13:14:14+00:00">March 22, 2012</time>
 +
<h5>A Post with Video</h5>
 +
</a>
 +
</li>
 +
<!-- end: Post -->
 +
 +
 +
<!-- Post -->
 +
<li>
 +
<a title="Read the full blog post" href="http://themes.opendept.net/creativelife/brain-train/" rel="bookmark">
 +
<time datetime="2012-03-09T21:26:05+00:00">March 9, 2012</time>
 +
<h5>Brain-Train</h5>
 +
</a>
 +
</li>
 +
<!-- end: Post -->
 +
 +
 +
</ul>
 +
<!-- end: Post list -->
 +
 +
<!-- Blog link -->
 +
<a href="http://themes.opendept.net/creativelife/blog/" class="jump">Read all articles &rarr;</a>
 +
 +
</div></div><div id="haku_widget_video-2" class="widget video-widget"><h5 class="box-title">Featured <span class="color">Video</span></h5><div class="widget-content">
 +
<!-- Video -->
 +
<div class="video">
 +
 +
<!-- Video container -->
 +
<figure>
 +
 +
 +
<!-- Vimeo Video -->
 +
<iframe src="http://player.vimeo.com/video/24302498?title=0&amp;byline=0&amp;portrait=0" width="230" height="147" frameborder="0"></iframe>
 +
 +
 +
</figure>
 +
<!-- end: Video container -->
 +
 +
</div>
 +
<!-- end: Video -->
 +
 +
</div></div><div id="haku_widget_flickr-2" class="widget flickr-feed"><h5 class="box-title">Flickr <span class="color">Feed</span></h5><div class="widget-content">
 +
<!-- Photos -->
 +
<div class="clearfix">
 +
 +
<script type="text/javascript" src="http://www.flickr.com/badge_code_v2.gne?count=6&amp;display=random&amp;size=m&amp;layout=x&amp;source=user&amp;user=18924124@N00"></script>
 +
 +
</div>
 +
<!-- end: Photos -->
 +
 +
</div></div>
 +
</section>
 +
<!-- end: Home widgets -->
 +
 +
 +
</section>
 +
<!-- end: Content container -->
 +
 +
 +
<!-- One fourth column -->
 +
<aside class="one-fourth right no-margin sidebar">
 +
 +
<div id="haku_widget_text-2" class="widget text-widget">
 +
<!-- Widget container -->
 +
<div class="widget-content clearfix">
 +
 +
<p>Welcome to CreativeLife! Est at diam exerci ancillae. Quot apeirian probatus mel ei, vix erat vidit ne. Ea est quodsi praesent.</p>
 +
 +
</div>
 +
<!-- end: Widget container -->
 +
 +
</div><div id="search-2" class="widget widget_search"><!-- Search form -->
 +
<form action="http://themes.opendept.net/creativelife/" method="get">
 +
 +
<fieldset>
 +
 +
<p>
 +
<input type="text" name="s" placeholder="Search" value="" />
 +
</p>
 +
 +
</fieldset>
 +
 +
</form>
 +
<!-- end: Search form --></div><div id="haku_widget_twitter-2" class="widget twitter-feed"><h5>Latest Tweets</h5>
 +
<!-- Tweets list -->
 +
 +
<ul>
 +
 +
<!-- Tweet -->
 +
 +
<!-- Tweet -->
 +
<li><a href="http://twitter.com/OpenDept/statuses/229140304048033793">OpenDept: Free Sketch Sheets for Web Designers on http://t.co/OtIGUGvV http://t.co/Paw31Rjf <time datetime="2012-07-28T09:04:40+00:00">12 days ago</time></a></li>
 +
<!-- end: Tweet -->
 +
 +
 +
<!-- Tweet -->
 +
<li><a href="http://twitter.com/OpenDept/statuses/229139953806897152">OpenDept: Free Sketch sheets for Web Designers on http://t.co/OtIGUGvV <time datetime="2012-07-28T09:03:16+00:00">12 days ago</time></a></li>
 +
<!-- end: Tweet -->
 +
 +
 +
<!-- Tweet -->
 +
<li><a href="http://twitter.com/OpenDept/statuses/228931082261786624">OpenDept: @envato_support URGENT: TF themes illegal resale . Please, take a look at the ticket #245634.
 +
Regards. <time datetime="2012-07-27T19:13:18+00:00">13 days ago</time></a></li>
 +
<!-- end: Tweet -->
 +
 +
<!-- end: Tweet -->
 +
 +
</ul>
 +
 +
<!-- end: Tweets list -->
 +
 +
</div> <div id="recent-posts-2" class="widget widget_recent_entries"> <h5>Recent Posts</h5> <ul>
 +
<li><a href="http://themes.opendept.net/creativelife/freebies-on-opendept-net/" title="Freebies on opendept.net">Freebies on opendept.net</a></li>
 +
<li><a href="http://themes.opendept.net/creativelife/midlake-concert/" title="Midlake Concert">Midlake Concert</a></li>
 +
<li><a href="http://themes.opendept.net/creativelife/a-post-with-audio/" title="A Post with Audio">A Post with Audio</a></li>
 +
<li><a href="http://themes.opendept.net/creativelife/a-post-with-video/" title="A Post with Video">A Post with Video</a></li>
 +
<li><a href="http://themes.opendept.net/creativelife/brain-train/" title="Brain-Train">Brain-Train</a></li>
 +
</ul>
 +
</div><div id="recent-comments-2" class="widget widget_recent_comments"><h5>Recent Comments</h5><ul id="recentcomments"><li class="recentcomments">Pixoyun on <a href="http://themes.opendept.net/creativelife/midlake-concert/#comment-59">Midlake Concert</a></li><li class="recentcomments"><a href='http://taringa.net' rel='external nofollow' class='url'>myworld</a> on <a href="http://themes.opendept.net/creativelife/freebies-on-opendept-net/#comment-49">Freebies on opendept.net</a></li><li class="recentcomments"><a href='http://taringa.net' rel='external nofollow' class='url'>myworld</a> on <a href="http://themes.opendept.net/creativelife/freebies-on-opendept-net/#comment-48">Freebies on opendept.net</a></li><li class="recentcomments">HustonDrill on <a href="http://themes.opendept.net/creativelife/freebies-on-opendept-net/#comment-37">Freebies on opendept.net</a></li><li class="recentcomments">admin on <a href="http://themes.opendept.net/creativelife/freebies-on-opendept-net/#comment-36">Freebies on opendept.net</a></li></ul></div>
 +
</aside>
 +
<!-- end: One fourth column -->
 +
 +
 +
<!-- Floats clearer -->
 +
<div class="clear"></div>
 +
 +
<!-- Footer -->
 +
<footer class="site-footer clearfix">
 +
 +
<!-- Text -->
 +
<span>&copy; 2012 Creativelife. Powered by WordPress<br />
 +
<a href="http://themes.opendept.net/creativelife">Creativelife Theme</a> by <a href="http://opendept.net">The Open Dept.</a></span>
 +
 +
<!-- Menu -->
 +
<ul id="menu-footer-menu" class="nav"><li id="menu-item-255" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-255"><a href="http://#">About</a></li>
 +
<li id="menu-item-256" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-256"><a href="http://#">Terms</a></li>
 +
<li id="menu-item-257" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-257"><a href="http://#">Jobs</a></li>
 +
</ul>
 +
</footer>
 +
<!-- end: Footer -->
 +
 +
</div>
 +
<!-- end: Main container -->
 +
 +
<!-- Demo contents -->
 +
<!-- Demo panel -->
 +
<div id="demo_panel">
 +
 +
<!-- Theme list -->
 +
<ul>
 +
<li><a href="http://themes.opendept.net/creativelife/wp-content/themes/Creativelife/demo/theme-1.css"><img src="http://themes.opendept.net/creativelife/wp-content/themes/Creativelife/demo/theme-1.png" alt="" /></a></li>
 +
<li><a href="http://themes.opendept.net/creativelife/wp-content/themes/Creativelife/demo/theme-2.css"><img src="http://themes.opendept.net/creativelife/wp-content/themes/Creativelife/demo/theme-2.png" alt="" /></a></li>
 +
<li><a href="http://themes.opendept.net/creativelife/wp-content/themes/Creativelife/demo/theme-3.css"><img src="http://themes.opendept.net/creativelife/wp-content/themes/Creativelife/demo/theme-3.png" alt="" /></a></li>
 +
<li><a href="http://themes.opendept.net/creativelife/wp-content/themes/Creativelife/demo/theme-4.css"><img src="http://themes.opendept.net/creativelife/wp-content/themes/Creativelife/demo/theme-4.png" alt="" /></a></li>
 +
<li><a href="http://themes.opendept.net/creativelife/wp-content/themes/Creativelife/demo/theme-5.css"><img src="http://themes.opendept.net/creativelife/wp-content/themes/Creativelife/demo/theme-5.png" alt="" /></a></li>
 +
<li><a href="http://themes.opendept.net/creativelife/wp-content/themes/Creativelife/demo/theme-6.css"><img src="http://themes.opendept.net/creativelife/wp-content/themes/Creativelife/demo/theme-6.png" alt="" /></a></li>
 +
</ul>
 +
<!-- end: Theme list -->
 +
 +
</div>
 +
<!-- end: Demo panel -->
 +
 +
<!-- WP footer -->
 +
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js?ver=1.2'></script>
 +
<script type='text/javascript' src='http://themes.opendept.net/creativelife/wp-content/themes/Creativelife/js/jquery.plugins.js?ver=1.2'></script>
 +
<script type='text/javascript' src='http://themes.opendept.net/creativelife/wp-content/themes/Creativelife/js/jquery.cycle.js?ver=1.2'></script>
 +
<script type='text/javascript' src='http://themes.opendept.net/creativelife/wp-content/themes/Creativelife/js/jquery.masonry.js?ver=1.2'></script>
 +
<script type='text/javascript'>
 +
/* <![CDATA[ */
 +
var cl_hero = {"speed":"300","fx":"scrollVert","easing":"linear","timeout":"0","pause":"1"};
 +
/* ]]> */
 +
</script>
 +
<script type='text/javascript' src='http://themes.opendept.net/creativelife/wp-content/themes/Creativelife/js/creativelife.js?ver=1.2'></script>
 +
<script type='text/javascript' src='http://themes.opendept.net/creativelife/wp-content/themes/Creativelife/demo/demo-js.js?ver=1.2'></script>
 +
<script type="text/javascript">
 +
  var _gaq = _gaq || [];
 +
  _gaq.push(['_setAccount', 'UA-30785031-1']);
 +
  _gaq.push(['_trackPageview']);
 +
 +
  (function() {
 +
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
 +
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
 +
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
 +
  })();
 +
</script>
 +
</body>
 +
<!-- end: Body -->
 +
 +
</html>

Revision as of 16:55, 9 August 2012




Fuel Ecoline.png

Greenhouse Effect and the limitation of the fossil fuels have always been a concern to people on Earth. So our team, NCTU_Formosa, hopes to produce isobutanol as a biofuel by bacteria. This concept will be achieved by E.coli containing plasmids with a lactose promoter, 5 RBSs, 4 zinc fingers, and 4 proteinic genes. With the temperature regulating system, we successfully prevent toxic intermediate interfering isobutanol production. This biofuel factory can provide more affordable and higher quantity biofuel, furthermore lower the burden of our Earth.



Home Team Official Team Profile Project Parts Submitted to the Registry Modeling Notebook Safety Attributions

<!doctype html> 

 



	
	
	
	
	
	 Creativelife
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	



 




	
	






	
	

		
		








	
		
	
	

						
		
I am John Doe.


 Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s with a funny insert.

It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using ‘Content here, content here’, making it look like readable English.

Many desktop publishing packages and web page. 

	
	

	
	
		
		
	
	

		
		
Services.


Web Design


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ut ipsum non magna dapibus auctor.  


Web Developing


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ut ipsum non magna dapibus auctor.  


Branding


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ut ipsum non magna dapibus auctor.  

	
	

	
	
		
		
	
	

		
		
Skills.




Web Design
80%


Wordpress
85%


Javascript
70%


SEO
45%


Print
60%


PHP
70%



	
	

	
	
		









		
	
	

	
		
		

			
			
Who are you?
			
			
			

			
			
			

			
			
			

			
			
			

		
		

		
		
		
		

			
			
Please, tell me.
			
			
			

		
		

		
	
	

	
		
	
	

		
		
The map.




		
	

	
	




		
		
		
		




	
	
	

		
		
		
Loading..

		
		
		<div>
</div>
	
	

	
	
	
	

		
				
		
		
		
				
		
		
		
		
		
		
				
				
				
		
		
	
				
		
		
		
			
		
		
	
				
				
				
				
				
		
		
		
				
				
				
				
				
		
		
	
				
		
		
		
			
		
		
	
				
				
				
				
				
		
		
		
				
				
				
					
		
		

		
			
			
			
		

		
		
				
		
	

	
	
	
	
	







	
	



	
	
	
Latest Works

	
	
	

	
				
				
				
		
		
		
			
			You can write what you want here... use Captions!			
			
			

			
				
				
Twitter everywhere!

				
				
				
Duis sit amet fermentum est. Integer sagittis tempor ultricies. Mauris non nisi vitae dolor tincidunt …

							
			

			
			
						
			
			Graphic Design
			
					
		
		
		
				
				
				
		
		
		
			
			4876663471_57d726233b_b			
			
			

			
				
				
Miaa Rebane

				
				
				
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam facilisis sem eu elit rhoncus sit …

							
			

			
			
						
			
			Graphic Design
			
					
		
		
		
				
				
				
		
		
		
			
			butinstead			
			
			

			
				
				
No Surprises, Please.

				
				
				
Nullam praesent mei ad. No sit suas iusto deseruisse, cum populo laboramus ne. Has graecis …

							
			

			
			
						
			
			Music, Videos
			
					
		
		
		
			
	

	





	
		
		
	
	

	
		
		
Featured Article
		
				
		
		Iconset for a menu
		
				
		
		

		
			
			
					
			
			
Freebies on opendept.net


			
			
Free Photoshop PSD Resources for Web Designers. Download our freebies, textures, icons, patterns and mock-ups. And take a look to …

		
		

		
		
		
		<div>
</div>
		
		
Featured Video
		
		
		

			
			
			

			
								
				
				
				
							
			

			
			
		

		
		
		
Flickr Feed
		
		
		

		
			
		
		

		
		
		
		
	

	
	
	



	






		
		

		
		
		
		
		
	

	
	
	
	



	
	
    
		
    • 
		
    • 
		
    • 
		
    • 
		
    • 
		
    •
Retrieved from "http://2012.igem.org/Team:NCTU_Formosa"