Team:Nanjing China Bio/Index

From 2012.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<html>
+
<!doctype html>
 +
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
 +
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
 +
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
 +
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
 +
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
<head>
<meta charset="utf-8">
<meta charset="utf-8">
-
<title>Kroft template</title>
 
-
<!-- CSS -->
+
-
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />
+
<title>Folder WordPress Theme </title>
-
<link rel="stylesheet" href="css/social-icons.css" type="text/css" media="screen" />
+
-
<!-- ENDS CSS -->
+
-
<!--[if IE]>
+
<!-- Mobile viewport optimized: h5bp.com/viewport -->
 +
<meta name="viewport" content="width=device-width, initial-scale=1"/>
 +
 +
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<![endif]-->
-
<!-- ENDS JS -->
 
-
<!-- JS -->
+
<!-- GOOGLE FONTS -->
-
<script type="text/javascript" src="js/jquery.min.js"></script>
+
<link href='http://fonts.googleapis.com/css?family=Voltaire' rel='stylesheet' type='text/css'>
-
<script type="text/javascript" src="js/custom.js"></script>
+
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
-
<script type="text/javascript" src="js/slider.js"></script>
+
-
<script src="js/slides/source/slides.min.jquery.js"></script>
+
-
<script src="js/quicksand.js"></script>
+
-
<!-- superfish -->
+
<link rel="alternate" type="application/rss+xml" title="Folder WordPress Theme &raquo; Home Comments Feed" href="http://luiszuno.com/themes/wp-folder/home/feed/" />
-
<link rel="stylesheet" media="screen" href="css/superfish.css" />  
+
<link rel='stylesheet' id='contact-form-7-css'  href='http://luiszuno.com/themes/wp-folder/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=3.2.1' type='text/css' media='all' />
-
<script type="text/javascript" src="js/superfish-1.4.8/js/hoverIntent.js"></script>
+
<link rel='stylesheet' id='general-styles-css'  href='http://luiszuno.com/themes/wp-folder/wp-content/themes/folder/css/style.css?ver=3.4.1' type='text/css' media='all' />
-
<script type="text/javascript" src="js/superfish-1.4.8/js/superfish.js"></script>
+
<link rel='stylesheet' id='superfish-css'  href='http://luiszuno.com/themes/wp-folder/wp-content/themes/folder/css/superfish.css?ver=3.4.1' type='text/css' media='all' />
-
<script type="text/javascript" src="js/superfish-1.4.8/js/supersubs.js"></script>
+
<link rel='stylesheet' id='tweet-css'  href='http://luiszuno.com/themes/wp-folder/wp-content/themes/folder/css/jquery.tweet.css?ver=3.4.1' type='text/css' media='all' />
-
<!-- ENDS superfish -->
+
<link rel='stylesheet' id='flexslider-css'  href='http://luiszuno.com/themes/wp-folder/wp-content/themes/folder/css/flexslider.css?ver=3.4.1' type='text/css' media='all' />
 +
<link rel='stylesheet' id='lofslider-css'  href='http://luiszuno.com/themes/wp-folder/wp-content/themes/folder/css/lof-slider.css?ver=3.4.1' type='text/css' media='all' />
 +
<link rel='stylesheet' id='tip-twitter-css'  href='http://luiszuno.com/themes/wp-folder/wp-content/themes/folder/js/poshytip-1.1/src/tip-twitter/tip-twitter.css?ver=3.4.1' type='text/css' media='all' />
 +
<link rel='stylesheet' id='tip-twitter-yellow-css'  href='http://luiszuno.com/themes/wp-folder/wp-content/themes/folder/js/poshytip-1.1/src/tip-yellowsimple/tip-yellowsimple.css?ver=3.4.1' type='text/css' media='all' />
 +
<link rel='stylesheet' id='prettyPhoto-css'  href='http://luiszuno.com/themes/wp-folder/wp-content/themes/folder/js/prettyPhoto/css/prettyPhoto.css?ver=3.4.1' type='text/css' media='all' />
 +
<link rel='stylesheet' id='skin-css'  href='http://luiszuno.com/themes/wp-folder/wp-content/themes/folder/css/skin.css?ver=3.4.1' type='text/css' media='all' />
 +
<link rel='stylesheet' id='lessframework-css'  href='http://luiszuno.com/themes/wp-folder/wp-content/themes/folder/css/lessframework.css?ver=3.4.1' type='text/css' media='all' />
 +
<script type='text/javascript' src='http://luiszuno.com/themes/wp-folder/wp-includes/js/jquery/jquery.js?ver=1.7.2'></script>
 +
<script type='text/javascript' src='http://luiszuno.com/themes/wp-folder/wp-includes/js/comment-reply.js?ver=3.4.1'></script>
 +
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://luiszuno.com/themes/wp-folder/xmlrpc.php?rsd" />
 +
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://luiszuno.com/themes/wp-folder/wp-includes/wlwmanifest.xml" />  
 +
<link rel='prev' title='Sample Page' href='http://luiszuno.com/themes/wp-folder/sample-page/' />
 +
<link rel='next' title='Contact' href='http://luiszuno.com/themes/wp-folder/blog/' />
 +
<meta name="generator" content="WordPress 3.4.1" />
 +
<link rel='canonical' href='http://luiszuno.com/themes/wp-folder/' />
 +
 
 +
 +
</head>
 +
 +
 +
