Team:Fudan Lux/Gallery

From 2012.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<html class="csstransforms csstransforms3d csstransitions">
 
-
 
+
<!DOCTYPE  html>
-
<style type="text/css">
+
<html>
-
<!--
+
<head>
-
#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>
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
<head>
+
<meta charset="utf-8">
<meta charset="utf-8">
<title>NOVA</title>
<title>NOVA</title>
<!-- CSS -->
<!-- CSS -->
-
<link rel="stylesheet" href="http://luiszuno.com/themes/nova/css/style.css" type="text/css" media="screen">
+
<link rel="stylesheet" href="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">
+
<link rel="stylesheet" href="css/social-icons.css" type="text/css" media="screen" />
<!--[if IE 8]>
<!--[if IE 8]>
-
<link rel="stylesheet" type="text/css" media="screen" href="http://luiszuno.com/themes/nova/css/ie8-hacks.css" />
+
<link rel="stylesheet" type="text/css" media="screen" href="css/ie8-hacks.css" />
<![endif]-->
<![endif]-->
<!-- ENDS CSS -->
<!-- ENDS CSS -->
Line 55: Line 18:
<!-- JS -->
<!-- JS -->
-
<script type="text/javascript" src="http://luiszuno.com/themes/nova/js/jquery-1.5.1.min.js"></script>
+
<script type="text/javascript" src="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="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="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="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="js/jquery.cycle.all.js"></script>
-
<script type="text/javascript" src="http://luiszuno.com/themes/nova/js/custom.js"></script>
+
<script type="text/javascript" src="js/custom.js"></script>
<!-- Isotope -->
<!-- Isotope -->
-
<script src="http://luiszuno.com/themes/nova/js/jquery.isotope.min.js"></script>
+
<script src="js/jquery.isotope.min.js"></script>
<!--[if IE]>
<!--[if IE]>
-
<script src="http://luiszuno.com/themes/nova/http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+
<script src="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="js/DD_belatedPNG.js"></script>
<script>
<script>
      /* EXAMPLE */
      /* EXAMPLE */
Line 80: Line 43:
<!-- Nivo slider -->
<!-- Nivo slider -->
-
<link rel="stylesheet" href="http://luiszuno.com/themes/nova/css/nivo-slider.css" type="text/css" media="screen">
+
<link rel="stylesheet" href="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>
+
<script src="js/nivo-slider/jquery.nivo.slider.js" type="text/javascript"></script>
<!-- ENDS Nivo slider -->
<!-- ENDS Nivo slider -->
<!-- tabs -->
<!-- tabs -->
-
<link rel="stylesheet" href="http://luiszuno.com/themes/nova/css/tabs.css" type="text/css" media="screen">
+
<link rel="stylesheet" href="css/tabs.css" type="text/css" media="screen" />
-
<script type="text/javascript" src="http://luiszuno.com/themes/nova/js/tabs.js"></script>
+
<script type="text/javascript" src="js/tabs.js"></script>
   <!-- ENDS tabs -->
   <!-- ENDS tabs -->
  
  
   <!-- prettyPhoto -->
   <!-- prettyPhoto -->
