Team:Nanjing China Bio/Index

From 2012.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US">
+
<html>
<head>
<head>
-
+
<meta charset="utf-8">
-
<meta name='robots' content='noindex,nofollow' />
+
<title>Kroft template</title>
-
<link rel="alternate" type="application/rss+xml" title="Muro &raquo; home Comments Feed" href="http://luiszuno.com/themes/wp-muro/home/feed" />
+
-
<link rel='stylesheet' id='NextGEN-css'  href='http://luiszuno.com/themes/wp-muro/wp-content/themes/muro/nggallery.css?ver=1.0.0' type='text/css' media='screen' />
+
-
<script type='text/javascript' src='http://luiszuno.com/themes/wp-muro/wp-includes/js/jquery/jquery.js?ver=1.7.2'></script>
+
-
<script type='text/javascript' src='http://luiszuno.com/themes/wp-muro/wp-content/plugins/nextgen-gallery/js/jquery.cycle.all.min.js?ver=2.88'></script>
+
-
<script type='text/javascript' src='http://luiszuno.com/themes/wp-muro/wp-content/plugins/nextgen-gallery/js/ngg.slideshow.min.js?ver=1.01'></script>
+
-
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://luiszuno.com/themes/wp-muro/xmlrpc.php?rsd" />
+
-
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://luiszuno.com/themes/wp-muro/wp-includes/wlwmanifest.xml" />
+
-
<link rel='prev' title='blog' href='http://luiszuno.com/themes/wp-muro/blog' />
+
-
<link rel='next' title='CONTACT' href='http://luiszuno.com/themes/wp-muro/contact' />
+
-
<meta name="generator" content="WordPress 3.4.1" />
+
-
<link rel='canonical' href='http://luiszuno.com/themes/wp-muro/' />
+
-
 
+
-
<meta name='NextGEN' content='1.6.2' />
+
-
+
-
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+
-
<meta http-equiv="Content-Language" content="en" />
+
-
<meta name="description" content="" />
+
-
<meta name="keywords" content="" />
+
-
+
-
<title>Muro</title>
+
<!-- CSS -->
<!-- CSS -->
-
+
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />
 +
<link rel="stylesheet" href="css/social-icons.css" type="text/css" media="screen" />
 +
<!-- ENDS CSS -->
-
+
<!--[if IE]>
-
<link rel="stylesheet" href="http://luiszuno.com/themes/wp-muro/wp-content/themes/muro/style.css" type="text/css" media="screen" />
+
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-
<link rel="stylesheet" href="http://luiszuno.com/themes/wp-muro/wp-content/themes/muro/css/blue.css" type="text/css" media="screen" id="css-skins" />
+
-
+
-
<!--[if IE 6]>
+
-
<link rel="stylesheet" type="text/css" media="screen" href="http://luiszuno.com/themes/wp-muro/wp-content/themes/muro/css/ie-hacks.css" />
+
-
<script type="text/javascript" src="http://luiszuno.com/themes/wp-muro/wp-content/themes/muro/js/DD_belatedPNG.js"></script>
+
-
<script>
+
-
      /* EXAMPLE */
+
-
      DD_belatedPNG.fix('*');
+
-
    </script>
+
<![endif]-->
<![endif]-->
-
<!-- ENDS CSS -->
+
<!-- ENDS JS -->
-
<!-- custom admin styles -->
+
<!-- JS -->
-
<style>
+
<script type="text/javascript" src="js/jquery.min.js"></script>
-
body {
+
<script type="text/javascript" src="js/custom.js"></script>
-
}
+
<script type="text/javascript" src="js/slider.js"></script>
 +
<script src="js/slides/source/slides.min.jquery.js"></script>
 +
<script src="js/quicksand.js"></script>
 +
<!-- superfish -->
 +
<link rel="stylesheet" media="screen" href="css/superfish.css" />
 +
<script type="text/javascript" src="js/superfish-1.4.8/js/hoverIntent.js"></script>
 +
<script type="text/javascript" src="js/superfish-1.4.8/js/superfish.js"></script>
 +
<script type="text/javascript" src="js/superfish-1.4.8/js/supersubs.js"></script>
 +
<!-- ENDS superfish -->
 +
 +
<!-- poshytip -->
 +
<link rel="stylesheet" href="js/poshytip-1.0/src/tip-twitter/tip-twitter.css" type="text/css" />
 +
<link rel="stylesheet" href="js/poshytip-1.0/src/tip-yellowsimple/tip-yellowsimple.css" type="text/css" />
 +
