Team:Fudan Lux/biowave

From 2012.igem.org

(Difference between revisions)
Line 1: Line 1:
<html class="csstransforms csstransforms3d csstransitions">
<html class="csstransforms csstransforms3d csstransitions">
-
 
-
 
<style type="text/css">
<style type="text/css">
-
<!--
+
<!--
-
#BODY { background-color:white;
+
#BODY {
-
                background-image:none;}
+
background-color: white;
-
#p-logo {height:0px;
+
background-image: none;
-
overflow:hidden;
+
}
-
display:none;
+
#p-logo {
-
}
+
height: 0px;
-
+
overflow: hidden;
-
#top-section{height:20px;
+
display: none;
-
margin-top: 0;  
+
}
-
              margin-left: auto;  
+
#top-section {
-
              margin-right: auto;  
+
height: 20px;
-
              margin-bottom: 0!important;
+
margin-top: 0;
-
              margin-bottom: 10px;  
+
margin-left: auto;
-
              padding:0;  
+
margin-right: auto;
-
              border:none;
+
margin-bottom: 0!important;
-
              background:#CCCCCC;
+
margin-bottom: 10px;
-
}
+
padding: 0;
-
#footer-box { display: none;}
+
border: none;
-
#catlinks { display: none;}
+
background: #CCCCCC;
-
#search-controls {display: none;}
+
}
-
#siteSub {display:none;}
+
#footer-box {
-
.firstHeading{display: none;}
+
display: none;
-
+
}
-
border-left: 0px;
+
#catlinks {
 +
display: none;
 +
}
 +
#search-controls {
 +
display: none;
 +
}
 +
#siteSub {
 +
display: none;
 +
}
 +
.firstHeading {
 +
display: none;
 +
}
 +
border-left: 0px;
border-right: 0px;
border-right: 0px;
}
}
-
-->
+
-->
</style>
</style>
 +
<head>
 +
<meta charset="utf-8">
 +
<title>NOVA</title>
 +
<!-- CSS -->
 +
<link rel="stylesheet" href="http://luiszuno.com/themes/nova/css/style.css" type="text/css" media="screen">
 +
<link rel="stylesheet" href="http://luiszuno.com/themes/nova/css/social-icons.css" type="text/css" media="screen">
 +
<!--[if IE 8]>
 +
<link rel="stylesheet" type="text/css" media="screen" href="http://luiszuno.com/themes/nova/css/ie8-hacks.css" />
 +
<![endif]-->
 +
<!-- ENDS CSS -->
 +
<!-- GOOGLE FONTS
 +
<link href='http://fonts.googleapis.com/css?family=Ubuntu' rel='stylesheet' type='text/css'>-->
 +
<!-- JS -->
 +
<script type="text/javascript" src="http://luiszuno.com/themes/nova/js/jquery-1.5.1.min.js"></script>
 +
<script type="text/javascript" src="http://luiszuno.com/themes/nova/js/jquery-ui-1.8.13.custom.min.js"></script>
 +
<script type="text/javascript" src="http://luiszuno.com/themes/nova/js/easing.js"></script>
 +
<script type="text/javascript" src="http://luiszuno.com/themes/nova/js/jquery.scrollTo-1.4.2-min.js"></script>
 +
<script type="text/javascript" src="http://luiszuno.com/themes/nova/js/jquery.cycle.all.js"></script>
 +
<script type="text/javascript" src="http://luiszuno.com/themes/nova/js/custom.js"></script>
 +
<!-- Isotope -->
 +
<script src="http://luiszuno.com/themes/nova/js/jquery.isotope.min.js"></script>
-
 
+
<!--[if IE]>
-
 
+
-
<head>
+
-
<meta charset="utf-8">
+
-
<title>NOVA</title>
+
-
+
-
<!-- CSS -->
+
-
<link rel="stylesheet" href="http://luiszuno.com/themes/nova/css/style.css" type="text/css" media="screen">
+
-
<link rel="stylesheet" href="http://luiszuno.com/themes/nova/css/social-icons.css" type="text/css" media="screen">
+
-
<!--[if IE 8]>
+
-
<link rel="stylesheet" type="text/css" media="screen" href="http://luiszuno.com/themes/nova/css/ie8-hacks.css" />
+
-
<![endif]-->
+
-
<!-- ENDS CSS -->
+
-
+
-
<!-- GOOGLE FONTS
+
-
<link href='http://fonts.googleapis.com/css?family=Ubuntu' rel='stylesheet' type='text/css'>-->
+
-
+
-
<!-- JS -->
+
-
<script type="text/javascript" src="http://luiszuno.com/themes/nova/js/jquery-1.5.1.min.js"></script>
+
-
<script type="text/javascript" src="http://luiszuno.com/themes/nova/js/jquery-ui-1.8.13.custom.min.js"></script>
+
-
<script type="text/javascript" src="http://luiszuno.com/themes/nova/js/easing.js"></script>
+
-
<script type="text/javascript" src="http://luiszuno.com/themes/nova/js/jquery.scrollTo-1.4.2-min.js"></script>
+
-
<script type="text/javascript" src="http://luiszuno.com/themes/nova/js/jquery.cycle.all.js"></script>
+
-
<script type="text/javascript" src="http://luiszuno.com/themes/nova/js/custom.js"></script>
+
-
+
-
<!-- Isotope -->
+
-
<script src="http://luiszuno.com/themes/nova/js/jquery.isotope.min.js"></script>
+
-
+
-
<!--[if IE]>
+
<script src="http://luiszuno.com/themes/nova/http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<script src="http://luiszuno.com/themes/nova/http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<![endif]-->
-
+
 