<body class="home page page-id-4 page-template page-template-template-front-php" >
 +
 +
<!-- Options panel Appearance -->
 +
<style type="text/css" >
 +
 +
 +
/* BODY --------------------------------------------------*/
 +
body {
 +
}
-
<!-- poshytip -->
+
-
<link rel="stylesheet" href="js/poshytip-1.0/src/tip-twitter/tip-twitter.css" type="text/css" />
+
-
<link rel="stylesheet" href="js/poshytip-1.0/src/tip-yellowsimple/tip-yellowsimple.css" type="text/css" />
+
/* HEADER --------------------------------------------------*/
-
<script type="text/javascript" src="js/poshytip-1.0/src/jquery.poshytip.min.js"></script>
+
-
<!-- ENDS poshytip -->
+
header {
 +
}
 +
 
 +
 
 +
/* FOOTER --------------------------------------------------*/
 +
 +
footer {
 +
}
 +
 +
/* CSS OVERRIDE --------------------------------------------------*/
-
<!-- Tweet -->
+
</style>
-
<link rel="stylesheet" href="css/jquery.tweet.css" media="all" type="text/css"/>  
+
 
-
<script src="js/tweet/jquery.tweet.js" type="text/javascript"></script>  
+
 
-
<!-- ENDS Tweet -->
+
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 +
<!-- HEADER -->
 +
<header>
 +
<div class="wrapper cf">
 +
<div id="logo">
 +
<a href="http://luiszuno.com/themes/wp-folder">
 +
<img  src="http://luiszuno.com/themes/wp-folder/wp-content/themes/folder/img/logo.png" alt="Folder WordPress Theme">
 +
</a>
 +
</div> <!-- nav -->
 +
<div class="menu-main-container"><ul id="nav" class="sf-menu"><li id="menu-item-14" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-4 current_page_item menu-item-14"><a href="http://luiszuno.com/themes/wp-folder/"><span>HOME</span></a></li>
 +
<li id="menu-item-70" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-70"><a href="http://luiszuno.com/themes/wp-folder/text-columns/"><span>FEATURES</span></a>
 +
<ul class="sub-menu">
 +
<li id="menu-item-72" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-72"><a href="http://luiszuno.com/themes/wp-folder/text-columns/"><span>COLUMNS</span></a></li>
 +
<li id="menu-item-69" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-69"><a href="http://luiszuno.com/themes/wp-folder/typography/"><span>TYPOGRAPHY</span></a></li>
 +
<li id="menu-item-68" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-68"><a href="http://luiszuno.com/themes/wp-folder/user-interface/"><span>USER INTERFACE</span></a></li>
 +
</ul>
 +
</li>
 +
<li id="menu-item-12" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-12"><a href="http://luiszuno.com/themes/wp-folder/blog-2/"><span>BLOG</span></a></li>
 +
<li id="menu-item-40" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-40"><a href="http://luiszuno.com/themes/wp-folder/work/"><span>WORK</span></a></li>
 +
<li id="menu-item-13" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13"><a href="http://luiszuno.com/themes/wp-folder/blog/"><span>CONTACT</span></a></li>
 +
<li id="menu-item-71" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-71"><a href="http://luiszuno.com/blog/downloads/folder-wordpress-theme/"><span>DOWNLOAD IT!</span></a></li>
 +
</ul></div><div id="combo-holder"></div>
 +
<!-- ends nav --> <!-- Builds Home slider -->
 +
 
 +
 
 +
<!-- SLIDER -->
 +
<div id="home-slider" class="lof-slidecontent">
 +
<div class="preload"><div></div></div>
-
<!-- prettyPhoto -->
+
-
<script type="text/javascript" src="js/prettyPhoto/js/jquery.prettyPhoto.js"></script>
+
    <!-- slider content -->  
-
<link rel="stylesheet" href="js/prettyPhoto/css/prettyPhoto.css" type="text/css" media="screen" />
+
<div class="main-slider-content" >
-
<!-- ENDS prettyPhoto -->
+
<ul class="sliders-wrap-inner">
 +
 
 +
         
 +
<!-- slide --> 
 +
<li>
 +
  <img src="http://luiszuno.com/themes/wp-folder/wp-content/themes/folder/php/timthumb.php?src=http://luiszuno.com/themes/wp-folder/wp-content/uploads/2012/08/021.jpg&amp;h=367&amp;w=940" title="Folder WordPress Theme Is Great!" alt="Folder WordPress Theme Is Great!" />          
 +
        <div class="slider-description">
 +
    <h4>Folder WordPress Theme Is Great!</h4>
 +
  Did i mentioned it's completely FREE!   <a class="link" href="http://www.luiszuno.com">Read more </a> </div>
 +
</li>
 +
<!-- ENDS slide -->
 +
   
 +
         
 +
<!-- slide --> 
 +
<li>
 +
  <img src="http://luiszuno.com/themes/wp-folder/wp-content/themes/folder/php/timthumb.php?src=http://luiszuno.com/themes/wp-folder/wp-content/uploads/2012/08/01.jpg&amp;h=367&amp;w=940" title="Responsive" alt="Responsive" />         
 +
        <div class="slider-description">
 +
    <h4>Responsive</h4>
 +
  Folder is responsive, this means it can be visualized on most mobile devices.   <a class="link" href="http://www.luiszuno.com">Read more </a> </div>
 +
