Team:Fudan Lux/Team

From 2012.igem.org

(Difference between revisions)
(Prototype team page)
Line 1: Line 1:
-
!-- *** What falls between these lines is the Alert Box!  You can remove it from your pages once you have read and understood the alert *** -->
+
<html class="csstransforms csstransforms3d csstransitions">
-
<html>
 
-
<div id="box" style="width: 700px; margin-left: 137px; padding: 5px; border: 3px solid #000; background-color: #fe2b33;">
 
-
<div id="template" style="text-align: center; font-weight: bold; font-size: large; color: #f6f6f6; padding: 5px;">
 
-
This is a template page. READ THESE INSTRUCTIONS.
 
-
</div>
 
-
<div id="instructions" style="text-align: center; font-weight: normal; font-size: small; color: #f6f6f6; padding: 5px;">
 
-
You are provided with this team page template with which to start the iGEM season.  You may choose to personalize it to fit your team but keep the same "look." Or you may choose to take your team wiki to a different level and design your own wiki.  You can find some examples <a href="https://2008.igem.org/Help:Template/Examples">HERE</a>.
 
-
</div>
 
-
<div id="warning" style="text-align: center; font-weight: bold; font-size: small; color: #f6f6f6; padding: 5px;">
 
-
You <strong>MUST</strong> have all of the pages listed in the menu below with the names specified.  PLEASE keep all of your pages within your teams namespace. 
 
-
</div>
 
-
</div>
 
-
</html>
 
-
<!-- *** End of the alert box *** -->
+
<style type="text/css">
 +
<!--
 +
#BODY { background-color:white;
 +
                background-image:none;}
 +
#p-logo {height:0px;
 +
overflow:hidden;
 +
display:none;
 +
}
 +
 +
#top-section{height:20px;
 +
margin-top: 0;
 +
              margin-left: auto;
 +
              margin-right: auto;
 +
              margin-bottom: 0!important;
 +
              margin-bottom: 10px;
 +
              padding:0;
 +
              border:none;
 +
              background:#CCCCCC;
 +
}
 +
#footer-box { display: none;}
 +
#catlinks { display: none;}
 +
#search-controls {display: none;}
 +
#siteSub {display:none;}
 +
.firstHeading{display: none;}
 +
 +
border-left: 0px;
 +
border-right: 0px;
 +
}
 +
-->
 +
</style>
-
{|align="justify"
 
-
|You can write a background of your team here.  Give us a background of your team, the members, etc.  Or tell us more about something of your choosing.
 
-
|[[Image:Fudan_Lux_logo.png|200px|right|frame]]
 
-
|-
 
-
|
 
-
|[[Image:Fudan_Lux_team.png|right|frame|Your team picture]]
 
-
|-
 
-
|
 
-
|align="center"|[[Team:Fudan_Lux | Team Fudan_Lux]]
 
-
|}
 
-
<!--- The Mission, Experiments --->
 