-
<!--[if IE 6]>
+
<!--[if IE 6]>
<script type="text/javascript" src="http://luiszuno.com/themes/nova/js/DD_belatedPNG.js"></script>
<script type="text/javascript" src="http://luiszuno.com/themes/nova/js/DD_belatedPNG.js"></script>
<script>
<script>
Line 76: Line 79:
    </script>
    </script>
<![endif]-->
<![endif]-->
-
<!-- ENDS JS -->
+
<!-- ENDS JS -->
-
+
-
+
-
<!-- Nivo slider -->
+
-
<link rel="stylesheet" href="http://luiszuno.com/themes/nova/css/nivo-slider.css" type="text/css" media="screen">
+
-
<script src="http://luiszuno.com/themes/nova/js/nivo-slider/jquery.nivo.slider.js" type="text/javascript"></script>
+
-
<!-- ENDS Nivo slider -->
+
-
+
-
<!-- tabs -->
+
-
<link rel="stylesheet" href="http://luiszuno.com/themes/nova/css/tabs.css" type="text/css" media="screen">
+
-
<script type="text/javascript" src="http://luiszuno.com/themes/nova/js/tabs.js"></script>
+
-
  <!-- ENDS tabs -->
+
-
 
+
-
  <!-- prettyPhoto -->
+
-
<script type="text/javascript" src="http://luiszuno.com/themes/nova/js/prettyPhoto/js/jquery.prettyPhoto.js"></script>
+
-
<link rel="stylesheet" href="http://luiszuno.com/themes/nova/js/prettyPhoto/css/prettyPhoto.css" type="text/css" media="screen">
+
-
<!-- ENDS prettyPhoto -->
+
-
+
-
<!-- superfish -->
+
-
<link rel="stylesheet" media="screen" href="http://luiszuno.com/themes/nova/css/superfish.css">
+
-
<link rel="stylesheet" media="screen" href="http://luiszuno.com/themes/nova/css/superfish-left.css">
+
-
<script type="text/javascript" src="http://luiszuno.com/themes/nova/js/superfish-1.4.8/js/hoverIntent.js"></script>
+
-
<script type="text/javascript" src="http://luiszuno.com/themes/nova/js/superfish-1.4.8/js/superfish.js"></script>
+
-
<script type="text/javascript" src="http://luiszuno.com/themes/nova/js/superfish-1.4.8/js/supersubs.js"></script>
+
-
<!-- ENDS superfish -->
+
-
+
-
<!-- poshytip -->
+
-
<link rel="stylesheet" href="http://luiszuno.com/themes/nova/js/poshytip-1.0/src/tip-twitter/tip-twitter.css" type="text/css">
+
-
<link rel="stylesheet" href="http://luiszuno.com/themes/nova/js/poshytip-1.0/src/tip-yellowsimple/tip-yellowsimple.css" type="text/css">
+
-
<script type="text/javascript" src="http://luiszuno.com/themes/nova/js/poshytip-1.0/src/jquery.poshytip.min.js"></script>
+
-
<!-- ENDS poshytip -->
+
-
+
-
<!-- Tweet -->
+
-
<link rel="stylesheet" href="http://luiszuno.com/themes/nova/css/jquery.tweet.css" media="all" type="text/css">
+
-
<script src="http://luiszuno.com/themes/nova/js/tweet/jquery.tweet.js" type="text/javascript"></script>
+
-
<!-- ENDS Tweet -->
+
-
+
-
<!-- Fancybox -->
+
-
<link rel="stylesheet" href="http://luiszuno.com/themes/nova/js/jquery.fancybox-1.3.4/fancybox/jquery.fancybox-1.3.4.css" type="text/css" media="screen">
+
-
<script type="text/javascript" src="http://luiszuno.com/themes/nova/js/jquery.fancybox-1.3.4/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
+
-
<!-- ENDS Fancybox -->
+
-
+
-
+
-
<style id="poshytip-css-tip-twitter" type="text/css">div.tip-twitter{visibility:hidden;position:absolute;top:0;left:0;}div.tip-twitter table, div.tip-twitter td{margin:0;font-family:inherit;font-size:inherit;font-weight:inherit;font-style:inherit;font-variant:inherit;}div.tip-twitter td.tip-bg-image span{display:block;font:1px/1px sans-serif;height:10px;width:10px;overflow:hidden;}div.tip-twitter td.tip-right{background-position:100% 0;}div.tip-twitter td.tip-bottom{background-position:100% 100%;}div.tip-twitter td.tip-left{background-position:0 100%;}div.tip-twitter div.tip-inner{background-position:-10px -10px;}div.tip-twitter div.tip-arrow{visibility:hidden;position:absolute;overflow:hidden;font:1px/1px sans-serif;}</style><style id="poshytip-css-tip-yellowsimple" type="text/css">div.tip-yellowsimple{visibility:hidden;position:absolute;top:0;left:0;}div.tip-yellowsimple table, div.tip-yellowsimple td{margin:0;font-family:inherit;font-size:inherit;font-weight:inherit;font-style:inherit;font-variant:inherit;}div.tip-yellowsimple td.tip-bg-image span{display:block;font:1px/1px sans-serif;height:10px;width:10px;overflow:hidden;}div.tip-yellowsimple td.tip-right{background-position:100% 0;}div.tip-yellowsimple td.tip-bottom{background-position:100% 100%;}div.tip-yellowsimple td.tip-left{background-position:0 100%;}div.tip-yellowsimple div.tip-inner{background-position:-10px -10px;}div.tip-yellowsimple div.tip-arrow{visibility:hidden;position:absolute;overflow:hidden;font:1px/1px sans-serif;}</style></head>
+
<!-- Nivo slider -->
-
+
<link rel="stylesheet" href="http://luiszuno.com/themes/nova/css/nivo-slider.css" type="text/css" media="screen">
-
<body class="home">
+
<script src="http://luiszuno.com/themes/nova/js/nivo-slider/jquery.nivo.slider.js" type="text/javascript"></script>
-
<div style="position:fixed;width:70px;height:20px;right:50px;bottom:50px"><a href="#">back to top</a></div>
+
<!-- ENDS Nivo slider -->
-
<!-- HEADER -->
+
-
<div id="header">
+
-
<!-- wrapper-header -->
+
-
<div class="wrapper">
+
-
<a href="http://luiszuno.com/themes/nova/index.html"><img id="logo" src="https://static.igem.org/mediawiki/2012/5/5d/Logo_64px.png" alt="Nova"></a>
+
-
<!-- search -->
+
-
<div class="top-search">
+
-
<form method="get" id="searchform" action="#">
+
-
<div>
+
-
<input type="text" value="Search..." name="s" id="s" onfocus="defaultInput(this)" onblur="clearInput(this)">
+
-
<input type="submit" id="searchsubmit" value=" ">
+
-
</div>
+
-
</form>
+
-
</div>
+
-
<!-- ENDS search -->
+
-
</div>
+
-
<!-- ENDS wrapper-header -->
+
-
</div>
+
-
<!-- ENDS HEADER -->
+
-
+
-
+
-
<!-- Menu -->
+
-
<div id="menu" style="background:#A1DAF7;">
+
-
+
-
+
-
+
-
<!-- ENDS menu-holder -->
+
-
<div id="menu-holder">
+
-
<!-- wrapper-menu -->
+
-
<div class="wrapper">
+
-
<!-- Navigation -->
+
-
<ul id="nav" class="sf-menu sf-js-enabled sf-shadow">
+
-
<li ><a href="https://2012.igem.org/Team:Fudan_Lux">Home<span class="subheader">Welcome</span></a></li>
+
-
<li><a href="https://2012.igem.org/Team:Fudan_Lux/Team">Team<span class="subheader">Awesome</span></a>
+
-
+
-
</li>
+
-
<li class="current-menu-item"><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/project_introduction">Project<span class="subheader">Cool</span></a><ul style="display: none; visibility: hidden; ">
+
-
<li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/project_introduction">Introduction</a></li>
+
-
<li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/biowave">Project Biowave</a></li>
+
<!-- tabs -->
 +