</li>
 +
<!-- ENDS slide -->
 +
   
 +
         
 +
<!-- slide --> 
 +
<li>
 +
  <img src="http://luiszuno.com/themes/wp-folder/wp-content/themes/folder/php/timthumb.php?src=http://luiszuno.com/themes/wp-folder/wp-content/uploads/2012/08/03.jpg&amp;h=367&amp;w=940" title="" alt="" />         
 +
    </li>
 +
<!-- ENDS slide -->
 +
   
 +
         
 +
<!-- slide --> 
 +
<li>
 +
  <img src="http://luiszuno.com/themes/wp-folder/wp-content/themes/folder/php/timthumb.php?src=http://luiszuno.com/themes/wp-folder/wp-content/uploads/2012/08/04.jpg&amp;h=367&amp;w=940" title="" alt="" />         
 +
    </li>
 +
<!-- ENDS slide -->
 +
   
 +
         
 +
<!-- slide --> 
 +
<li>
 +
  <img src="http://luiszuno.com/themes/wp-folder/wp-content/themes/folder/php/timthumb.php?src=http://luiszuno.com/themes/wp-folder/wp-content/uploads/2012/08/07.jpg&amp;h=367&amp;w=940" title="" alt="" />         
 +
    </li>
 +
<!-- ENDS slide -->
 +
   
 +
         
 +
<!-- slide --> 
 +
<li>
 +
  <img src="http://luiszuno.com/themes/wp-folder/wp-content/themes/folder/php/timthumb.php?src=http://luiszuno.com/themes/wp-folder/wp-content/uploads/2012/08/052.jpg&amp;h=367&amp;w=940" title="" alt="" />         
 +
    </li>
 +
<!-- ENDS slide -->
 +
   
 +
         
 +
<!-- slide --> 
 +
<li>
 +
  <img src="http://luiszuno.com/themes/wp-folder/wp-content/themes/folder/php/timthumb.php?src=http://luiszuno.com/themes/wp-folder/wp-content/uploads/2012/08/011.jpg&amp;h=367&amp;w=940" title="" alt="" />         
 +
    </li>
 +
<!-- ENDS slide -->
 +
   
 +
    </ul> 
 +
</div>
 +
<!-- ENDS slider content -->  
-
<!-- GOOGLE FONTS -->
 
-
<link href='http://fonts.googleapis.com/css?family=Droid+Serif:400italic' rel='stylesheet' type='text/css'>
 
 +
<!-- slider nav -->
 +
<div class="navigator-content">
 +
  <div class="navigator-wrapper">
 +
        <ul class="navigator-wrap-inner">
 +
         
 +
               
 +
      <li><img src="http://luiszuno.com/themes/wp-folder/wp-content/themes/folder/php/timthumb.php?src=http://luiszuno.com/themes/wp-folder/wp-content/uploads/2012/08/021.jpg&amp;h=73&amp;w=188" alt="image" /></li>
 +
             
 +
      <li><img src="http://luiszuno.com/themes/wp-folder/wp-content/themes/folder/php/timthumb.php?src=http://luiszuno.com/themes/wp-folder/wp-content/uploads/2012/08/01.jpg&amp;h=73&amp;w=188" alt="image" /></li>
 +
             
 +
      <li><img src="http://luiszuno.com/themes/wp-folder/wp-content/themes/folder/php/timthumb.php?src=http://luiszuno.com/themes/wp-folder/wp-content/uploads/2012/08/03.jpg&amp;h=73&amp;w=188" alt="image" /></li>
 +
             
 +
      <li><img src="http://luiszuno.com/themes/wp-folder/wp-content/themes/folder/php/timthumb.php?src=http://luiszuno.com/themes/wp-folder/wp-content/uploads/2012/08/04.jpg&amp;h=73&amp;w=188" alt="image" /></li>
 +
             
 +
      <li><img src="http://luiszuno.com/themes/wp-folder/wp-content/themes/folder/php/timthumb.php?src=http://luiszuno.com/themes/wp-folder/wp-content/uploads/2012/08/07.jpg&amp;h=73&amp;w=188" alt="image" /></li>
 +
             
 +
      <li><img src="http://luiszuno.com/themes/wp-folder/wp-content/themes/folder/php/timthumb.php?src=http://luiszuno.com/themes/wp-folder/wp-content/uploads/2012/08/052.jpg&amp;h=73&amp;w=188" alt="image" /></li>
 +
             
 +
      <li><img src="http://luiszuno.com/themes/wp-folder/wp-content/themes/folder/php/timthumb.php?src=http://luiszuno.com/themes/wp-folder/wp-content/uploads/2012/08/011.jpg&amp;h=73&amp;w=188" alt="image" /></li>
 +
               
 +
        </ul>
 +
  </div>
 +
  <div class="button-next">Next</div>
 +
  <div  class="button-previous">Previous</div>
 +
</div>
 +
<!-- slider nav -->
 +
 +
 +
 +
</div>
 +
<!-- ENDS slider holder -->
 +
 +
 
 +
         
-
</head>
 
-
<body>
 
-
<!-- Dynamic Background -->
+
-
<div id="headerimgs">
+
-
<div id="headerimg1" class="headerimg"></div>
+
         
