<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <!-- Design by Free CSS Templates http://www.freecsstemplates.org Released for free under a Creative Commons Attribution 2.5 License Name : Throughout Description: A two-column, fixed-width design for 1024x768 screen resolutions. Version : 1.0 Released : 20100423 --> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>Throughout by Free CSS Templates</title> <meta name="keywords" content="" /> <meta name="description" content="" /> <script type="text/javascript" src="jquery/jquery-1.4.2.min.js"></script> <script type="text/javascript" src="jquery/jquery.slidertron-0.1.js"></script> <link href="style.css" rel="stylesheet" type="text/css" media="screen" /> <style type="text/css"> @import "slidertron.css"; </style> </head> <body> <!-- end #header-wrapper --> <div id="logo"> <h1><a href="#">Throughout </a></h1> <p><em> template design by <a href="http://www.freecsstemplates.org/">Free CSS Templates</a></em></p> </div> <div id="header"> <div id="menu"> <ul> <li><a href="#" class="first">Homepage</a></li> <li class="current_page_item"><a href="#">Blog</a></li> <li><a href="#">Portfolio</a></li> <li><a href="#">About</a></li> <li><a href="#">Contact</a></li> </ul> </div> <!-- end #menu --> <div id="search"> <form method="get" action=""> <fieldset> <input type="text" name="s" id="search-text" size="15" /> </fieldset> </form> </div> <!-- end #search --> </div> <!-- end #header --> <hr /> <!-- end #logo --> <div id="slideshow"> <!-- start --> <div id="foobar"> <div id="col1"><a href="#" class="previous"> </a></div> <div id="col2"> <div class="viewer"> <div class="reel"> <div class="slide"><img src="images/img04.jpg" width="726" height="335" alt="" /> <span>Lorem Ipsum Dolor Sit Amet.</span> </div> <div class="slide"><img src="images/img07.jpg" width="726" height="335" alt="" /> <span>Mauris vitae nisl nec metus placerat consectetuer.</span> </div> <div class="slide"><img src="images/img08.jpg" width="726" height="335" alt="" /> <span>Nam bibendum dadn nulla tortor elementum ipsum</span> </div> </div> </div> </div> <div id="col3"><a href="#" class="next"> </a></div> </div> <script type="text/javascript"> $('#foobar').slidertron({ viewerSelector: '.viewer', reelSelector: '.viewer .reel', slidesSelector: '.viewer .reel .slide', navPreviousSelector: '.previous', navNextSelector: '.next', navFirstSelector: '.first', navLastSelector: '.last' }); </script> <!-- end --> </div> <div id="page"> <div id="page-bgtop"> <div id="content"> <div class="post"> <p class="meta"><span class="date">Sunday, April 26, 2009</span> 7:27 AM Posted by <a href="#">Someone</a></p> <h2 class="title"><a href="#">Welcome to Throughout </a></h2> <div class="entry"> <p>This is <strong>Throughout </strong>, a free, fully standards-compliant CSS template designed by <a href="http://www.freecsstemplates.org/">Free CSS Templates</a>. The slideshow uses photos from <a href="http://www.pdphoto.org">PDPhoto.org</a> and is powered by Slidertron (a jQuery plugin by <a href="http://www.nodethirtythree.com/">NodeThirtyThree</a>). This free template is released under a <a href="http://creativecommons.org/licenses/by/3.0/">Creative Commons Attributions</a> license, so you⤙re pretty much free to do whatever you want with it (even use it commercially) provided you keep the links in the footer intact. Aside from that, have fun with it :) </p> </div> <div><a href="#" class="links">View Full Story</a></div> </div> <div class="post"> <p class="meta"><span class="date">Sunday, April 26, 2009</span> 7:27 AM Posted by <a href="#">Someone</a></p> <h2 class="title"><a href="#">Lorem ipsum sed aliquam</a></h2> <div class="entry"> <p><img src="images/img11.jpg" width="560" height="270" alt="" />Donec ipsum. Proin imperdiet est. Phasellus <a href="#">dapibus semper urna</a>. Pellentesque ornare, orci in consectetuer hendrerit, urna elit eleifend nunc, ut consectetuer nisl felis ac diam. Etiam non felis.</p> </div> <div><a href="#" class="links">View Full Story</a></div> </div> </div> <!-- end #content --> <div id="sidebar"> <ul> <li> <h2>Aliquam tempus</h2> <p>Mauris vitae nisl nec metus placerat perdiet est. Phasellus dapibus semper urna. Pellentesque ornare, orci in consectetuer hendrerit, volutpat.</p> </li> <li> <h2>Pellenteque ornare </h2> <ul> <li><a href="#">Nec metus sed donec</a></li> <li><a href="#">Magna lacus bibendum mauris</a></li> <li><a href="#">Velit semper nisi molestie</a></li> <li><a href="#">Eget tempor eget nonummy</a></li> <li><a href="#">Nec metus sed donec</a></li> <li><a href="#">Velit semper nisi molestie</a></li> <li><a href="#">Eget tempor eget nonummy</a></li> <li><a href="#">Nec metus sed donec</a></li> </ul> </li> <li> <h2>Turpis nulla</h2> <ul> <li><a href="#">Nec metus sed donec</a></li> <li><a href="#">Magna lacus bibendum mauris</a></li> <li><a href="#">Velit semper nisi molestie</a></li> <li><a href="#">Eget tempor eget nonummy</a></li> <li><a href="#">Nec metus sed donec</a></li> <li><a href="#">Nec metus sed donec</a></li> <li><a href="#">Magna lacus bibendum mauris</a></li> <li><a href="#">Velit semper nisi molestie</a></li> <li><a href="#">Eget tempor eget nonummy</a></li> <li><a href="#">Nec metus sed donec</a></li> </ul> </li> </ul> </div> <!-- end #sidebar --> <div style="clear: both;"> </div> </div> <!-- end #page --> </div> <div id="footer"> <p>%btEdit% %btAnexar% %btVersao% <a href="?logout=1">Sair</a> %btMais% Design by <a href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p> </div> <!-- end #footer --> </body> </html>
This topic: DepHistoria
>
LayoutTemplate
Topic revision: r1 - 26 Aug 2010 - 17:23:56 -
FlavioAraujo
?
Copyright &© by the contributing authors. All material on this collaboration platform is the property of the contributing authors.
Ideas, requests, problems regarding TWiki?
Send feedback