<link rel="stylesheet" href="http://luiszuno.com/themes/nova/css/tabs.css" type="text/css" media="screen">
 +
<script type="text/javascript" src="http://luiszuno.com/themes/nova/js/tabs.js"></script>
 +
<!-- ENDS tabs -->
-
<li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/nanotube">nanotubling</a></li>
+
<!-- prettyPhoto -->
 +
<script type="text/javascript" src="http://luiszuno.com/themes/nova/js/prettyPhoto/js/jquery.prettyPhoto.js"></script>
 +
<link rel="stylesheet" href="http://luiszuno.com/themes/nova/js/prettyPhoto/css/prettyPhoto.css" type="text/css" media="screen">
 +
<!-- ENDS prettyPhoto -->
-
<li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/result">Result</a></li>
+
<!-- superfish -->
-
</ul>
+
<link rel="stylesheet" media="screen" href="http://luiszuno.com/themes/nova/css/superfish.css">
-
</li>
+
<link rel="stylesheet" media="screen" href="http://luiszuno.com/themes/nova/css/superfish-left.css">
-
<li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/parts">Parts  <span class="subheader">Showcase</span></a></li>
+
<script type="text/javascript" src="http://luiszuno.com/themes/nova/js/superfish-1.4.8/js/hoverIntent.js"></script>
-
+
<script type="text/javascript" src="http://luiszuno.com/themes/nova/js/superfish-1.4.8/js/superfish.js"></script>
-
<li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/Modeling">Modeling<span class="subheader">In Math</span></a></li>
+
<script type="text/javascript" src="http://luiszuno.com/themes/nova/js/superfish-1.4.8/js/supersubs.js"></script>
-
<li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/Notebook">Notebook<span class="subheader">Get in touch</span></a></li><li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/practice">Practice<span class="subheader">Get in touch</span></a>
+
<!-- ENDS superfish -->
-
<ul style="display: none; visibility: hidden; ">
+
-
<li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/labcloud">Project Labcloud</a></li>
+
<!-- poshytip -->
-
<li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/Associations">Associations</a></li>
+
<link rel="stylesheet" href="http://luiszuno.com/themes/nova/js/poshytip-1.0/src/tip-twitter/tip-twitter.css" type="text/css">
-
<li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/tianmu">Tianmu mountain</a></li>
+
<link rel="stylesheet" href="http://luiszuno.com/themes/nova/js/poshytip-1.0/src/tip-yellowsimple/tip-yellowsimple.css" type="text/css">
-
<li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/other practise">Other Practise</a></li>
+
<script type="text/javascript" src="http://luiszuno.com/themes/nova/js/poshytip-1.0/src/jquery.poshytip.min.js"></script>
-
</ul>
+
<!-- ENDS poshytip -->
-
</li><li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/safety">Safety<span class="subheader">Get in touch</span></a></li><li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/Gallery">Gallery<span class="subheader">Featured work</span></a>
+
-
+
-
</li></ul>
+
-
<!-- Navigation -->
+
-
</div>
+
-
<!-- wrapper-menu -->
+
-
</div>
+
-
<!-- ENDS menu-holder -->
+
-
</div>
+
-
<!-- ENDS Menu -->
+
-
+
-
+
-
+
-
+
-
+
<!-- Tweet -->
-
<!-- MAIN -->
+
<link rel="stylesheet" href="http://luiszuno.com/themes/nova/css/jquery.tweet.css" media="all" type="text/css">
-
<div id="main">
+
<script src="http://luiszuno.com/themes/nova/js/tweet/jquery.tweet.js" type="text/javascript"></script>
-
<!-- wrapper-main -->
+
<!-- ENDS Tweet -->
-
<div class="wrapper">
+
 