-
<div id="headerimg2" class="headerimg"></div>
+
</div>
-
</div>
+
</header>
-
<!-- ENDS Dynamic Background -->
+
<!-- ENDS HEADER -->
-
<!-- background nav -->
+
<!-- MAIN -->
-
<div id="headernav">
+
<div id="main">
-
<div id="back" class="btn"></div>
+
<div class="wrapper cf">
-
<div id="next" class="btn"></div>
+
<div id="headline">Folder is a FREE WordPress Theme!</div>
-
</div>
+
-
<!-- ENDS background nav -->
+
 
 +
 +
<!-- featured -->
 +
<div class="home-featured">
 +
-
<div id="top-gap"></div>
+
<ul id="filter-buttons" class="filter-buttons">
 +
<li><a href="#" data-filter="*" class="selected">All</a></li>
 +
<li><a href="#" data-filter=".design">design</a></li><li><a href="#" data-filter=".logo">logo</a></li><li><a href="#" data-filter=".photo">photo</a></li><li><a href="#" data-filter=".print">print</a></li><li><a href="#" data-filter=".web">Web</a></li></ul>
-
<!-- wrapper -->
 
-
<div class="wrapper">
 
-
<a href="index.html"><img  id="logo" src="img/logo.png" alt="Kroft"></a>
+
<!-- Filter container -->
-
+
<div id="filter-container" class="cf">
-
+
-
<!-- nav bar holder -->
+
-
<div id="nav-bar-holder">
+
-
<!-- Navigation -->
+
-
<ul id="nav" class="sf-menu">
+
-
<li class="current-menu-item"><a href="index.html">Home</a></li>
+
-
<li><a href="gallery.html">Gallery</a></li>
+
-
<li><a href="page.html">Pages</a>
+
-
<ul>
+
-
<li><a href="page.html">Sidebar page</a></li>
+
-
<li><a href="page-fullwidth.html">Fullwidth page</a></li>
+
-
</ul>
+
-
</li>
+
-
<li><a href="portfolio.html">Portfolio posts</a></li>
+
-
<li><a href="blog.html">Blog</a></li>
+
-
<li><a href="contact.html">Contact</a></li>
+
-
</ul>
+
-
<!-- ENDS Navigation -->
+
-
+
-
<!-- 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 my tweets"></a></li>
+
-
<li><a href="http://www.dribbble.com" class="poshytip  dribbble" title="Working on..."></a></li>
+
-
</ul>
+
-
<!-- ENDS Social -->
+
-
</div>
+
-
<!-- ENDS nav bar holder -->
+
-
+
-
<!-- content wrap -->    
+
-
        <div id="content-wrap">
+
-
       
+
-
        <!-- Page wrap -->
+
-
        <div id="page-wrap">
+
-
       
+
-
       
+
-
        <!-- Front slider -->
+
-
        <div id="front-slides">
+
-
<div class="slides_container">
+
-
<div class="slide">
+
-
<img src="img/dummies/04.jpg" alt="pic" width="940" height="360"  />
+
-
<div class="caption">Slider images thanks to Moe Pike at thebeaststudio.com</div>
+
-
</div>
+
-
<div class="slide">
+
-
<img src="img/dummies/03.jpg" alt="pic" width="940" height="360"  />
+
-
<div class="caption">Download this template at luiszuno.com</div>
+
-
</div>
+
-
<div class="slide">
+
-
<img src="img/dummies/01.jpg"  alt="pic" width="940" height="360"  />
+
-
<div class="caption">More freebies each week at luiszuno.com</div>
+
-
</div>
+
-
<div class="slide">
+
-
<img src="img/dummies/02.jpg" alt="pic" width="940" height="360"  />
+
-
<div class="caption">Tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante.</div>
+
-
</div>
+
-
</div>
+
<figure class="print web " >
 +
 +
 +
<a href="http://luiszuno.com/themes/wp-folder/work/vestibulum-erat-wisi/"  class="thumb">
 +
<img src="http://luiszuno.com/themes/wp-folder/wp-content/themes/folder/php/timthumb.php?src=http://luiszuno.com/themes/wp-folder/wp-content/uploads/2012/08/042.jpg&amp;w=500" alt="Vestibulum erat wisi" />
 +
</a>
 +
<figcaption>
 +
<a href="http://luiszuno.com/themes/wp-folder/work/vestibulum-erat-wisi/"><h3 class="heading">Vestibulum erat wisi</h3></a>
 +
<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 [...]</p>
 +
</figcaption>
 +
</figure>
-
<div id="front-slides-cover"></div>
 
-
<!-- Headline -->
+
<figure class="logo photo " >
-
<div id="headline"><h6></h6></div>
+
-
<!-- ENDS Headline -->
+
-
+
-
</div>
+
-
<!-- ENDS Front slider -->
+
-
+
-
+
-
<!-- Reel slider -->
+
-
        <div id="reel">