-
<script type="text/javascript" src="http://luiszuno.com/themes/nova/js/prettyPhoto/js/jquery.prettyPhoto.js"></script>
+
<script type="text/javascript" src="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">
+
<link rel="stylesheet" href="js/prettyPhoto/css/prettyPhoto.css" type="text/css" media="screen" />
<!-- ENDS prettyPhoto -->
<!-- ENDS prettyPhoto -->
<!-- superfish -->
<!-- superfish -->
-
<link rel="stylesheet" media="screen" href="http://luiszuno.com/themes/nova/css/superfish.css">  
+
<link rel="stylesheet" media="screen" href="css/superfish.css" />  
-
<link rel="stylesheet" media="screen" href="http://luiszuno.com/themes/nova/css/superfish-left.css">  
+
<link rel="stylesheet" media="screen" href="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="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="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>
+
<script type="text/javascript" src="js/superfish-1.4.8/js/supersubs.js"></script>
<!-- ENDS superfish -->
<!-- ENDS superfish -->
<!-- poshytip -->
<!-- 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="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">
+
<link rel="stylesheet" href="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>
+
<script type="text/javascript" src="js/poshytip-1.0/src/jquery.poshytip.min.js"></script>
<!-- ENDS poshytip -->
<!-- ENDS poshytip -->
<!-- Tweet -->
<!-- Tweet -->
-
<link rel="stylesheet" href="http://luiszuno.com/themes/nova/css/jquery.tweet.css" media="all" type="text/css">  
+
<link rel="stylesheet" href="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>  
+
<script src="js/tweet/jquery.tweet.js" type="text/javascript"></script>  
<!-- ENDS Tweet -->
<!-- ENDS Tweet -->
<!-- Fancybox -->
<!-- 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">
+
<link rel="stylesheet" href="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>
+
<script type="text/javascript" src="js/jquery.fancybox-1.3.4/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<!-- ENDS Fancybox -->
<!-- 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>
+
</head>
-
<body class="home">
+
<body>
<!-- HEADER -->
<!-- HEADER -->
Line 128: Line 91:
<!-- wrapper-header -->
<!-- wrapper-header -->
<div class="wrapper">
<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>
+
<a href="index.html"><img id="logo" src="img/logo.png" alt="Nova" /></a>
<!-- search -->
<!-- search -->
<div class="top-search">
<div class="top-search">
-
<form method="get" id="searchform" action="#">
+
<form method="get" id="searchform" action="#">
<div>
<div>
-
<input type="text" value="Search..." name="s" id="s" onfocus="defaultInput(this)" onblur="clearInput(this)">
+
<input type="text" value="Search..." name="s" id="s" onfocus="defaultInput(this)" onblur="clearInput(this)" />
-
<input type="submit" id="searchsubmit" value=" ">
+
<input type="submit" id="searchsubmit" value=" " />
</div>
</div>
</form>
</form>
Line 146: Line 109:
<!-- Menu -->
<!-- Menu -->
-
<div id="menu" style="background:#A1DAF7;">
+
<div id="menu">
Line 155: Line 118:
<div class="wrapper">
<div class="wrapper">
<!-- Navigation -->
<!-- Navigation -->
-
<ul id="nav" class="sf-menu sf-js-enabled sf-shadow">
+
<ul id="nav" class="sf-menu">
-
<li class="current-menu-item"><a href="https://2012.igem.org/Team:Fudan_Lux">Home<span class="subheader">Welcome</span></a></li>
+
<li><a href="index.html">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><a href="features.html">Features<span class="subheader">Awesome options</span></a>
-
+
<ul>
 +
 +
<li><a href="features-columns.html"><span> Columns layout</span></a></li>
 +
<li><a href="features-accordion.html"><span> Accordion</span></a></li>
 +
<li><a href="features-toggle.html"><span> Toggle box</span></a></li>
 +
<li><a href="features-tabs.html"><span> Tabs</span></a></li>
 +
<li><a href="features-infobox.html"><span> Text box</span></a></li>
 +
<li><a href="features-monobox.html"><span> Icons</span></a></li>
 +
</ul>
</li>
</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="blog.html">Blog<span class="subheader">Read our posts</span></a></li>
-
<li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/project_introduction">Introduction</a></li>
+
<li><a href="portfolio.html">Portfolio <span class="subheader">Showcase work</span></a></li>
-
 
+
<li class="current-menu-item"><a href="gallery.html">Gallery<span class="subheader">Featured work</span></a>
-
<li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/biowave">Project Biowave</a></li>
+
<ul>
-
 
+
<li><a href="gallery.html"><span> Four columns</span></a></li>
-
<li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/nanotube">nanotubling</a></li>
+
<li><a href="gallery-3.html"><span> Three columns </span></a></li>
-
 
+
<li><a href="gallery-2.html"><span> Two columns </span></a></li>
-
<li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/result">Result</a></li>
+
<li><a href="video-gallery.html"><span> Video gallery </span></a></li>
-
</ul>
+
</ul>
-
</li>
+
</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="contact.html">Contact<span class="subheader">Get in touch</span></a></li>
-
+
</ul>
-
<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="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 -->
<!-- Navigation -->
</div>
</div>
Line 195: Line 154:
-
<!-- Slider -->
 
-
<div id="slider-block">
 
-
<div id="slider-holder">
 
-
<div id="slider">
 
-
<img src="https://static.igem.org/mediawiki/2012/2/2d/IGEM_1.jpg" title="illuminated by lux!" alt="" />
 