-
+
<!-- Fancybox -->
-
<!-- content -->
+
<link rel="stylesheet" href="http://luiszuno.com/themes/nova/js/jquery.fancybox-1.3.4/fancybox/jquery.fancybox-1.3.4.css" type="text/css" media="screen">
-
<div id="content">
+
<script type="text/javascript" src="http://luiszuno.com/themes/nova/js/jquery.fancybox-1.3.4/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
-
+
<!-- ENDS Fancybox -->
-
<!-- title -->
+
 
-
<div id="page-title">
+
<style id="poshytip-css-tip-twitter" type="text/css">
-
<span class="title">Project Biowave</span>
+
div.tip-twitter {
-
<span class="subtitle">You have never seen something like this.</span>
+
visibility: hidden;
-
</div>
+
position: absolute;
-
<!-- ENDS title -->
+
top: 0;
-
+
left: 0;
-
<!-- Posts -->
+
}
-
<div id="posts" class="single">
+
div.tip-twitter table, div.tip-twitter td {
-
+
margin: 0;
-
<!-- post -->
+
font-family: inherit;
-
<div class="post">
+
font-size: inherit;
-
<h1><a name="Background">Background</a></h1>
+
font-weight: inherit;
-
+
font-style: inherit;
-
<!-- shadow -->
+
font-variant: inherit;
-
<div class="thumb-shadow">
+
}
-
+
div.tip-twitter td.tip-bg-image span {
-
<div class="post-thumbnail">
+
display: block;
-
<!-- meta -->
+
font: 1px/1px sans-serif;
-
<ul class="meta">
+
height: 10px;
-
<li><strong>Posted on</strong> Dec 27th 2011 </li>
+
width: 10px;
-
<li><strong>By</strong> <a href="#">Ansimuz</a></li>  
+
overflow: hidden;
-
<li> <strong>Posted in</strong>  
+
}
-
<div class="meta-tags">
+
div.tip-twitter td.tip-right {
-
<a href="#">Webdesign</a>
+
background-position: 100% 0;
-
<a href="#">Code</a>
+
}
-
<a href="#">Photo</a>
+
div.tip-twitter td.tip-bottom {
 +
background-position: 100% 100%;
 +
}
 +
div.tip-twitter td.tip-left {
 +
background-position: 0 100%;
 +
}
 +
div.tip-twitter div.tip-inner {
 +
background-position: -10px -10px;
 +
}
 +
div.tip-twitter div.tip-arrow {
 +
visibility: hidden;
 +
position: absolute;
 +
overflow: hidden;
 +
font: 1px/1px sans-serif;
 +
}
 +
</style>
 +
<style id="poshytip-css-tip-yellowsimple" type="text/css">
 +
div.tip-yellowsimple {
 +
visibility: hidden;
 +
position: absolute;
 +
top: 0;
 +
left: 0;
 +
}
 +
div.tip-yellowsimple table, div.tip-yellowsimple td {
 +
margin: 0;
 +
font-family: inherit;
 +
font-size: inherit;
 +
font-weight: inherit;
 +
font-style: inherit;
 +
font-variant: inherit;
 +
}
 +
div.tip-yellowsimple td.tip-bg-image span {
 +
display: block;
 +
font: 1px/1px sans-serif;
 +
height: 10px;
 +
width: 10px;
 +
overflow: hidden;
 +
}
 +