<script type="text/javascript" src="js/poshytip-1.0/src/jquery.poshytip.min.js"></script>
 +
<!-- ENDS poshytip -->
-
/* links colors */
+
<!-- Tweet -->
-
a{
+
<link rel="stylesheet" href="css/jquery.tweet.css" media="all"  type="text/css"/>  
-
color: #FFFFFF; }
+
<script src="js/tweet/jquery.tweet.js" type="text/javascript"></script>  
-
+
<!-- ENDS Tweet -->
-
a:visited{
+
-
color: #FFFFFF; }
+
-
+
-
a:hover{
+
-
color: #FFFFFF; }
+
-
+
-
img#logo{
+
-
}
+
-
+
-
</style>
+
-
<style>
+
-
body {
+
-
}
+
-
+
-
+
-
/* links colors */
+
-
a{
+
-
}
+
-
+
-
a:visited{
+
-
}
+
-
+
-
a:hover{
+
-
}
+
-
+
-
img#logo{
+
-
}
+
-
+
-
</style>
+
-
<!-- ENDS custom admin styles -->
+
-
+
<!-- prettyPhoto -->
<!-- prettyPhoto -->
-
<link rel="stylesheet" href="http://luiszuno.com/themes/wp-muro/wp-content/themes/muro/js/prettyPhoto/css/prettyPhoto.css" type="text/css" media="screen" />
+
<script type="text/javascript" src="js/prettyPhoto/js/jquery.prettyPhoto.js"></script>
 +
<link rel="stylesheet" href="js/prettyPhoto/css/prettyPhoto.css" type="text/css" media="screen" />
<!-- ENDS prettyPhoto -->
<!-- ENDS prettyPhoto -->
-
<!-- JS -->
+
<!-- GOOGLE FONTS -->
-
<script type="text/javascript" src="http://luiszuno.com/themes/wp-muro/wp-content/themes/muro/js/jquery_1.4.2.js"></script>
+
<link href='http://fonts.googleapis.com/css?family=Droid+Serif:400italic' rel='stylesheet' type='text/css'>
-
<script type="text/javascript" src="http://luiszuno.com/themes/wp-muro/wp-content/themes/muro/js/jqueryui.js"></script>
+
-
<script type="text/javascript" src="http://luiszuno.com/themes/wp-muro/wp-content/themes/muro/js/easing.js"></script>
+
-
<script type="text/javascript" src="http://luiszuno.com/themes/wp-muro/wp-content/themes/muro/js/jquery.cycle.all.js"></script>
+
-
<script type="text/javascript" src="http://luiszuno.com/themes/wp-muro/wp-content/themes/muro/js/tooltip/jquery.tools.min.js"></script>
+
-
<script type="text/javascript" src="http://luiszuno.com/themes/wp-muro/wp-content/themes/muro/js/jquery.tabs/jquery.tabs.pack.js"></script>
+
-
<script type="text/javascript" src="http://luiszuno.com/themes/wp-muro/wp-content/themes/muro/js/filterable.pack.js"></script>
+
-
<script type="text/javascript" src="http://luiszuno.com/themes/wp-muro/wp-content/themes/muro/js/prettyPhoto/js/jquery.prettyPhoto.js"></script>
+
-
<script type="text/javascript" src="http://luiszuno.com/themes/wp-muro/wp-content/themes/muro/js/twitter.js"></script>
+
-
<script type="text/javascript" src="http://luiszuno.com/themes/wp-muro/wp-content/themes/muro/js/custom.js"></script>
+
-
<script type="text/javascript" src="http://luiszuno.com/themes/wp-muro/wp-content/themes/muro/js/jQuery.equalHeights.js"></script>
+
-
<!-- ENDS JS -->
+
-
<!-- superfish -->
+
 
-
<link rel="stylesheet" type="text/css" media="screen" href="http://luiszuno.com/themes/wp-muro/wp-content/themes/muro/css/superfish-custom.css" />
+
-
<script type="text/javascript" src="http://luiszuno.com/themes/wp-muro/wp-content/themes/muro/js/superfish-1.4.8/js/hoverIntent.js"></script>
+
-
<script type="text/javascript" src="http://luiszuno.com/themes/wp-muro/wp-content/themes/muro/js/superfish-1.4.8/js/superfish.js"></script>
+
-
<!-- ENDS superfish -->
+
-
+
-
<!-- tabs -->
+
-
        <link rel="stylesheet" href="http://luiszuno.com/themes/wp-muro/wp-content/themes/muro/css/jquery.tabs.css" type="text/css" media="print, projection, screen" />
+
-
        <!-- Additional IE/Win specific style sheet (Conditional Comments) -->
+
-
        <!--[if lte IE 7]>
+
-
        <link rel="stylesheet" href="http://luiszuno.com/themes/wp-muro/wp-content/themes/muro/css/jquery.tabs-ie.css" type="text/css" media="projection, screen">
+
-
        <![endif]-->
+
-
  <!-- ENDS tabs -->
+
-
 
+
-
  <script type='text/javascript'>
+
-
slideshow_fx = 'fade';
+
-
slideshow_speed = '500';
+
-
slideshow_timeout = '6000';
+
-
twitter_user = 'ansimuz';
+
-
</script>
+
-
<!-- Cufon -->
+
-
<script src="http://luiszuno.com/themes/wp-muro/wp-content/themes/muro/js/cufon-yui.js" type="text/javascript"></script>
+
-
<script src="http://luiszuno.com/themes/wp-muro/wp-content/themes/muro/js/bebas_400.font.js" type="text/javascript"></script>
+
-
        <!-- /Cufon -->
+
-
       
+
</head>
</head>
<body>
<body>
-
<!-- WRAPPER -->
+
<!-- Dynamic Background -->
-
<div id="wrapper">
+
<div id="headerimgs">
-
+
<div id="headerimg1" class="headerimg"></div>
-
+
<div id="headerimg2" class="headerimg"></div>
-
<!-- TOP -->
+
</div>
-
<div id="top">
+
<!-- ENDS Dynamic Background -->
-
  <div class="box">
+
-
  <div id="latest-tweet"><img src="http://luiszuno.com/themes/wp-muro/wp-content/themes/muro/img/twitter.png" class="twitter-bird" alt="Twitter" /></div>
+
-
  </div>
+
-
</div>
+
-
<!-- ENDS TOP -->
+
-
+
-
+
-
<!-- CONTENT -->
+
-
<div id="content">
+
-
+
-
<!-- top button -->
+
-
<div class="open-top">
+
-
<a href="#" class="open"><img src="http://luiszuno.com/themes/wp-muro/wp-content/themes/muro/img/top-tab.png" class="twitter-bird" alt="Twitter" /></a>
+
-
</div>
+
-
<!-- ENDS top button -->
+
-
<!-- MAIN -->
+
<!-- background nav -->
-
<div id="main">
+
<div id="headernav">
 +
<div id="back" class="btn"></div>
 +
<div id="next" class="btn"></div>
 +
</div>
 +
<!-- ENDS background nav -->
-
<!-- logo -->
+
<div id="top-gap"></div>
-
<a href="http://luiszuno.com/themes/wp-muro">
+
-
<img src="http://luiszuno.com/themes/wp-muro/wp-content/themes/muro/img/logo.png" alt="Logo" id="logo" /></a>
+
-
</a>
+
-
<!-- ENDS logo -->
+
 +
<!-- wrapper -->
 +
<div class="wrapper">
-
<!-- MAIN MENU -->
+
<a href="index.html"><img  id="logo" src="img/logo.png" alt="Kroft"></a>
-
<div id="centeredmenu" class="menu-mimenu-container"><ul id="menu-mimenu" class="sf-menu"><li id="menu-item-25" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-6 current_page_item menu-item-25"><a href="http://luiszuno.com/themes/wp-muro/">home</a></li>
+
-
<li id="menu-item-23" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-23"><a href="http://luiszuno.com/themes/wp-muro/features">FEATURES</a>
+
-
<ul class="sub-menu">
+
<!-- nav bar holder -->
-
<li id="menu-item-27" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-27"><a href="http://luiszuno.com/themes/wp-muro/features">LAYOUT</a></li>
+
<div id="nav-bar-holder">
-
<li id="menu-item-22" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-22"><a href="http://luiszuno.com/themes/wp-muro/features/styled">STYLED</a></li>
+
<!-- Navigation -->
-
<li id="menu-item-21" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-21"><a href="http://luiszuno.com/themes/wp-muro/features/more">MORE</a></li>
+
<ul id="nav" class="sf-menu">
-
</ul>
+
<li class="current-menu-item"><a href="index.html">Home</a></li>
-
</li>
+
<li><a href="gallery.html">Gallery</a></li>
-
<li id="menu-item-42" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-42"><a href="http://luiszuno.com/themes/wp-muro/gallery">GALLERY</a>
+
<li><a href="page.html">Pages</a>
-
<ul class="sub-menu">
+
<ul>
-
<li id="menu-item-53" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-53"><a href="http://luiszuno.com/themes/wp-muro/gallery">TWO COLS</a></li>
+
<li><a href="page.html">Sidebar page</a></li>
-
<li id="menu-item-52" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-52"><a href="http://luiszuno.com/themes/wp-muro/gallery/three-cols">THREE COLS</a></li>
+
<li><a href="page-fullwidth.html">Fullwidth page</a></li>
-
<li id="menu-item-51" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-51"><a href="http://luiszuno.com/themes/wp-muro/gallery/four-cols">FOUR COLS</a></li>
+
</ul>
-
</ul>
+
</li>
-
</li>
+
<li><a href="portfolio.html">Portfolio posts</a></li>
-
<li id="menu-item-26" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-26"><a href="http://luiszuno.com/themes/wp-muro/blog">blog</a></li>
+
<li><a href="blog.html">Blog</a></li>
-
<li id="menu-item-24" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-24"><a href="http://luiszuno.com/themes/wp-muro/contact">CONTACT</a></li>
+
<li><a href="contact.html">Contact</a></li>
-
<li id="menu-item-61" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-61"><a href="http://luiszuno.com/themes/wp-muro/?skin=blue">SKINS</a>
+
</ul>
-
<ul class="sub-menu">
+
<!-- ENDS Navigation -->
-
<li id="menu-item-64" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-64"><a href="http://luiszuno.com/themes/wp-muro/unlimited-colors">UNLIMITED SKINS</a></li>
+
-
<li id="menu-item-59" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-59"><a href="http://luiszuno.com/themes/wp-muro/?skin=blue">BLUE</a></li>
+
<!-- Social -->
-
<li id="menu-item-58" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-58"><a href="http://luiszuno.com/themes/wp-muro/?skin=black">BLACK</a></li>
+
<ul class="social">
-
<li id="menu-item-60" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-60"><a href="http://luiszuno.com/themes/wp-muro/?skin=red">RED</a></li>
+
<li><a href="http://www.facebook.com" class="poshytip facebook" title="Become a fan"></a></li>
-
</ul>
+
<li><a href="http://www.twitter.com" class="poshytip twitter" title="Follow my tweets"></a></li>
-
</li>
+
<li><a href="http://www.dribbble.com" class="poshytip dribbble" title="Working on..."></a></li>
-
<li id="menu-item-108" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-108"><a href="http://luiszuno.com/blog/downloads/muro-wordpress-theme/">Download</a></li>
+
</ul>
-
</ul></div>
+
<!-- ENDS Social -->
-
<!-- slideshow -->
+
-
<div id="slideshow">
+
-
<a href="" id="slideshow-link" ><span></span></a>
+
-
<ul id="slides">
+
-
                <li><a href="gallery">
+
-
       
+
-
               
+
-
       
+
-
        <img src="http://luiszuno.com/themes/wp-muro/wp-content/themes/muro/php/timthumb.php?src=http://luiszuno.com/themes/muro/blue/slides/01.jpg&amp;h=343&amp;w=925"  alt="Slide" /></a></li>
+
-
                <li><a href="gallery">
+
-
       
+
-
               
+
-
       
+
-
        <img src="http://luiszuno.com/themes/wp-muro/wp-content/themes/muro/php/timthumb.php?src=http://luiszuno.com/themes/muro/blue/slides/02.jpg&amp;h=343&amp;w=925"  alt="Slide" /></a></li>
+
-
                <li><a href="gallery">
+
-
       
+
-
               
+
-
       
+
-
        <img src="http://luiszuno.com/themes/wp-muro/wp-content/themes/muro/php/timthumb.php?src=http://luiszuno.com/themes/muro/blue/slides/03.jpg&amp;h=343&amp;w=925"  alt="Slide" /></a></li>
+
-
          </ul>
+
-
</div>
+
-
+
-
<!-- ENDS slideshow -->
+
-
 
+
-
 
+
-
<!-- headline -->
+
-
<div class="headline">
+
-
UNLIMITED COLORS CONFIGURATION OR 3 DEFINED SKINS</div>
+
-
<!-- ENDS headline -->
+
-
 
+
-
<!-- blocks -->
+
-
<ul class="blocks-holder">
+
-
<li class="block-1">
+
-
<p class="block-title custom">3 skin colors</p>
+
-
<div class="thumb-holder">
+
-
<div class="img-holder">
+
-
  <a href="http://luiszuno.com/themes/wp-muro/archives/36"><img src="http://luiszuno.com/themes/wp-muro/wp-content/themes/muro/php/timthumb.php?src=http://luiszuno.com/themes/wp-muro/wp-content/uploads/2010/10/04.jpg&amp;h=179&amp;w=271/img/no-image-med.png" alt="Thumbnail" title="3 skin colors" class="trigger-tooltip" /></a>
+
-
  </div>
+
-
<div class="thumb-text">
+
-
<p>3 different color schemes: Red, Green, Blue, Black and White Easy to configurate. Eleifend et eu est. Aenean tortor eros, sodales at bibendum vulputate.</p>
+
</div>
</div>
-
<p><a href="http://luiszuno.com/themes/wp-muro/archives/36" class="more">MORE &gt;</a></p>
+
<!-- ENDS nav bar holder -->
-
</div>
+
-
</li>
+
<!-- content wrap -->    
-
<li class="block-2">
+
        <div id="content-wrap">
-
<p class="block-title custom">Seven different layouts</p>
+
       
-
<div class="thumb-holder">
+
        <!-- Page wrap -->
-
<div class="img-holder">
+
        <div id="page-wrap">
-
  <a href="http://luiszuno.com/themes/wp-muro/archives/34"><img src="http://luiszuno.com/themes/wp-muro/wp-content/themes/muro/php/timthumb.php?src=http://luiszuno.com/themes/wp-muro/wp-content/uploads/2010/10/011.jpg&amp;h=179&amp;w=271/img/no-image-med.png" alt="Thumbnail" title="Seven different layouts" class="trigger-tooltip" /></a>
+
       
-
  </div>
+
       
-
<div class="thumb-text">
+
        <!-- Front slider -->
-
<p>Seven different layouts for the different sections of the theme. Eleifend et eu est. Aenean tortor eros, sodales at ulputate, porttitor eu est. Aenean, porttitor.</p>
+
        <div id="front-slides">
 +
<div class="slides_container">
 +
<div class="slide">
 +
<img src="img/dummies/04.jpg" alt="pic" width="940" height="360"  />
 +
<div class="caption">Slider images thanks to Moe Pike at thebeaststudio.com</div>
 +
</div>
 +
<div class="slide">
 +
<img src="img/dummies/03.jpg" alt="pic" width="940" height="360"  />
 +
<div class="caption">Download this template at luiszuno.com</div>
 +
</div>
 +
<div class="slide">
 +
<img src="img/dummies/01.jpg"  alt="pic" width="940" height="360"  />
 +
<div class="caption">More freebies each week at luiszuno.com</div>
 +
</div>
 +
<div class="slide">
 +
<img src="img/dummies/02.jpg" alt="pic" width="940" height="360"  />
 +
<div class="caption">Tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante.</div>
 +
</div>
 +
 +
</div>
 +
 +
<div id="front-slides-cover"></div>
 +
 +
<!-- Headline -->
 +
<div id="headline"><h6></h6></div>
 +
<!-- ENDS Headline -->
 +
 +
</div>
 +
<!-- ENDS Front slider -->
 +
 +
 +
<!-- Reel slider -->
 +
        <div id="reel">
 +
<div class="slides_container">
 +
 +
<div class="slide-box">
 +
<div class="box-container">
 +
<img src="img/mono-icons/bargraph32.png" class="box-icon" alt="pic"/>
 +
<h6>Download this template</h6>
 +
<div class="box-divider"></div>This is a free license template, this mean you can use it on your personal and commercial porjects, however you are not allowed to re distribute it "as is" elsewhere or create different template or wordpress theme from this one for re distribution. <a href="http://luiszuno.com/blog/downloads/kroft-template-html">Download this template!</a>
 +
</div>
 +
<div class="box-container">
 +
<img src="img/mono-icons/boxupload32.png" class="box-icon" alt="pic"/>
 +
<h6>Download this template</h6>
 +
<div class="box-divider"></div>This is a free license template, this mean you can use it on your personal and commercial porjects, however you are not allowed to re distribute it "as is" elsewhere or create different template or wordpress theme from this one for re distribution. <a href="http://luiszuno.com/blog/downloads/kroft-template-html">Download this template!</a>
 +
</div>
 +
<div class="box-container">
 +
<img src="img/mono-icons/article32.png" class="box-icon" alt="pic"/>
 +
<h6>Download this template</h6>
 +
<div class="box-divider"></div>This is a free license template, this mean you can use it on your personal and commercial porjects, however you are not allowed to re distribute it "as is" elsewhere or create different template or wordpress theme from this one for re distribution. <a href="http://luiszuno.com/blog/downloads/kroft-template-html">Download this template!</a>
 +
</div>
 +
</div>
 +
 +
<div class="slide-box">
 +
<div class="box-container">
 +
<img src="img/mono-icons/circleright32.png" class="box-icon" alt="pic"/>
 +
<h6>Pellentesque morbi</h6>
 +
<div class="box-divider"></div>Tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est tristique senectus et netus et malesuada.
 +
</div>
 +
<div class="box-container">
 +
<img src="img/mono-icons/exchange32.png" class="box-icon" alt="pic"/>
 +
<h6>Pellentesque morbi</h6>
 +
<div class="box-divider"></div>Tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est tristique senectus et netus et malesuada.
 +
</div>
 +
<div class="box-container">
 +
<img src="img/mono-icons/cup32.png" class="box-icon" alt="pic"/>
 +
<h6>Pellentesque morbi</h6>
 +
<div class="box-divider"></div>Tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est tristique senectus et netus et malesuada.
 +
</div>
 +
</div>
 +
 +
<div class="slide-box">
 +
<div class="box-container">
 +
<img src="img/mono-icons/folder32.png" class="box-icon" alt="pic"/>
 +
<h6>Pellentesque morbi</h6>
 +
<div class="box-divider"></div>Tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est tristique senectus et netus et malesuada.
 +
</div>
 +
<div class="box-container">
 +
<img src="img/mono-icons/heart32.png" class="box-icon" alt="pic"/>
 +
<h6>Pellentesque morbi</h6>
 +
<div class="box-divider"></div>Tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est tristique senectus et netus et malesuada.
 +
</div>
 +
<div class="box-container">
 +
<img src="img/mono-icons/lightbulb32.png" class="box-icon" alt="pic"/>
 +
<h6>Pellentesque morbi</h6>
 +
<div class="box-divider"></div>Tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est tristique senectus et netus et malesuada.
 +
</div>
 +
</div>
 +
 +
</div>
 +
<a href="#" class="prev"></a>
 +
<a href="#" class="next"></a>
 +
</div>
 +
<!-- ENDS Reel slider -->
 +
 +
 +
 +
<!-- Featured -->
 +
<div class="featured-title">
 +
<div class="ribbon"><span>Featured content</span></div>
 +
</div>
 +
 +
<ul class="featured-posts">
 +
<li>
 +
<a href="single.html" class="thumb" title="An image"><img src="img/dummies/290x170/01.jpg" alt="Post" /></a>
 +
<div class="excerpt">
 +
<div class="heading"><a href="single.html">Place holder images</a></div>Place holder images thanks to Moe Pike at <a href="http://thebeaststudio.com">thebeaststudio.com</a>, visit his site for more of his work.
 +
</div>
 +
</li>
 +
 +
<li>
 +
<a href="single.html" class="thumb" title="An image"><img src="img/dummies/290x170/02.jpg" alt="Post" /></a>
 +
<div class="excerpt">
 +
<div class="heading"><a href="single.html">Get more freebies</a></div>Visit <a href="http://www.luiszuno.com">luiszuno.com</a> for more freebies. Updated weekly!
 +
</div>
 +
</li>
 +
 +
<li>
 +
<a href="single.html" class="thumb" title="An image"><img src="img/dummies/290x170/03.jpg" alt="Post" /></a>
 +
<div class="excerpt">
 +
<div class="heading"><a href="single.html">License </a></div>All files available for download in this site are free for personal and commercial use. The only restriction is that you cannot post this content for download "as is" on another website.
 +
</div>
 +
</li>
 +
<li>
 +
<a href="single.html" class="thumb" title="An image"><img src="img/dummies/290x170/04.jpg" alt="Post" /></a>
 +
<div class="excerpt">
 +
<div class="heading"><a href="single.html">Pellentesque habitant morbi</a></div>Tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam. Donec eu libero sit amet quam egestas semper.
 +
</div>
 +
</li>
 +
 +
<li>
 +
<a href="single.html" class="thumb" title="An image"><img src="img/dummies/290x170/01.jpg" alt="Post" /></a>
 +
<div class="excerpt">
 +
<div class="heading"><a href="single.html">Pellentesque habitant morbi</a></div>Tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam. Donec eu libero sit amet quam egestas semper.
 +
</div>
 +
</li>
 +
 +
<li>
 +
<a href="single.html" class="thumb" title="An image"><img src="img/dummies/290x170/02.jpg" alt="Post" /></a>
 +
<div class="excerpt">
 +
<div class="heading"><a href="single.html">Pellentesque habitant morbi</a></div>Tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam. Donec eu libero sit amet quam egestas semper.
 +
</div>
 +
</li>
 +
</ul>
 +
<div class="clear"></div>
 +
<!-- ENDS Featured -->
 +
 +
       
 +
        </div>
 +
        <!-- ENDS Page wrap -->
 +
       
 +
        </div>
 +
        <!-- ENDS content wrap -->
 +
       
 +
        </div>
 +
<!-- ENDS Wrapper -->
 +
 +
<!-- FOOTER -->
 +
<div id="footer">
 +
<div class="footer-wrapper">
 +
 +
 +
<!-- footer-cols -->
 +
<ul id="footer-cols">
 +
<li>
 +
<h6>About the theme</h6>
 +
<p>Pellentesque accumsan porttitor, accumsan porttitor ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Tincidunt quis, accumsan porttitor facilisis habitant morbi tristique senectus accumsan porttitor et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, Aenean ultricies mi vitae est. Tincidunt quis feugiat vitae.</p>
 +
<p>Accumsan porttitor ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Tincidunt quis, accumsan porttitor, <a href="http://luiszuno.com">luiszuno.com</a>.</p>
 +
</li>
 +
<li>
 +
<h6>Categories</h6>
 +
<ul>
 +
<li><a href="#">Webdesign in this era</a></li>
 +
<li><a href="#/">Wordpress core techniques</a></li>
 +
<li><a href="#">Photo editing</a></li>
 +
<li><a href="#">Code in php</a></li>
 +
<li><a href="#">Drawings by hand</a></li>
 +
<li><a href="#">Buy Themeforest items</a></li>
 +
<li><a href="#">Lorem ipsum dolor amet</a></li>
 +
<li><a href="#">Tincidunt quis, accumsan porttitor</a></li>
 +
<li><a href="#">Donec eu libero sit amet quam</a></li>
 +
</ul>
 +
</li>
 +
<li>
 +
<div id="tweets" class="footer-col tweet">
 +
        <h6>Twitter widget</h6>
 +
        </div>
 +
</li>
 +
</ul>
 +
<!-- ENDS footer-cols -->
 +
 +
<div id="footer-glare"></div>
 +
</div>
</div>
-
<p><a href="http://luiszuno.com/themes/wp-muro/archives/34" class="more">MORE &gt;</a></p>
 
</div>
</div>
-
</li>
+
<!-- ENDS FOOTER -->
-
<li class="block-3">
+
-
<p class="block-title custom">JQuery functionality</p>
+
<!-- footer-bottom -->
-
<div class="thumb-holder">
+
<div id="footer-bottom">
-
<div class="img-holder">
+
<div class="bottom-wrapper">
-
  <a href="http://luiszuno.com/themes/wp-muro/archives/29"><img src="http://luiszuno.com/themes/wp-muro/wp-content/themes/muro/php/timthumb.php?src=http://luiszuno.com/themes/wp-muro/wp-content/uploads/2010/10/02.jpg&amp;h=179&amp;w=271/img/no-image-med.png" alt="Thumbnail" title="JQuery functionality" class="trigger-tooltip" /></a>
+
<div id="bottom-left">
-
  </div>
+
&copy; 2011 Ansimuz.  <a href="http://themeforest.net/user/Ansimuz?ref=ansimuz">View portfolio</a>
-
<div class="thumb-text">
+
</div>
-
<p>Jquery functionality such as slideshows. accordion boxes image viewers &#8230; porttitor. Vestibulum sed neque ac. Aenean tortor eros, sodales at vulputate, porttitor.</p>
+
<div id="bottom-right">
 +
<ul id="footer-nav">
 +
<li><a href="index.html">Home</a></li>
 +
<li><a href="gallery.html">Gallery</a></li>
 +
<li><a href="page.html">Pages</a>
 +
<li><a href="page.html">Contact</a>
 +
</ul>
 +
</div>
</div>
</div>
-
<p><a href="http://luiszuno.com/themes/wp-muro/archives/29" class="more">MORE &gt;</a></p>
 
</div>
</div>
-
</li>
+
<!-- ENDS footer-bottom -->
-
</ul>
+
-
<!-- ENDS blocks -->
+
-
+
-
</div>
 
-
<!-- ENDS MAIN -->
 
-
 
-
 
-
 
-
</div>
 
-
<!-- ENDS CONTENT -->
 
-
</div>
 
-
<!-- ENDS WRAPPER -->
 
-
 
-
 
-
 
-
<!-- FOOTER -->
 
-
<div id="footer">
 
-
<div id="footer-wrapper">
 
-
<!-- footer-cols -->
 
-
<ul class="footer-cols">
 
-
<li class="col"><h6 class="custom">Categories</h6> <ul>
 
-
<li class="cat-item cat-item-5"><a href="http://luiszuno.com/themes/wp-muro/archives/category/programming" title="View all posts filed under Programming">Programming</a>
 
-
</li>
 
-
<li class="cat-item cat-item-1"><a href="http://luiszuno.com/themes/wp-muro/archives/category/uncategorized" title="View all posts filed under Uncategorized">Uncategorized</a>
 
-
</li>
 
-
<li class="cat-item cat-item-4"><a href="http://luiszuno.com/themes/wp-muro/archives/category/webdesign" title="View all posts filed under Webdesign">Webdesign</a>
 
-
</li>
 
-
</ul>
 
-
</li><li class="col"><h6 class="custom">SEARCH THE SITE</h6><form  method="get" id="searchform" action="http://luiszuno.com/themes/wp-muro">
 
-
<div>
 
-
<input type="text" value="Search..." name="s" id="s" onfocus="defaultInput(this)" onblur="clearInput(this)" />
 
-
<input type="submit" id="searchsubmit" value=" " />
 
-
</div>
 
-
</form></li><li class="col">
 
-
<h6>FOLLOW US</h6>
 
-
<ul>
 
-
<li class="icon twitter"><a href="http://www.twitter.com/ricosushi">Follow my tweets</a></li>
 
-
<li class="icon youtube"><a href="http://www.youtube.com">Check my videos</a></li>
 
-
<li class="icon facebook"><a href="http://www.facebook.com">Become a fan</a></li>
 
-
<li class="icon flickr"><a href="http://www.flicker.com">See my pics</a></li>
 
-
</ul>
 
-
</li>
 
-
</ul>
 
-
<!-- footer-cols -->
 
-
</div>
 
-
<div class="footer-bottom">
+
</body>
-
<p class="legal">Muro is a free WordPress Theme by <a href="http://www.luiszuno.com">Luiszuno</a></p>
+
-
</div>
+
-
+
-
</div>
+
-
<!-- ENDS FOOTER -->
+
-
+
-
+
-
<!-- start cufon -->
+
-
<script type="text/javascript"> Cufon.now(); </script>
+
-
<!-- ENDS start cufon -->
+
-
+
-
</body>
+

Revision as of 07:50, 2 September 2012

Kroft template

pic
Slider images thanks to Moe Pike at thebeaststudio.com
pic
Download this template at luiszuno.com
pic
More freebies each week at luiszuno.com
pic
Tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante.
pic
Download this template
This is a free license template, this mean you can use it on your personal and commercial porjects, however you are not allowed to re distribute it "as is" elsewhere or create different template or wordpress theme from this one for re distribution. Download this template!
pic
Download this template
This is a free license template, this mean you can use it on your personal and commercial porjects, however you are not allowed to re distribute it "as is" elsewhere or create different template or wordpress theme from this one for re distribution. Download this template!
pic
Download this template
This is a free license template, this mean you can use it on your personal and commercial porjects, however you are not allowed to re distribute it "as is" elsewhere or create different template or wordpress theme from this one for re distribution. Download this template!
pic
Pellentesque morbi
Tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est tristique senectus et netus et malesuada.
pic
Pellentesque morbi
Tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est tristique senectus et netus et malesuada.
pic
Pellentesque morbi
Tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est tristique senectus et netus et malesuada.
pic
Pellentesque morbi
Tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est tristique senectus et netus et malesuada.
pic
Pellentesque morbi
Tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est tristique senectus et netus et malesuada.
pic
Pellentesque morbi
Tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est tristique senectus et netus et malesuada.
Featured content
  • Post
    Place holder images
    Place holder images thanks to Moe Pike at thebeaststudio.com, visit his site for more of his work.
  • Post
    Get more freebies
    Visit luiszuno.com for more freebies. Updated weekly!
  • Post
    License
    All files available for download in this site are free for personal and commercial use. The only restriction is that you cannot post this content for download "as is" on another website.
  • Post
    Pellentesque habitant morbi
    Tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam. Donec eu libero sit amet quam egestas semper.
  • Post
    Pellentesque habitant morbi
    Tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam. Donec eu libero sit amet quam egestas semper.
  • Post
    Pellentesque habitant morbi
    Tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam. Donec eu libero sit amet quam egestas semper.

Retrieved from "http://2012.igem.org/Team:Nanjing_China_Bio/Index"