-
                                                <img src="https://static.igem.org/mediawiki/2012/5/56/IGEM_0013_fixed.jpg" title="Brain Storm!" alt="" />
 
-
                                                <img src="https://static.igem.org/mediawiki/2012/f/fd/Lov_demestration.jpg" title="DESIGN!" alt="" />
 
-
<a href="http://luiszuno.com/themes/nova/http://themeforest.net/user/Ansimuz/portfolio?ref=ansimuz"><img src="http://luiszuno.com/themes/nova/images/02.jpg" title="Support the freebies buying high quality premium themes from my portfolio at themeforest" alt="" /></a>
 
-
</div>
 
-
</div>
 
-
</div>
 
-
<!-- ENDS Slider -->
 
<!-- MAIN -->
<!-- MAIN -->
Line 212: Line 159:
<!-- wrapper-main -->
<!-- wrapper-main -->
<div class="wrapper">
<div class="wrapper">
-
 
-
<!-- headline -->
 
-
<div class="clear"></div>
 
-
<div id="headline">
 
-
<span class="main">Project PREVIEW</span>
 
-
<span class="sub">We have three COOL sub-Projects</span>
 
-
 
-
</div>
 
-
<!-- ENDS headline -->
 
<!-- content -->
<!-- content -->
<div id="content">
<div id="content">
-
<!-- TABS -->
+
<!-- title -->
-
<!-- the tabs -->
+
<div id="page-title">
-
<ul class="tabs">
+
<span class="title">The Gallery</span>
-
+
<span class="subtitle">Three columns layout gallery</span>
-
+
</div>
-
+
<!-- ENDS title -->
-
</ul>
+
-
+
<!-- filter -->
-
<!-- tab "panes" -->
+
<ul id="portfolio-filter" class="filter">
-
<div class="panes">
+
<li>Filter</li>
-
+
<li><a href="#" data-filter="*" > All </a></li>
-
<!-- Posts -->
+
    <li><a href="#" data-filter=".pink" > Pink </a></li>
-
<div style="display: block; ">
+
    <li><a href="#" data-filter=".blue" > Blue </a></li>
-
<ul class="blocks-thumbs thumbs-rollover">
+
    <li><a href="#" data-filter=".green" > Green </a></li>
-
<li>
+
    </ul>