div.tip-yellowsimple td.tip-right {
 +
background-position: 100% 0;
 +
}
 +
div.tip-yellowsimple td.tip-bottom {
 +
background-position: 100% 100%;
 +
}
 +
div.tip-yellowsimple td.tip-left {
 +
background-position: 0 100%;
 +
}
 +
div.tip-yellowsimple div.tip-inner {
 +
background-position: -10px -10px;
 +
}
 +
div.tip-yellowsimple div.tip-arrow {
 +
visibility: hidden;
 +
position: absolute;
 +
overflow: hidden;
 +
font: 1px/1px sans-serif;
 +
}
 +
</style>
 +
</head>
 +
 
 +
<body class="home">
 +
<div style="position:fixed;width:70px;height:20px;right:50px;bottom:50px"><a href="#">back to top</a></div>
 +
<!-- HEADER -->
 +
<div id="header">  
 +
  <!-- wrapper-header -->
 +
  <div class="wrapper"> <a href="http://luiszuno.com/themes/nova/index.html"><img id="logo" src="https://static.igem.org/mediawiki/2012/5/5d/Logo_64px.png" alt="Nova"></a>  
 +
    <!-- search -->
 +
    <div class="top-search">
 +
      <form method="get" id="searchform" action="#">
 +
        <div>
 +
          <input type="text" value="Search..." name="s" id="s" onFocus="defaultInput(this)" onBlur="clearInput(this)">
 +
          <input type="submit" id="searchsubmit" value=" ">
 +
        </div>
 +
      </form>
 +
    </div>
 +
    <!-- ENDS search -->
 +
  </div>
 +
  <!-- ENDS wrapper-header -->  
</div>
</div>
-
</li>
+
<!-- ENDS HEADER -->  
-
</ul>
+
 
-
<!-- ENDS meta -->
+
<!-- Menu -->
-
<a href="single.html" class="cover" style="left: 0px; "><img src="img/dummies/596x270.gif" alt="Feature image"></a>
+
<div id="menu" style="background:#A1DAF7;">
 +
 
 +
  <!-- ENDS menu-holder -->
 +
  <div id="menu-holder">
 +
    <!-- wrapper-menu -->
 +
    <div class="wrapper">
 +
      <!-- Navigation -->
 +
      <ul id="nav" class="sf-menu sf-js-enabled sf-shadow">
 +
        <li ><a href="https://2012.igem.org/Team:Fudan_Lux">Home<span class="subheader">Welcome</span></a></li>
 +
        <li><a href="https://2012.igem.org/Team:Fudan_Lux/Team">Team<span class="subheader">Awesome</span></a> </li>
 +
        <li class="current-menu-item"><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/project_introduction">Project<span class="subheader">Cool</span></a>
 +
          <ul style="display: none; visibility: hidden; ">
 +
            <li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/project_introduction">Introduction</a></li>
 +
            <li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/biowave">Project Biowave</a></li>
 +
            <li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/nanotube">nanotubling</a></li>
 +
            <li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/result">Result</a></li>
 +
          </ul>
 +
        </li>
 +
        <li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/parts">Parts <span class="subheader">Showcase</span></a></li>
 +
        <li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/Modeling">Modeling<span class="subheader">In Math</span></a></li>
 +
        <li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/Notebook">Notebook<span class="subheader">Get in touch</span></a></li>
 +
        <li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/practice">Practice<span class="subheader">Get in touch</span></a>
 +
          <ul style="display: none; visibility: hidden; ">
 +
            <li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/labcloud">Project Labcloud</a></li>
 +
            <li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/Associations">Associations</a></li>
 +
            <li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/tianmu">Tianmu mountain</a></li>
 +
            <li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/other practise">Other Practise</a></li>
 +
          </ul>
 +
        </li>
 +
        <li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/safety">Safety<span class="subheader">Get in touch</span></a></li>
 +
        <li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/Gallery">Gallery<span class="subheader">Featured work</span></a> </li>
 +
      </ul>
 +
      <!-- Navigation -->
 +
    </div>
 +
    <!-- wrapper-menu -->
 +
  </div>
 +
  <!-- ENDS menu-holder -->  
</div>
</div>
-
<!-- ENDS post-thumb -->
+
<!-- ENDS Menu -->
 +
 
 +
<!-- MAIN -->
 +