+
-
<div class="slides_container">
+
-
<div class="slide-box">
+
-
<div class="box-container">
+
<a href="http://luiszuno.com/themes/wp-folder/work/donec/" class="thumb">
-
<img src="img/mono-icons/bargraph32.png" class="box-icon" alt="pic"/>
+
<img src="http://luiszuno.com/themes/wp-folder/wp-content/themes/folder/php/timthumb.php?src=http://luiszuno.com/themes/wp-folder/wp-content/uploads/2012/08/033.jpg&amp;w=500" alt="Donec" />
-
<h6>Download this template</h6>
+
</a>
-
<div class="box-divider"></div>This is a free license template, this mean you can use it on your personal and commercial porjects, however you are not allowed to re distribute it "as is" elsewhere or create different template or wordpress theme from this one for re distribution. <a href="http://luiszuno.com/blog/downloads/kroft-template-html">Download this template!</a>
+
<figcaption>
-
</div>
+
<a href="http://luiszuno.com/themes/wp-folder/work/donec/"><h3 class="heading">Donec</h3></a>
-
<div class="box-container">
+
<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 [...]</p>
-
<img src="img/mono-icons/boxupload32.png" class="box-icon" alt="pic"/>
+
</figcaption>
-
<h6>Download this template</h6>
+
</figure>
-
<div class="box-divider"></div>This is a free license template, this mean you can use it on your personal and commercial porjects, however you are not allowed to re distribute it "as is" elsewhere or create different template or wordpress theme from this one for re distribution. <a href="http://luiszuno.com/blog/downloads/kroft-template-html">Download this template!</a>
+
-
</div>
+
-
<div class="box-container">
+
-
<img src="img/mono-icons/article32.png" class="box-icon" alt="pic"/>
+
-
<h6>Download this template</h6>
+
-
<div class="box-divider"></div>This is a free license template, this mean you can use it on your personal and commercial porjects, however you are not allowed to re distribute it "as is" elsewhere or create different template or wordpress theme from this one for re distribution. <a href="http://luiszuno.com/blog/downloads/kroft-template-html">Download this template!</a>
+
-
</div>
+
-
</div>
+
-
<div class="slide-box">
+
<figure class="design logo photo print web " >
-
<div class="box-container">
+
-
<img src="img/mono-icons/circleright32.png" class="box-icon" alt="pic"/>
+
-
<h6>Pellentesque morbi</h6>
+
-
<div class="box-divider"></div>Tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est tristique senectus et netus et malesuada.
+
-
</div>
+
-
<div class="box-container">
+
-
<img src="img/mono-icons/exchange32.png" class="box-icon" alt="pic"/>
+
-
<h6>Pellentesque morbi</h6>
+
-
<div class="box-divider"></div>Tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est tristique senectus et netus et malesuada.
+
-
</div>
+
-
<div class="box-container">
+
-
<img src="img/mono-icons/cup32.png" class="box-icon" alt="pic"/>
+
-
<h6>Pellentesque morbi</h6>
+
-
<div class="box-divider"></div>Tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est tristique senectus et netus et malesuada.
+
-
</div>
+
-
</div>
+
-
<div class="slide-box">
+
-
<div class="box-container">
+
<a href="http://luiszuno.com/themes/wp-folder/work/aliquam/" class="thumb">
-
<img src="img/mono-icons/folder32.png" class="box-icon" alt="pic"/>
+
<img src="http://luiszuno.com/themes/wp-folder/wp-content/themes/folder/php/timthumb.php?src=http://luiszuno.com/themes/wp-folder/wp-content/uploads/2012/08/023.jpg&amp;w=500" alt="Aliquam" />
-
<h6>Pellentesque morbi</h6>
+
</a>
-
<div class="box-divider"></div>Tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est tristique senectus et netus et malesuada.
+
<figcaption>
-
</div>
+
<a href="http://luiszuno.com/themes/wp-folder/work/aliquam/"><h3 class="heading">Aliquam</h3></a>
-
<div class="box-container">
+
<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 [...]</p>
-
<img src="img/mono-icons/heart32.png" class="box-icon" alt="pic"/>
+
</figcaption>
-
<h6>Pellentesque morbi</h6>
+
</figure>
-
<div class="box-divider"></div>Tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est tristique senectus et netus et malesuada.
+
-
</div>
+
-
<div class="box-container">
+
-
<img src="img/mono-icons/lightbulb32.png" class="box-icon" alt="pic"/>
+
-
<h6>Pellentesque morbi</h6>
+
-
<div class="box-divider"></div>Tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est tristique senectus et netus et malesuada.
+
-
</div>
+
-
</div>
+
-
</div>
+
<figure class="design logo photo print web " >
-
<a href="#" class="prev"></a>
+
-
<a href="#" class="next"></a>
+
-
</div>
+
<a href="http://luiszuno.com/themes/wp-folder/work/lorem-ipsum-2/"  class="thumb">
-
<!-- ENDS Reel slider -->
+
<img src="http://luiszuno.com/themes/wp-folder/wp-content/themes/folder/php/timthumb.php?src=http://luiszuno.com/themes/wp-folder/wp-content/uploads/2012/08/013.jpg&amp;w=500" alt="Lorem Ipsum" />
-
+
</a>
-
+
<figcaption>
-
+
<a href="http://luiszuno.com/themes/wp-folder/work/lorem-ipsum-2/"><h3 class="heading">Lorem Ipsum</h3></a>
-
<!-- Featured -->
+
<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 [...]</p>
-
<div class="featured-title">
+
</figcaption>
-
<div class="ribbon"><span>Featured content</span></div>
+
</figure>
-
</div>
+
-
+
-
<ul class="featured-posts">
+
-
<li>
+
-
<a href="single.html" class="thumb" title="An image"><img src="img/dummies/290x170/01.jpg" alt="Post" /></a>
+
-
<div class="excerpt">
+
-
<div class="heading"><a href="single.html">Place holder images</a></div>Place holder images thanks to Moe Pike at <a href="http://thebeaststudio.com">thebeaststudio.com</a>, visit his site for more of his work.
+
-
</div>
+
-
</li>
+
-
<li>
+
-
<a href="single.html" class="thumb" title="An image"><img src="img/dummies/290x170/02.jpg" alt="Post" /></a>
+
<figure class="logo photo " >
-
<div class="excerpt">
+
-
<div class="heading"><a href="single.html">Get more freebies</a></div>Visit <a href="http://www.luiszuno.com">luiszuno.com</a> for more freebies. Updated weekly!
+
-
</div>
+
<a href="http://luiszuno.com/themes/wp-folder/work/pellentesque-habitant-2/" class="thumb">
-
</li>
+
<img src="http://luiszuno.com/themes/wp-folder/wp-content/themes/folder/php/timthumb.php?src=http://luiszuno.com/themes/wp-folder/wp-content/uploads/2012/08/071.jpg&amp;w=500" alt="Pellentesque habitant" />
 +