-
<a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/biowave" class="image" title="An image"><img src="https://static.igem.org/mediawiki/2012/4/45/Bioweave_logo_mini.png" alt="Post" style="opacity: 1; "></a>
+
<!-- ENDS filter -->
-
<p></p>
+
-
<div class="excerpt">
+
-
<a href="http://luiszuno.com/themes/nova/single.html" class="header">Project BIOWAVE</a>                                                              As we all known, in pure physical systems, negative feedback and time lag could cause a wave. Oscillation of air molecules could form a sound; touching water could make a ripple. What if the particles of wave are bacteria? In this project, we want to utilize a biological system with the properties of negative feedback and time-lapse to form a macroscopic wave-like pattern that could be visualized by the naked eye. Which the system is made by two parts: the light generator and the light sensor. When the light, which generated by the light generator, is strong enough that could be sensed by the light sensor. The sensor protein could repress the expression of light generator. This signal pathway, which based on light, makes the negative feedback. And the expression of light generator makes the time lag. We believe that with the limited spread of light on the colored plat medium, light output of the bacteria could make a biowave. This is the very first time that bacteria using light as an extracellular signal in synthetic biology. And the form of the oscillation pattern could help us explain a lot of biological problem, like the development of fingers and tones.                                                                                                                                                                              </div>
+
-
+
-
</li>
+
-
<li>
+
-
<a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/nanotube" class="thumb" title="An image"><img src="http://luiszuno.com/themes/nova/img/dummies/282x150.gif" alt="Post" style="opacity: 1; "></a>
+
-
<div class="excerpt">
+
-
<a href="http://luiszuno.com/themes/nova/single.html" class="header">Project nanotube</a>Project Nano-tubular Highways The second project of Team Fudan-Lux is about constructing a brand-new biological model using a recently discovered cellular structure termed Tunneling Nanotubes(TNT) and bacteria containing the green fluorescence protein. By inducing and stabilizing TNTs between certain types of malignant tumor cells, a cellular network could be obtained. Then the bacteria containing GFP is introduced into the tumor cells by microinjection. By doing so, a new type of biological system is created. More importantly, what we want to study here, is the behavior of the injected bacteria within the tumor cells. Since TNTs formed between cells act as super highways for material transportation, bacteria thus can move from one cell to another via TNTs. Given the condition that bacteria would tend to choose the most suitable place for them to live in, in the least energy-consuming way, a distribution pattern thus can be obtained which have the characteristic of the least increase of entropy. By building such a model, we want to simulate certain types of problems in the real life that can’t be solved by simple computation, e.g. traffic jams between cities, and provide solutions to them.</div>
+
-
+
-
</li>
+
-
<li>
+
-
<a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/labcloud" class="image" title="An image"><img src="https://static.igem.org/mediawiki/2012/a/a6/Labcloud.png" alt="Post" style="opacity: 1; "></a><p></P>
+
-
<div class="excerpt">
+
-
<a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/labcloud" class="header">Project LabCloud</a>Project LabCloud aims to provide a mobile app for iGEMers share their experiments, logs, ideas, files and others in and between teams. It will also provide group’s shared calendar, instruments management and other powerful functions to help iGEMers’ cooperation. At last, it has the Push Notification feather to ensure communication in time.Besides, we create a APP <b>Biobrick Viewer</b> accompany with labcloud to provide a easy access to partsregistry.You will find them on App Store soon and there are free for iGEMers!)</div>
+
-
+
-
</li>
+
-
</ul>
+
-
</div>
+
-
<!-- ENDS posts -->
+
-
+
-
<!-- Information  -->
+
-
<div style="display: none; ">
+
-
<div class="plain-text">
+
-
<h6>Pellentesque habitant morbi tristique senectus et netus et malesuada.</h6>
+
-
<p>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 eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus. </p>
+
-
<p>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 eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus.Fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper <a href="http://luiszuno.com/themes/nova/single.html">This is a link</a>. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. 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>
+
-
<a href="http://luiszuno.com/themes/nova/single.html" class="link-button"><span>Read more →</span></a>
+
-
</div>
+
-
</div>
+
-
<!-- ENDS Information -->
+
-
 
+
-
<!-- Posts -->
+
-
<div style="display: none; ">
+
-
<ul class="blocks-thumbs thumbs-rollover">
+
-
<li>
+
-
<a href="http://luiszuno.com/themes/nova/single.html" class="thumb" title="An image"><img src="http://luiszuno.com/themes/nova/img/dummies/282x150.gif" alt="Post"></a>
+
-
<div class="excerpt">
+
-
<a href="http://luiszuno.com/themes/nova/single.html" class="header">Lorem ipsum dolor</a>
+
-
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.
+
-
</div>
+
-
<a href="http://luiszuno.com/themes/nova/single.html" class="link-button"><span>Read more →</span></a>
+
-
</li>
+
-
<li>
+
-
<a href="http://luiszuno.com/themes/nova/single.html" class="thumb" title="An image"><img src="http://luiszuno.com/themes/nova/img/dummies/282x150.gif" alt="Post"></a>
+
-
<div class="excerpt">
+
-
<a href="http://luiszuno.com/themes/nova/single.html" class="header">Lorem ipsum dolor</a>
+
-
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.
+
-
</div>
+
-
<a href="http://luiszuno.com/themes/nova/single.html" class="link-button"><span>Read more →</span></a>
+
-
</li>
+
-
<li>
+
-
<a href="http://luiszuno.com/themes/nova/single.html" class="thumb" title="An image"><img src="http://luiszuno.com/themes/nova/img/dummies/282x150.gif" alt="Post"></a>
+
-
<div class="excerpt">
+
-
<a href="http://luiszuno.com/themes/nova/single.html" class="header">Lorem ipsum dolor</a>
+
-
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.
+
-
</div>
+
-
<a href="http://luiszuno.com/themes/nova/single.html" class="link-button"><span>Read more →</span></a>
+
-
</li>
+
-
</ul>
+
-
</div>
+
-
<!-- ENDS posts -->
+
-
+
-
+
-
</div>
+
-
<!-- ENDS TABS -->
+
-
<ul class="tabs"></ul>
+
-
<div><div id="headline">
+
-
<span class="main">Project PREVIEW</span>
+
-
<span class="sub">We have three COOL sub-Projects</span>
+
-
+
-
</div></div>
+
-
 