<div id="main">
 +
  <!-- wrapper-main -->
 +
  <div class="wrapper">
 +
   
 +
    <!-- content -->
 +
    <div id="content">
 +
     
 +
      <!-- title -->
 +
      <div id="page-title"> <span class="title">Project Biowave</span> <span class="subtitle">You have never seen something like this.</span> </div>
 +
      <!-- ENDS title -->
 +
     
 +
      <!-- Posts -->
 +
      <div id="posts" class="single">
 +
       
 +
        <!-- post -->
 +
        <div class="post">
 +
          <h1><a name="Background">Background</a></h1>
 +
         
 +
          <!-- shadow -->
 +
          <div class="thumb-shadow">
 +
            <div class="post-thumbnail">
 +
              <!-- meta -->
 +
              <ul class="meta">
 +
                <li><strong>Posted on</strong> Dec 27th 2011 </li>
 +
                <li><strong>By</strong> <a href="#">Ansimuz</a></li>
 +
                <li> <strong>Posted in</strong>
 +
                  <div class="meta-tags"> <a href="#">Webdesign</a> <a href="#">Code</a> <a href="#">Photo</a> </div>
 +
                </li>
 +
              </ul>
 +
              <!-- ENDS meta -->
 +
              <a href="single.html" class="cover" style="left: 0px; "><img src="img/dummies/596x270.gif" alt="Feature image"></a> </div>
 +
            <!-- ENDS post-thumb -->
 +
          </div>
 +
          <div>
 +
            <p>Pellentesque habitant 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. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus</p>
 +
            <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames, Pellentesque habitant morbi tristique senectus et netus et malesuada fames Pellentesque habitant morbi tristique senectus et netus et malesuada fames.</p>
 +
          </div>
 +
          <div>
 +
            <h1><a name="Intruction">Introduction</a></h1>
 +
            <p>Pellentesque habitant 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. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus</p>
 +
            <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames, Pellentesque habitant morbi tristique senectus et netus et malesuada fames Pellentesque habitant morbi tristique senectus et netus et malesuada fames.</p>
 +
          </div>
 +
          <div>
 +
            <h1><a name="model">Model Design</a></h1>
 +
            <p>Pellentesque habitant 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. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus</p>
 +
            <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames, Pellentesque habitant morbi tristique senectus et netus et malesuada fames Pellentesque habitant morbi tristique senectus et netus et malesuada fames.</p>
 +
          </div>
 +
          <div>
 +
            <h1><a name="lightsensor">Light Sensor</a></h1>
 +
            <p>Pellentesque habitant 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. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus</p>
 +
            <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames, Pellentesque habitant morbi tristique senectus et netus et malesuada fames Pellentesque habitant morbi tristique senectus et netus et malesuada fames.</p>
 +
          </div>
 +
          <div>
 +
            <h1><a name="Application">Application</a></h1>
 +
            <p>Pellentesque habitant 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. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus</p>
 +
            <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames, Pellentesque habitant morbi tristique senectus et netus et malesuada fames Pellentesque habitant morbi tristique senectus et netus et malesuada fames.</p>
 +
          </div>
 +
          <!-- ENDS shadow -->
 +
         
 +
        </div>
 +
        <!-- ENDS post -->
 +
       
 +
      </div>
 +
      <!-- ENDS Posts -->
 +
     
 +
      <!-- sidebar -->
 +
      <ul id="sidebar">
 +
        <!-- init sidebar -->
 +
        <li>
 +
          <h6>Biowave</h6>
 +
          <ul>
 +
            <li class="cat-item"><a href="#Background" title="View all posts">Background</a></li>
 +
            <li class="cat-item"><a href="#Introduction" title="View all posts">Introduction</a></li>
 +
            <li class="cat-item"><a href="#model" title="View all posts">Model Design</a></li>
 +
            <li class="cat-item"><a href="#lightsensor" title="View all posts">Light Sensor</a></li>
 +
            <li class="cat-item"><a href="#application" title="View all posts">Application</a></li>
 +
          </ul>
 +
        </li>
 +
       
 +
        <!-- ENDS init sidebar -->
 +
      </ul>
 +
      <!-- ENDS sidebar -->
 +
     
 +
    </div>
 +
    <!-- ENDS content -->
 +
   
 +
  </div>
 +
  <!-- ENDS wrapper-main -->  
</div>
</div>
-
<div>
+
<!-- ENDS MAIN -->  
-
<p>Pellentesque habitant 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. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus</p>
+
-
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames, Pellentesque habitant morbi tristique senectus et netus et malesuada fames Pellentesque habitant morbi tristique senectus et netus et malesuada fames.</p>
+
-
+
-
</div>
+
-
<div>
+
-
<h1><a name="Intruction">Introduction</a></h1>
+
-
<p>Pellentesque habitant 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. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus</p>
+
-
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames, Pellentesque habitant morbi tristique senectus et netus et malesuada fames Pellentesque habitant morbi tristique senectus et netus et malesuada fames.</p>
+
-
</div>
+
-
<div>
+
-
<h1><a name="model">Model Design</a></h1>
+
-
<p>Pellentesque habitant 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. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus</p>
+
-
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames, Pellentesque habitant morbi tristique senectus et netus et malesuada fames Pellentesque habitant morbi tristique senectus et netus et malesuada fames.</p>
+
-
</div>
+
-
<div>
+
-
<h1><a name="lightsensor">Light Sensor</a></h1>
+
-
<p>Pellentesque habitant 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. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus</p>
+
-
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames, Pellentesque habitant morbi tristique senectus et netus et malesuada fames Pellentesque habitant morbi tristique senectus et netus et malesuada fames.</p>
+
-
</div>
+
-
<div>
+
-
<h1><a name="Application">Application</a></h1>
+
-
<p>Pellentesque habitant 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. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus</p>
+
-
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames, Pellentesque habitant morbi tristique senectus et netus et malesuada fames Pellentesque habitant morbi tristique senectus et netus et malesuada fames.</p>
+
-
</div>
+
-
<!-- ENDS shadow -->
+
-
+
-
+
-
+
-
</div>
+
-
<!-- ENDS post -->
+
-
+
-
+
-
+
-
</div>
+
-
<!-- ENDS Posts -->
+
-
+
-
+
-
<!-- sidebar -->
+
-
<ul id="sidebar">
+
-
<!-- init sidebar -->
+
-
<li>
+
-
<h6>Biowave</h6>
+
-
<ul>
+
-
<li class="cat-item"><a href="#Background" title="View all posts">Background</a></li>
+
-
<li class="cat-item"><a href="#Introduction" title="View all posts">Introduction</a></li>
+
-
<li class="cat-item"><a href="#model" title="View all posts">Model Design</a></li>
+
-
<li class="cat-item"><a href="#lightsensor" title="View all posts">Light Sensor</a></li>
+
-
<li class="cat-item"><a href="#application" title="View all posts">Application</a></li>
+
-
</ul>
+
-
</li>
+
-
+
-
+
-
<!-- ENDS init sidebar -->
+
-
</ul>
+
-
<!-- ENDS sidebar -->
+
-
+
-
+
-
</div>
+
-
<!-- ENDS content -->
+
-
</div>
+
<!-- Twitter -->
-
<!-- ENDS wrapper-main -->
+
<div id="twitter">
-
</div>
+
  <div class="wrapper"> <a href="#" id="prev-tweet"></a> <a href="#" id="next-tweet"></a> <img id="bird" src="img/bird.png" alt="Tweets" />