-
{| style="color:#1b2c8a;background-color:#0c6;" cellpadding="3" cellspacing="1" border="1" bordercolor="#fff" width="62%" align="center"
 
-
!align="center"|[[Team:Fudan_Lux|Home]]
 
-
!align="center"|[[Team:Fudan_Lux/Team|Team]]
 
-
!align="center"|[https://igem.org/Team.cgi?year=2012&team_name=Fudan_Lux Official Team Profile]
 
-
!align="center"|[[Team:Fudan_Lux/Project|Project]]
 
-
!align="center"|[[Team:Fudan_Lux/Parts|Parts Submitted to the Registry]]
 
-
!align="center"|[[Team:Fudan_Lux/Modeling|Modeling]]
 
-
!align="center"|[[Team:Fudan_Lux/Notebook|Notebook]]
 
-
!align="center"|[[Team:Fudan_Lux/Safety|Safety]]
 
-
!align="center"|[[Team:Fudan_Lux/Attributions|Attributions]]
 
-
|}
 
 +
<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>
 +
<![endif]-->
 +
 +
<!--[if IE 6]>
 +
<script type="text/javascript" src="http://luiszuno.com/themes/nova/js/DD_belatedPNG.js"></script>
 +
<script>
 +
      /* EXAMPLE */
 +
      //DD_belatedPNG.fix('*');
 +
    </script>
 +
<![endif]-->
 +
<!-- 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 -->
 +
 +
-
== '''Who we are''' ==
+
<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>
-
{|border = "0"
+
-
|-
+
<body class="home">
-
|rowspan="3"|
+
 +
<!-- 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">
 +
 +
 +
 +
<!-- 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  class="current-menu-item"><a href="https://2012.igem.org/Team:Fudan_Lux/Team">Team<span class="subheader">Awesome</span></a>
 +
 +
</li>
 +
<li><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; ">
-
'''Advisors:'''
+
<li><a href="href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/labcloud">Project Labcloud</a></li>
 +
<li><a href="href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/Associations">Associations</a></li>
 +
<li><a href="href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/tianmu">Tianmu mountain</a></li>
 +
<li><a href="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>
 +
<!-- ENDS Menu -->
 +
 +
 +
-
*''' Advisor 1''':    Mentor for all
+
-
*'''Advisor 2''':      Our favorite
+
<!-- MAIN -->
-
*'''Grad Student 1''':    Our leader 
+
<div id="main">
 +
<!-- wrapper-main -->
 +
<div class="wrapper">
 +
 +
 +
<!-- content -->
 +
<div id="content">
 +
 +
<!-- title -->
 +
<div id="page-title">
 +
<span class="title">Features</span>
 +
<span class="subtitle">Columns layout</span>
 +
</div>
 +
<!-- ENDS title -->
 +
<!-- page-content -->
 +
<div id="page-content">
 +
 +
<!-- 2 cols -->
 +
<div class="one-half">
 +
<h6 class="line-divider">One half </h6>
 +
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugamet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vit, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus.</p>
 +
</div>
 +
<div class="one-half last">
 +
<h6 class="line-divider">One half</h6>
 +
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugamet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vit, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus.</p>
 +
</div>
 +
<div class="clear "></div>
 +
<!-- ENDS 2 cols -->
 +
 +
<!-- 3 cols -->
 +
<div class="one-third">
 +
<h6 class="line-divider">One third </h6>
 +
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus.</p>
 +
</div>
 +
<div class="one-third">
 +
<h6 class="line-divider">One third </h6>
 +
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus.</p>
 +
</div>
 +
<div class="one-third last">
 +
<h6 class="line-divider">One third </h6>
 +
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus.</p>
 +
</div>
 +
<div class="clear "></div>
 +
<!-- ENDS 3 cols -->
 +
 +
<!-- 4 cols -->
 +
<div class="one-fourth">
 +
<h6 class="line-divider">One fourth </h6>
 +
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugamet, ante. Donec eu libero sit amet quam  semper.</p>
 +
</div>
 +
<div class="one-fourth">
 +
<h6 class="line-divider">One fourth </h6>
 +
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugamet, ante. Donec eu libero sit amet quam  semper.</p>
 +
</div>
 +
<div class="one-fourth">
 +
<h6 class="line-divider">One fourth </h6>
 +
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugamet, ante. Donec eu libero sit amet quam  semper.</p>
 +
</div>
 +
<div class="one-fourth last">
 +
<h6 class="line-divider">One fourth</h6>
 +
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugamet, ante. Donec eu libero sit amet quam  semper.</p>
 +
</div>
 +
<div class="clear "></div>
 +
<!-- ENDS 4 cols -->
 +
 +
<!-- 2/3 cols -->
 +
<div class="one-third">
 +
<h6 class="line-divider">One third </h6>
 +
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus.</p>
 +
</div>
 +
<div class="two-third last">
 +
<h6 class="line-divider">Two thirds</h6>
 +
<p>Pellentesque vit habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat Aenean fermentum, it sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. vit Aenean fermentum, Aenean fermentum, Aenean fermentum, Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus.</p>
 +
</div>
 +
<div class="clear "></div>
 +
<!-- ENDS 2/3 cols -->
 +
 +
<!-- 1/4 cols -->
 +
 +
<div class="three-fourth ">
 +
<h6 class="line-divider">Three fourths</h6>
 +
<p>Pellentesque vit habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat Aenean fermentum, it sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. vit Aenean fermentum, Aenean fermentum, Aenean fermentum, Aenean fermentum, elit eget tincidunt condimentum,  sagittis tempus.</p>
 +
</div>
 +
<div class="one-fourth last">
 +
<h6 class="line-divider">One fourth </h6>
 +
<p>Pellentesque habitant morbi tristique et malesuada fames ac turpis egestas. Vestibulum tortorsagittis tempus.</p>
 +
</div>
 +
<div class="clear "></div>
 +
<!-- ENDS 1/4 cols -->
 +
 +
</div>
 +
<!-- ENDS page-content -->
 +
 +
</div>
 +
<!-- ENDS content -->
 +
</div>
 +
<!-- ENDS wrapper-main -->
 +
</div>
 +
<!-- ENDS MAIN -->
 +
 +
<!-- Twitter -->
 +
<div id="twitter">
 +
<div class="wrapper">
 +
<a href="#" id="prev-tweet"></a>
 +
<a href="#" id="next-tweet"></a>
 +
<img id="bird" src="img/bird.png" alt="Tweets" />
 +
<div id="tweets">
 +
<ul class="tweet_list"></ul>
 +
</div>
 +
</div>
 +
</div>
 +
<!-- ENDS Twitter -->
-
'''Undergrads:'''
+
-
 
+
<!-- FOOTER -->
-
*'''Student 1''':    Sleepyhead
+
<div id="footer">
-
*'''Student 2''':    Math nerd
+
<!-- wrapper-footer -->
-
*'''Student 3''':  Michael, Is going to save the world
+
<div class="wrapper">
-
*'''Student 4''':    Loves iGEM
+
<!-- footer-cols -->
-
*'''Student 5''':  A normal student... or(r) am I?
+
<ul id="footer-cols">
-
*'''Student 6''':  Table football fan
+
<li class="col">
-
*'''Student 7''':
+
<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>
-
<gallery>
+
<li class="page_item"><a href="blog.html">Blog</a></li>
-
Image:Fudan_Lux_Team_member_1.png|Team member 1
+
<li class="page_item"><a href="portfolio.html">Portfolio</a></li>
-
Image:Fudan_Lux_Team_member_2.png|Team member 2
+
<li class="page_item"><a href="gallery.html">Gallery</a></li>
-
Image:Fudan_Lux_Team_member_3.png|Team member 3
+
<li class="page_item"><a href="contact.html">Contact</a></li>
-
Image:Fudan_Lux_Team_member_4.png|Team member 4
+
</ul>
-
Image:Fudan_Lux_Team_member_5.png|Team member 5
+
</li>
-
Image:Fudan_Lux_Team_member_6.png|Team member 6
+
-
Image:Fudan_Lux_Team_member_7.png|Team member 7
+
<li class="col">
-
</gallery>
+
<h6>Categories</h6>
-
|}
+
<ul>
-
 
+
<li><a href="#">Webdesign projects senectus</a></li>
-
== '''What we did''' ==
+
<li><a href="#/">Wordpress projects senectus</a></li>
-
 
+
<li><a href="#">Vestibulum tortor quam</a></li>
-
(Provide proper attribution for all work)
+
<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>
-
== '''Where we're from''' ==
+
<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>

Revision as of 07:35, 23 September 2012

NOVA

Features Columns layout
One half

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugamet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vit, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus.

One half

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugamet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vit, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus.

One third

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus.

One third

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus.

One third

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus.

One fourth

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugamet, ante. Donec eu libero sit amet quam semper.

One fourth

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugamet, ante. Donec eu libero sit amet quam semper.

One fourth

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugamet, ante. Donec eu libero sit amet quam semper.

One fourth

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugamet, ante. Donec eu libero sit amet quam semper.

One third

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus.

Two thirds

Pellentesque vit habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat Aenean fermentum, it sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. vit Aenean fermentum, Aenean fermentum, Aenean fermentum, Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus.

Three fourths

Pellentesque vit habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat Aenean fermentum, it sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. vit Aenean fermentum, Aenean fermentum, Aenean fermentum, Aenean fermentum, elit eget tincidunt condimentum, sagittis tempus.

One fourth

Pellentesque habitant morbi tristique et malesuada fames ac turpis egestas. Vestibulum tortorsagittis tempus.

Tweets
    2011 Nova all rights reserved. Luiszuno.com

    Retrieved from "http://2012.igem.org/Team:Fudan_Lux/Team"