+
 +
<!-- gallery-->
 +
<ul id="portfolio-list" class="gallery three-cols">
 +
<li class="pink"><a href="img/dummies/282x267.gif" rel="group1" class="fancybox" title="Lorem ipsum dolor"><img src="img/dummies/282x267.gif" alt="Pic"></a></li>
 +
<li class="pink "><a href="img/dummies/282x267.gif" rel="group1" class="fancybox" title="Lorem ipsum dolor"><img src="img/dummies/282x267.gif" alt="Pic"></a></li>
 +
<li class="pink"><a href="img/dummies/282x267.gif" rel="group1" class="fancybox" title="Lorem ipsum dolor"><img src="img/dummies/282x267.gif" alt="Pic"></a></li>
 +
<li class="blue"><a href="img/dummies/282x267.gif" rel="group1" class="fancybox" title="Lorem ipsum dolor"><img src="img/dummies/282x267.gif" alt="Pic"></a></li>
 +
<li class="blue"><a href="img/dummies/282x267.gif" rel="group1" class="fancybox" title="Lorem ipsum dolor"><img src="img/dummies/282x267.gif" alt="Pic"></a></li>
 +
<li class="green"><a href="img/dummies/282x267.gif" rel="group1" class="fancybox" title="Lorem ipsum dolor"><img src="img/dummies/282x267.gif" alt="Pic"></a></li>
 +
</ul>
 +
<!-- ENDS gallery -->
 +
 +
 +
<!-- pagination -->
 +
<div class="clear"></div>
 +
<ul class='pager'>
 +
<li class='first-page'><a href='#'>&laquo;</a></li>
 +
<li><a href='#' >&lsaquo;</a></li>
 +
<li><a href='#' >2</a></li>
 +
<li><a href='#' >3</a></li>
 +
<li class='active'><a href='#'>4</a></li>
 +
<li><a href='#' >5</a></li>
 +
<li><a href='#' >6</a></li>
 +
<li><a href='#' >&rsaquo;</a></li>
 +
<li class='last-page'><a href='#'>&raquo;</a></li>
 +
</ul>
 +
<!-- ENDS pagination -->
 +
 +
</div>
</div>
<!-- ENDS content -->
<!-- ENDS content -->
 +