-
<!-- ENDS MAIN -->
+
    <div id="tweets">
-
+
      <ul class="tweet_list">
-
<!-- Twitter -->
+
      </ul>
-
<div id="twitter">
+
    </div>
-
<div class="wrapper">
+
  </div>
-
<a href="#" id="prev-tweet"></a>
+
</div>
-
<a href="#" id="next-tweet"></a>
+
<!-- ENDS Twitter -->
-
<img id="bird" src="img/bird.png" alt="Tweets" />
+
 
-
<div id="tweets">
+
<!-- FOOTER -->
-
<ul class="tweet_list"></ul>
+
<div id="footer">
-
</div>
+
  <!-- wrapper-footer -->
-
</div>
+
  <div class="wrapper">
-
</div>
+
    <!-- footer-cols -->
-
<!-- ENDS Twitter -->
+
    <ul id="footer-cols">
 +
      <li class="col">
 +
        <h6>Pages</h6>
 +
        <ul>
 +
          <li class="page_item"><a href="index.html">Home</a></li>
 +
          <li class="page_item"><a href="features.html">Features</a></li>
 +
          <li class="page_item"><a href="blog.html">Blog</a></li>
 +
          <li class="page_item"><a href="portfolio.html">Portfolio</a></li>
 +
          <li class="page_item"><a href="gallery.html">Gallery</a></li>
 +
          <li class="page_item"><a href="contact.html">Contact</a></li>
 +
        </ul>
 +
      </li>
 +
      <li class="col">
 +
        <h6>Categories</h6>
 +
        <ul>
 +
          <li><a href="#">Webdesign projects senectus</a></li>
 +
          <li><a href="#/">Wordpress projects senectus</a></li>
 +
          <li><a href="#">Vestibulum tortor quam</a></li>
 +
          <li><a href="#">Code projects amet quam egestas</a></li>
 +
          <li><a href="#">Web design projects senectus</a></li>
 +
          <li><a href="#/">Marketplace projects</a></li>
 +
          <li><a href="#">Writting projects senectus</a></li>
 +
          <li><a href="#">Drawings projects fames Aenean</a></li>
 +
          <li><a href="#/">Wordpress projects Aenean ultricies</a></li>
 +
        </ul>
 +
      </li>
 +
      <li class="col">
 +
        <h6>About the theme</h6>
 +
        Pellentesque habitant 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. Mauris placerat eleifend leo. Cursus faucibus, tortor neque egestas augue, eu vulputate magna eros. </li>
 +
    </ul>
 +
    <!-- ENDS footer-cols -->  
 +
  </div>
 +
  <!-- ENDS wrapper-footer -->  
 +
</div>
 +
<!-- ENDS FOOTER -->
 +
 
 +
<!-- Bottom -->
 +
<div id="bottom">  
 +
  <!-- wrapper-bottom -->
 +
  <div class="wrapper">
 +
    <div id="bottom-text">2011 Nova all rights reserved. <a href="http://www.luiszuno.com"> Luiszuno.com</a> </div>
 +
    <!-- Social -->
 +
    <ul class="social ">
 +
      <li><a href="http://www.facebook.com" class="poshytip  facebook" title="Become a fan"></a></li>
 +
      <li><a href="http://www.twitter.com" class="poshytip twitter" title="Follow our tweets"></a></li>
 +
      <li><a href="http://www.dribbble.com" class="poshytip dribbble" title="View our work"></a></li>
 +
      <li><a href="http://www.addthis.com" class="poshytip addthis" title="Tell everybody"></a></li>
 +
      <li><a href="http://www.vimeo.com" class="poshytip vimeo" title="View our videos"></a></li>
 +
      <li><a href="http://www.youtube.com" class="poshytip youtube" title="View our videos"></a></li>
 +
    </ul>
 +
    <!-- ENDS Social -->
 +
    <div id="to-top" class="poshytip" title="To top"></div>
 +
  </div>
 +
  <!-- ENDS wrapper-bottom -->
 +