</a>
 +
<figcaption>
 +
<a href="http://luiszuno.com/themes/wp-folder/work/pellentesque-habitant-2/"><h3 class="heading">Pellentesque habitant</h3></a>
 +
<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 [...]</p>
 +
</figcaption>
 +
</figure>
-
<li>
+
-
<a href="single.html" class="thumb" title="An image"><img src="img/dummies/290x170/03.jpg" alt="Post" /></a>
+
<figure class="design print " >
-
<div class="excerpt">
+
-
<div class="heading"><a href="single.html">License </a></div>All files available for download in this site are free for personal and commercial use. The only restriction is that you cannot post this content for download "as is" on another website.
+
-
</div>
+
<a href="http://luiszuno.com/themes/wp-folder/work/facilisis-luctus/" class="thumb">
-
</li>
+
<img src="http://luiszuno.com/themes/wp-folder/wp-content/themes/folder/php/timthumb.php?src=http://luiszuno.com/themes/wp-folder/wp-content/uploads/2012/08/061.jpg&amp;w=500" alt="Facilisis luctus" />
-
<li>
+
</a>
-
<a href="single.html" class="thumb" title="An image"><img src="img/dummies/290x170/04.jpg" alt="Post" /></a>
+
<figcaption>
-
<div class="excerpt">
+
<a href="http://luiszuno.com/themes/wp-folder/work/facilisis-luctus/"><h3 class="heading">Facilisis luctus</h3></a>
-
<div class="heading"><a href="single.html">Pellentesque habitant morbi</a></div>Tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam. Donec eu libero sit amet quam egestas semper.
+
<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 [...]</p>
-
</div>
+
</figcaption>
-
</li>
+
</figure>
-
<li>
+
-
<a href="single.html" class="thumb" title="An image"><img src="img/dummies/290x170/01.jpg" alt="Post" /></a>
+
</div><!-- ENDS Filter container -->
-
<div class="excerpt">
+
-
<div class="heading"><a href="single.html">Pellentesque habitant morbi</a></div>Tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam. Donec eu libero sit amet quam egestas semper.
+
-
</div>
+
-
</li>
+
-
+
-
<li>
+
-
<a href="single.html" class="thumb" title="An image"><img src="img/dummies/290x170/02.jpg" alt="Post" /></a>
+
-
<div class="excerpt">
+
-
<div class="heading"><a href="single.html">Pellentesque habitant morbi</a></div>Tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam. Donec eu libero sit amet quam egestas semper.
+
-
</div>
+
-
</li>
+
-
</ul>
+
-
<div class="clear"></div>
+
-
<!-- ENDS Featured -->
+
-
+
-
       
+
-
        </div>
+
-
        <!-- ENDS Page wrap -->
+
-
       
+
-
        </div>
+
-
        <!-- ENDS content wrap -->
+
-
       
+
-
        </div>
+
-
<!-- ENDS Wrapper -->
+
-
<!-- FOOTER -->
+
</div>
-
<div id="footer">
+
<!-- ENDS featured -->
-
<div class="footer-wrapper">
+
 
-
+
</div><!-- ENDS WRAPPER -->
-
<!-- footer-cols -->
+
-
<ul id="footer-cols">
+
-
<li>
+
-
<h6>About the theme</h6>
+
-
<p>Pellentesque accumsan porttitor, accumsan porttitor ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Tincidunt quis, accumsan porttitor facilisis habitant morbi tristique senectus accumsan porttitor et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam,  Aenean ultricies mi vitae est. Tincidunt quis feugiat vitae.</p>
+
-
<p>Accumsan porttitor ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Tincidunt quis, accumsan porttitor, <a href="http://luiszuno.com">luiszuno.com</a>.</p>
+
-
</li>
+
-
<li>
+
-
<h6>Categories</h6>
+
-
<ul>
+
-
<li><a href="#">Webdesign in this era</a></li>
+
-
<li><a href="#/">Wordpress core techniques</a></li>
+
-
<li><a href="#">Photo editing</a></li>
+
-
<li><a href="#">Code in php</a></li>
+
-
<li><a href="#">Drawings by hand</a></li>
+
-
<li><a href="#">Buy Themeforest items</a></li>
+
-
<li><a href="#">Lorem ipsum dolor amet</a></li>
+
-
<li><a href="#">Tincidunt quis, accumsan porttitor</a></li>
+
-
<li><a href="#">Donec eu libero sit amet quam</a></li>
+
-
</ul>
+
-
</li>
+
-
<li>
+
-
<div id="tweets" class="footer-col tweet">
+
-
        <h6>Twitter widget</h6>