</div>
</div>
<!-- ENDS wrapper-main -->
<!-- ENDS wrapper-main -->
Line 325: Line 220:
<div id="twitter">
<div id="twitter">
<div class="wrapper">
<div class="wrapper">
-
<a href="http://luiszuno.com/themes/nova/#" id="prev-tweet" style="left: 30px; "></a>
+
<a href="#" id="prev-tweet"></a>
-
<a href="http://luiszuno.com/themes/nova/#" id="next-tweet" style="right: 30px; "></a>
+
<a href="#" id="next-tweet"></a>
-
<img id="bird" src="http://luiszuno.com/themes/nova/img/bird.png" alt="Tweets">
+
<img id="bird" src="img/bird.png" alt="Tweets" />
<div id="tweets">
<div id="tweets">
<ul class="tweet_list"></ul>
<ul class="tweet_list"></ul>
-
<ul class="tweet_list"></ul><ul class="tweet_list"></ul></div>
+
</div>
</div>
</div>
</div>
</div>
Line 345: Line 240:
<h6>Pages</h6>
<h6>Pages</h6>
<ul>
<ul>
-
<li class="page_item"><a href="http://luiszuno.com/themes/nova/index.html" style="margin-left: 0px; ">Home</a></li>
+
<li class="page_item"><a href="index.html">Home</a></li>
-
<li class="page_item"><a href="http://luiszuno.com/themes/nova/features.html" style="margin-left: 0px; ">Features</a></li>
+
<li class="page_item"><a href="features.html">Features</a></li>
-
<li class="page_item"><a href="http://luiszuno.com/themes/nova/blog.html">Blog</a></li>
+
<li class="page_item"><a href="blog.html">Blog</a></li>
-
<li class="page_item"><a href="http://luiszuno.com/themes/nova/portfolio.html" style="margin-left: 0px; ">Portfolio</a></li>
+
<li class="page_item"><a href="portfolio.html">Portfolio</a></li>
-
<li class="page_item"><a href="http://luiszuno.com/themes/nova/gallery.html" style="margin-left: 0px; ">Gallery</a></li>
+
<li class="page_item"><a href="gallery.html">Gallery</a></li>
-
<li class="page_item"><a href="http://luiszuno.com/themes/nova/contact.html" style="margin-left: 0px; ">Contact</a></li>
+
<li class="page_item"><a href="contact.html">Contact</a></li>
</ul>
</ul>
</li>
</li>
Line 357: Line 252:
<h6>Categories</h6>
<h6>Categories</h6>
<ul>
<ul>
-
<li><a href="http://luiszuno.com/themes/nova/#">Webdesign projects senectus</a></li>
+
<li><a href="#">Webdesign projects senectus</a></li>
-
<li><a href="http://luiszuno.com/themes/nova/#/">Wordpress projects senectus</a></li>
+
<li><a href="#/">Wordpress projects senectus</a></li>
-
<li><a href="http://luiszuno.com/themes/nova/#">Vestibulum tortor quam</a></li>
+
<li><a href="#">Vestibulum tortor quam</a></li>
-
<li><a href="http://luiszuno.com/themes/nova/#">Code projects amet quam egestas</a></li>
+
<li><a href="#">Code projects amet quam egestas</a></li>
-
<li><a href="http://luiszuno.com/themes/nova/#">Web design projects senectus</a></li>
+
<li><a href="#">Web design projects senectus</a></li>
-
<li><a href="http://luiszuno.com/themes/nova/#/">Marketplace projects</a></li>
+
<li><a href="#/">Marketplace projects</a></li>
-
<li><a href="http://luiszuno.com/themes/nova/#">Writting projects senectus</a></li>
+
<li><a href="#">Writting projects senectus</a></li>
-
<li><a href="http://luiszuno.com/themes/nova/#">Drawings projects fames Aenean</a></li>
+
<li><a href="#">Drawings projects fames Aenean</a></li>
-
<li><a href="http://luiszuno.com/themes/nova/#/">Wordpress projects Aenean ultricies</a></li>
+
<li><a href="#/">Wordpress projects Aenean ultricies</a></li>
</ul>
</ul>
</li>
</li>
Line 385: Line 280:
<!-- wrapper-bottom -->
<!-- wrapper-bottom -->
<div class="wrapper">
<div class="wrapper">
-
<div id="bottom-text">All rights reserved. Edit by Fudan-lux team <a href="http://www.luiszuno.com">Powered By Luiszuno.com</a> </div>
+
<div id="bottom-text">2011 Nova all rights reserved. <a href="http://www.luiszuno.com"> Luiszuno.com</a> </div>
<!-- Social -->
<!-- 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 -->
<!-- ENDS Social -->
<div id="to-top" class="poshytip" title="To top"></div>
<div id="to-top" class="poshytip" title="To top"></div>
Line 395: Line 297:
<!-- ENDS Bottom -->
<!-- ENDS Bottom -->
-
+
</body>
-
<div id="fancybox-tmp"></div><div id="fancybox-loading"><div></div></div><div id="fancybox-overlay"></div><div id="fancybox-wrap"><div id="fancybox-outer"><div class="fancybox-bg" id="fancybox-bg-n"></div><div class="fancybox-bg" id="fancybox-bg-ne"></div><div class="fancybox-bg" id="fancybox-bg-e"></div><div class="fancybox-bg" id="fancybox-bg-se"></div><div class="fancybox-bg" id="fancybox-bg-s"></div><div class="fancybox-bg" id="fancybox-bg-sw"></div><div class="fancybox-bg" id="fancybox-bg-w"></div><div class="fancybox-bg" id="fancybox-bg-nw"></div><div id="fancybox-content"></div><a id="fancybox-close"></a><div id="fancybox-title"></div><a href="javascript:;" id="fancybox-left"><span class="fancy-ico" id="fancybox-left-ico"></span></a><a href="javascript:;" id="fancybox-right"><span class="fancy-ico" id="fancybox-right-ico"></span></a></div></div></body></html>
+
</html>

Revision as of 13:10, 24 September 2012

<!DOCTYPE html> NOVA

The Gallery Three columns layout gallery
Tweets
    2011 Nova all rights reserved. Luiszuno.com