</div>
 +
<!-- ENDS Bottom -->
-
+
</body>
-
<!-- FOOTER -->
+
-
<div id="footer">
+
-
<!-- wrapper-footer -->
+
-
<div class="wrapper">
+
-
<!-- footer-cols -->
+
-
<ul id="footer-cols">
+
-
<li class="col">
+
-
<h6>Pages</h6>
+
-
<ul>
+
-
<li class="page_item"><a href="index.html">Home</a></li>
+
-
<li class="page_item"><a href="features.html">Features</a></li>
+
-
<li class="page_item"><a href="blog.html">Blog</a></li>
+
-
<li class="page_item"><a href="portfolio.html">Portfolio</a></li>
+
-
<li class="page_item"><a href="gallery.html">Gallery</a></li>
+
-
<li class="page_item"><a href="contact.html">Contact</a></li>
+
-
</ul>
+
-
</li>
+
-
+
-
<li class="col">
+
-
<h6>Categories</h6>
+
-
<ul>
+
-
<li><a href="#">Webdesign projects senectus</a></li>
+
-
<li><a href="#/">Wordpress projects senectus</a></li>
+
-
<li><a href="#">Vestibulum tortor quam</a></li>
+
-
<li><a href="#">Code projects amet quam egestas</a></li>
+
-
<li><a href="#">Web design projects senectus</a></li>
+
-
<li><a href="#/">Marketplace projects</a></li>
+
-
<li><a href="#">Writting projects senectus</a></li>
+
-
<li><a href="#">Drawings projects fames Aenean</a></li>
+
-
<li><a href="#/">Wordpress projects Aenean ultricies</a></li>
+
-
</ul>
+
-
</li>
+
-
<li class="col">
+
-
<h6>About the theme</h6>
+
-
Pellentesque habitant 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. Mauris placerat eleifend leo. Cursus faucibus, tortor neque egestas augue, eu vulputate magna eros.
+
-
</li>
+
-
+
-
</ul>
+
-
<!-- ENDS footer-cols -->
+
-
</div>
+
-
<!-- ENDS wrapper-footer -->
+
-
</div>
+
-
<!-- ENDS FOOTER -->
+
-
+
-
+
-
<!-- Bottom -->
+
-
<div id="bottom">
+
-
<!-- wrapper-bottom -->
+
-
<div class="wrapper">
+
-
<div id="bottom-text">2011 Nova all rights reserved. <a href="http://www.luiszuno.com"> Luiszuno.com</a> </div>
+
-
<!-- Social -->
+
-
<ul class="social ">
+
-
<li><a href="http://www.facebook.com" class="poshytip  facebook" title="Become a fan"></a></li>
+
-
<li><a href="http://www.twitter.com" class="poshytip twitter" title="Follow our tweets"></a></li>
+
-
<li><a href="http://www.dribbble.com" class="poshytip dribbble" title="View our work"></a></li>
+
-
<li><a href="http://www.addthis.com" class="poshytip addthis" title="Tell everybody"></a></li>
+
-
<li><a href="http://www.vimeo.com" class="poshytip vimeo" title="View our videos"></a></li>
+
-
<li><a href="http://www.youtube.com" class="poshytip youtube" title="View our videos"></a></li>
+
-
</ul>
+
-
<!-- ENDS Social -->
+
-
<div id="to-top" class="poshytip" title="To top"></div>
+
-
</div>
+
-
<!-- ENDS wrapper-bottom -->
+
-
</div>
+
-
<!-- ENDS Bottom -->
+
-
+
-
</body>
+
</html>
</html>

Revision as of 11:35, 25 September 2012

NOVA

back to top
Project Biowave You have never seen something like this.

Background

Feature image

Pellentesque habitant 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. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus

Pellentesque habitant morbi tristique senectus et netus et malesuada fames, Pellentesque habitant morbi tristique senectus et netus et malesuada fames Pellentesque habitant morbi tristique senectus et netus et malesuada fames.

Introduction

Pellentesque habitant 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. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus

Pellentesque habitant morbi tristique senectus et netus et malesuada fames, Pellentesque habitant morbi tristique senectus et netus et malesuada fames Pellentesque habitant morbi tristique senectus et netus et malesuada fames.

Model Design

Pellentesque habitant 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. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus

Pellentesque habitant morbi tristique senectus et netus et malesuada fames, Pellentesque habitant morbi tristique senectus et netus et malesuada fames Pellentesque habitant morbi tristique senectus et netus et malesuada fames.

Light Sensor

Pellentesque habitant 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. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus

Pellentesque habitant morbi tristique senectus et netus et malesuada fames, Pellentesque habitant morbi tristique senectus et netus et malesuada fames Pellentesque habitant morbi tristique senectus et netus et malesuada fames.

Application

Pellentesque habitant 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. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus

Pellentesque habitant morbi tristique senectus et netus et malesuada fames, Pellentesque habitant morbi tristique senectus et netus et malesuada fames Pellentesque habitant morbi tristique senectus et netus et malesuada fames.

Tweets
2011 Nova all rights reserved. Luiszuno.com