+
-
        </div>
+
-
</li>
+
-
</ul>
+
-
<!-- ENDS footer-cols -->
+
-
+
-
<div id="footer-glare"></div>
+
-
+
-
</div>
+
</div>
</div>
-
<!-- ENDS FOOTER -->
+
<!-- ENDS MAIN -->
-
<!-- footer-bottom -->
+
-
<div id="footer-bottom">
+
<!-- FOOTER -->
-
<div class="bottom-wrapper">
+
<footer>
-
<div id="bottom-left">
+
<div class="wrapper cf">
-
&copy; 2011 Ansimuz.  <a href="http://themeforest.net/user/Ansimuz?ref=ansimuz">View portfolio</a>
+
<!-- widgets -->
 +
<ul  class="widget-cols cf">
 +
<li class="first-col">
 +
<div class="widget-block"><h4>ABOUT</h4> <div class="textwidget">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.</div>
 +
</div> </li>
 +
 +
<li class="second-col">
 +
<div class="widget-block"><h4>LATEST PROJECTS</h4>
 +
<div class="recent-post cf">
 +
<a href="http://luiszuno.com/themes/wp-folder/work/vestibulum-erat-wisi/" class="thumb">
 +
 +
<img src="http://luiszuno.com/themes/wp-folder/wp-content/themes/folder/php/timthumb.php?src=http://luiszuno.com/themes/wp-folder/wp-content/uploads/2012/08/042.jpg&amp;h=54&amp;w=54" alt="Vestibulum erat wisi" />
 +
</a>
 +
<div class="post-head">
 +
<a href="http://luiszuno.com/themes/wp-folder/work/vestibulum-erat-wisi/" >Vestibulum erat wisi</a>
 +
<span>Mon, Aug27, 2012</span>
 +
</div>
</div>
</div>
-
<div id="bottom-right">
+
-
<ul id="footer-nav">
+
-
<li><a href="index.html">Home</a></li>
+
<div class="recent-post cf">
-
<li><a href="gallery.html">Gallery</a></li>
+
<a href="http://luiszuno.com/themes/wp-folder/work/donec/" class="thumb">
-
<li><a href="page.html">Pages</a>
+
-
<li><a href="page.html">Contact</a>
+
<img src="http://luiszuno.com/themes/wp-folder/wp-content/themes/folder/php/timthumb.php?src=http://luiszuno.com/themes/wp-folder/wp-content/uploads/2012/08/033.jpg&amp;h=54&amp;w=54" alt="Donec" />
-
</ul>
+
</a>
 +
<div class="post-head">
 +
<a href="http://luiszuno.com/themes/wp-folder/work/donec/" >Donec</a>
 +
<span>Mon, Aug27, 2012</span>
 +
</div>
</div>
</div>
-
</div>
+
-
</div>
+
-
<!-- ENDS footer-bottom -->
+
<div class="recent-post cf">
 +
<a href="http://luiszuno.com/themes/wp-folder/work/aliquam/" class="thumb">
 +
 +
<img src="http://luiszuno.com/themes/wp-folder/wp-content/themes/folder/php/timthumb.php?src=http://luiszuno.com/themes/wp-folder/wp-content/uploads/2012/08/023.jpg&amp;h=54&amp;w=54" alt="Aliquam" />
 +
</a>
 +
<div class="post-head">
 +
<a href="http://luiszuno.com/themes/wp-folder/work/aliquam/" >Aliquam</a>
 +
<span>Mon, Aug27, 2012</span>
 +
</div>
 +
</div>
 +
 +
</div> </li>
 +
 +
<li class="third-col">
 +
<div class="widget-block">
 +
<script>
 +
jQuery(document).ready(function($) {
 +
//##########################################
 +
// Tweet feed
 +
//##########################################
 +
 +
$("#tweets").tweet({
 +
        count: 2,
 +
        username: "ansimuz"
 +
    });
 +
});
 +
</script>
 +
 +
<div id="tweets" class="footer-col tweet">
 +
<h4>Recent Tweets</h4> </div>
 +
 +
</div> </li>
 +
 +
<li class="fourth-col">
 +
<div class="widget-block"><h4>FORM WIDGET</h4> <form  class="ansimuz-widget-form" method="post" action="http://luiszuno.com/themes/wp-folder/wp-admin/admin-ajax.php" >
 +
<div class="alert"></div>
 +
<fieldset>
 +
<input type="hidden" value="ansimuz_contact_form" name="action" />
 +
<input type="text" name="name" value="Your Name" onfocus="if(this.value==this.defaultValue){this.value=''}" onblur="if(this.value==''){this.value=this.defaultValue}" id="contact_name" />
 +
<input type="text" name="email" value="Email" onfocus="if(this.value==this.defaultValue){this.value=''}" onblur="if(this.value==''){this.value=this.defaultValue}" id="contact_email" />
 +
<textarea rows="8" cols="25" onfocus="if(this.value==this.defaultValue){this.value=''}" onblur="if(this.value==''){this.value=this.defaultValue}" name="message" id="contact_message">Message</textarea>
 +
<input type="submit" class="button" value="Submit" />
 +
</fieldset>
 +
</form>
 +
</div> </li>
 +
</ul>
 +
<!-- ENDS widgets --> <!-- bottom -->
 +
<div class="footer-bottom">
 +
<div class="left">Folder WordPress Theme by <a href="http://www.luiszuno.com">Luiszuno</a></div>
 +
 +
<!-- social-bar -->
 +
<ul id="social-bar" class="cf sb">
 +
<li>
 +
<a href="http://dribbble.com/ansimuz"  title="dribbble"  class="dribbble"></a>
 +
</li>
 +
<li>
 +
<a href="http://www.facebook.com/pages/Ansimuz/224538697564461"  title="facebook"  class="facebook"></a>
 +
</li>
 +
<li>
 +
<a href="http://forrst.me/ansimuz"  title="forrst"  class="forrst"></a>
 +
</li>
 +
</ul>
 +
<!-- ENDS social-bar -->
 +
</div>
 +
<!-- ENDS bottom -->
 +
</div>
 +
</footer>
 +
<!-- ENDS FOOTER -->
 +
<script type='text/javascript' src='http://luiszuno.com/themes/wp-folder/wp-content/plugins/contact-form-7/includes/js/jquery.form.js?ver=3.14'></script>
 +
<script type='text/javascript'>
 +
/* <![CDATA[ */
 +
var _wpcf7 = {"loaderUrl":"http:\/\/luiszuno.com\/themes\/wp-folder\/wp-content\/plugins\/contact-form-7\/images\/ajax-loader.gif","sending":"Sending ..."};
 +
/* ]]> */
 +
</script>
 +
<script type='text/javascript' src='http://luiszuno.com/themes/wp-folder/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=3.2.1'></script>
 +
<script type='text/javascript' src='http://luiszuno.com/themes/wp-folder/wp-content/themes/folder/js/custom.js?ver=3.4.1'></script>
 +
<script type='text/javascript' src='http://luiszuno.com/themes/wp-folder/wp-content/themes/folder/js/jquery.isotope.min.js?ver=3.4.1'></script>
 +
<script type='text/javascript' src='http://luiszuno.com/themes/wp-folder/wp-content/themes/folder/js/modernizr.js?ver=3.4.1'></script>
 +
<script type='text/javascript' src='http://luiszuno.com/themes/wp-folder/wp-content/themes/folder/js/css3-mediaqueries.js?ver=3.4.1'></script>
 +
<script type='text/javascript' src='http://luiszuno.com/themes/wp-folder/wp-content/themes/folder/js/tabs.js?ver=3.4.1'></script>
 +
<script type='text/javascript' src='http://luiszuno.com/themes/wp-folder/wp-content/themes/folder/js/tweet/jquery.tweet.js?ver=3.4.1'></script>
 +
<script type='text/javascript' src='http://luiszuno.com/themes/wp-folder/wp-content/themes/folder/js/poshytip-1.1/src/jquery.poshytip.min.js?ver=3.4.1'></script>
 +
<script type='text/javascript' src='http://luiszuno.com/themes/wp-folder/wp-content/themes/folder/js/prettyPhoto/js/jquery.prettyPhoto.js?ver=3.4.1'></script>
 +
<script type='text/javascript' src='http://luiszuno.com/themes/wp-folder/wp-content/themes/folder/js/jquery.jcarousel.min.js?ver=3.4.1'></script>
 +
<script type='text/javascript' src='http://luiszuno.com/themes/wp-folder/wp-content/themes/folder/js/jquery.easing.js?ver=3.4.1'></script>
 +
<script type='text/javascript' src='http://luiszuno.com/themes/wp-folder/wp-content/themes/folder/js/lof-slider.js?ver=3.4.1'></script>
 +
<script type='text/javascript' src='http://luiszuno.com/themes/wp-folder/wp-content/themes/folder/js/jquery.flexslider.js?ver=3.4.1'></script>
 +
<script type='text/javascript' src='http://luiszuno.com/themes/wp-folder/wp-content/themes/folder/js/gmaps.js?ver=3.4.1'></script>
 +
<script type='text/javascript' src='http://luiszuno.com/themes/wp-folder/wp-includes/js/hoverIntent.js?ver=r6'></script>
 +
<script type='text/javascript' src='http://luiszuno.com/themes/wp-folder/wp-content/themes/folder/js/superfish-1.4.8/js/superfish.js?ver=3.4.1'></script>
 +
<script type='text/javascript' src='http://luiszuno.com/themes/wp-folder/wp-content/themes/folder/js/superfish-1.4.8/js/supersubs.js?ver=3.4.1'></script>
</body>
</body>
 +
</html>

Revision as of 07:52, 2 September 2012

<!doctype html>

 
	
		
		
			
		Folder WordPress Theme 
		
		
		
		
		
		
		
		
		
		
		














 




  
		
	
	
	
	
	
		
		








	
		
		
  • Folder WordPress Theme Is Great!

    Folder WordPress Theme Is Great!

    Did i mentioned it's completely FREE! Read more
  • Responsive

    Responsive

    Folder is responsive, this means it can be visualized on most mobile devices. Read more
Folder is a FREE WordPress Theme!
  • ABOUT

    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.
  • LATEST PROJECTS

    Vestibulum erat wisi
    Vestibulum erat wisi Mon, Aug27, 2012
    Donec
    Donec Mon, Aug27, 2012
    Aliquam
    Aliquam Mon, Aug27, 2012
  • FORM WIDGET