Você está na página 1de 5

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.

org
/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Newspaper Theme - Portfolio Page</title>
<meta name="keywords" content="newspaper, portfolio, free theme, black and white
, website design, CSS, HTML" />
<meta name="description" content="Newspaper, Portfolio, free theme by templatemo
.com" />
<link href="templatemo_style.css" rel="stylesheet" type="text/css" />
<script language="javascript" type="text/javascript">
function clearText(field)
{
if (field.defaultValue == field.value) field.value = '';
else if (field.value == '') field.value = field.defaultValue;
}
</script>
<link rel="stylesheet" type="text/css" href="ddsmoothmenu.css" />
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/ddsmoothmenu.js">
/***********************************************
* Smooth Navigational Menu- (c) Dynamic Drive DHTML code library (www.dynamicdri
ve.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/
</script>
<script type="text/javascript">
ddsmoothmenu.init({
mainmenuid: "templatemo_menu", //menu DIV id
orientation: 'h', //Horizontal or vertical menu: Set to "h" or "v"
classname: 'ddsmoothmenu', //class added to menu's outer DIV
//customtheme: ["#1c5a80", "#18374a"],
contentsource: "markup" //"markup" or ["container_id", "path_to_menu_fil
e"]
})
</script>
<!--////// CHOOSE ONE OF THE 3 PIROBOX STYLES \\\\\\\-->
<link href="css_pirobox/white/style.css" media="screen" title="shadow" rel="styl
esheet" type="text/css" />
<!--<link href="css_pirobox/white/style.css" media="screen" title="white" rel="s
tylesheet" type="text/css" />
<link href="css_pirobox/black/style.css" media="screen" title="black" rel="style
sheet" type="text/css" />-->
<!--////// END \\\\\\\-->
<!--////// INCLUDE THE JS AND PIROBOX OPTION IN YOUR HEADER \\\\\\\-->
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/piroBox.1_2.js"></script>
<script type="text/javascript">

$(document).ready(function() {
$().piroBox({
my_speed: 600, //animation speed
bg_alpha: 0.5, //background opacity
radius: 4, //caption rounded corner
scrollImage : false, // true == image follows the page,
false == image remains in the same open position
pirobox_next : 'piro_next', // Nav buttons -> piro_next
== inside piroBox , piro_next_out == outside piroBox
pirobox_prev : 'piro_prev',// Nav buttons -> piro_prev =
= inside piroBox , piro_prev_out == outside piroBox
close_all : '.piro_close',// add class .piro_overlay(wit
h comma)if you want overlay click close piroBox
slideShow : 'slideshow', // just delete slideshow betwee
n '' if you don't want it.
slideSpeed : 4 //slideshow duration in seconds(3 to 6 Re
commended)
});
});
</script>
<!--////// END \\\\\\\-->
</head>
<body>
<div id="templatemo_wrapper">
<div id="templatemo_header">
<div id="site_title">
<h1><a href="http://www.templatemo.com">Free CSS Templates</a></
h1>
</div>
<div id="templatemo_menu" class="ddsmoothmenu">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a>
<ul>
<li><a href="http://www.templatemo.com/page/1">Sub menu
1</a></li>
<li><a href="http://www.templatemo.com/page/2">Sub menu
2</a></li>
<li><a href="http://www.templatemo.com/page/3">Sub menu
3</a></li>
</ul>
</li>
<li><a href="portfolio.html" class="selected">Portfolio<
/a>
<ul>
<li><a href="http://www.templatemo.com/page/1">Sub menu
1</a></li>
<li><a href="http://www.templatemo.com/page/2">Sub menu
2</a></li>
<li><a href="http://www.templatemo.com/page/3">Sub menu
3</a></li>
<li><a href="http://www.templatemo.com/page/4">Sub menu
4</a></li>
<li><a href="http://www.templatemo.com/page/5">Sub menu
5</a></li>
</ul>
</li>
<li><a href="blog.html">Blog</a></li>

<li><a href="contact.html">Contact</a></li>
</ul>
<br style="clear: left" />
</div> <!-- end of templatemo_menu -->
</div> <!-- end of header -->
<div id="content_top">
<div id="page_title">Portfolio</div>
<div id="search_box">
<form action="#" method="get">
<input type="text" value="Search" name="q" size="10" id="searchf
ield" title="searchfield" onfocus="clearText(this)" onblur="clearText(this)" />
<input type="submit" name="Search" value="" id="searchbutton" ti
tle="Search" />
</form>
</div>
<div class="cleaner"></div>
</div>
<div class="gallery_box">
<h2>Web Design</h2>
<ul class="gallery">
<li><a class="pirobox" href="images/gallery/01.jpg"
><img src="images/gallery/01.jpg" alt="Image 01" /></a></li>
<li><a class="pirobox" href="images/gallery/02.jpg"
><img src="images/gallery/02.jpg" alt="Image 02" /></a></li>
<li><a class="pirobox" href="images/gallery/03.jpg"
><img src="images/gallery/03.jpg" alt="Image 03" /></a></li>
<li><a class="pirobox" href="images/gallery/04.jpg"
><img src="images/gallery/04.jpg" alt="Image 04" /></a></li>
</ul>
<div class="cleaner"></div>
<a class="more" href="#">More</a>
</div>
<div class="gallery_box">
<h2>Photography</h2>
<ul class="gallery">
<li><a class="pirobox" href="images/gallery/05.jpg"
><img src="images/gallery/05.jpg" alt="Image 05" /></a></li>
<li><a class="pirobox" href="images/gallery/06.jpg"
><img src="images/gallery/06.jpg" alt="Image 06" /></a></li>
<li><a class="pirobox" href="images/gallery/07.jpg"
><img src="images/gallery/07.jpg" alt="Image 07" /></a></li>
<li><a class="pirobox" href="images/gallery/08.jpg"
><img src="images/gallery/08.jpg" alt="Image 08" /></a></li>
</ul>
<div class="cleaner"></div>
<a class="more" href="#">More</a>
</div>
<div class="gallery_box">
<h2>Print Media</h2>
<ul class="gallery">
<li><a class="pirobox" href="images/gallery/09.jpg"
><img src="images/gallery/09.jpg" alt="Image 09" /></a></li>
<li><a class="pirobox" href="images/gallery/10.jpg"
><img src="images/gallery/10.jpg" alt="Image 10" /></a></li>
<li><a class="pirobox" href="images/gallery/11.jpg"
><img src="images/gallery/11.jpg" alt="Image 11" /></a></li>
<li><a class="pirobox" href="images/gallery/12.jpg"
><img src="images/gallery/12.jpg" alt="Image 12" /></a></li>

title="Image 01"
title="Image 02"
title="Image 03"
title="Image 04"

title="Image 05"
title="Image 06"
title="Image 07"
title="Image 08"

title="Image 09"
title="Image 10"
title="Image 11"
title="Image 12"

</ul>
<div class="cleaner"></div>
<a class="more" href="#">More</a>
</div>
<div class="cleaner"></div>
<div id="templatemo_bottom">
<div class="col_4 col_f">
<h5>Recent Posts</h5>
<ul class="footer_link">
<li><a href="#">Nulla eget lacus mauris</a></li>
<li><a href="#">Proin elit velit, tristique</a></li>
<li><a href="#">Aliquam erat volutpat</a></li>
<li><a href="#">Ut porta, lacus at mattis</a></li>
<li><a href="#">Maecenas vel lacus id lacus</a></li>
</ul>
</div>
<div class="col_4">
<h5>Recent Comments</h5>
<ul class="footer_link">
<li><a href="#">Johny</a> on <a href="#">Nulla venenatis tempor
blandit</a></li>
<li><a href="#">Edward</a> on <a href="#">Curabitur imperdiet la
cus</a></li>
<li><a href="#">George</a> on <a href="#">Mauris eget lorem sagi
ttis leo</a></li>
<li><a href="#">Justin</a> on <a href="#">Vestibulum porttitor e
leifend</a></li>
<li><a href="#">Nelly</a> on Validate <a href="http://validator.
w3.org/check?uri=referer" rel="nofollow"><strong>XHTML</strong></a> &amp; <a hre
f="http://jigsaw.w3.org/css-validator/check/referer" rel="nofollow"><strong>CSS<
/strong></a></li>
</ul>
</div>
<div class="col_4">
<h5>Blogroll</h5>
<ul class="footer_link">
<li><a href="#">Suspendisse viverra leo vel</a></li>
<li><a href="#">Nulla et leo sed libero consequat </a></li>
<li><a href="#">Duis et libero non vestibulum</a></li>
<li><a href="#">Fusce tempor magna in quam</a></li>
<li><a href="http://www.templatemo.com">Free Website Templates</
a></li>
</ul>
</div>
<div class="col_4 col_l rmc">
<h5>Contact</h5>
<ul class="footer_link">
<li><a href="#" class="facebook social">Facebook</a></li>
<li><a href="#" class="linkedin social">Linkedin</a></li>
<li><a href="#" class="myspace social">Myspace</a></li>
<li><a href="#" class="youtube social">Youtube</a></li>
<li><a href="#" class="vimeo social">Vimeo</a></li>
</ul>
</div>
<div class="cleaner"></div>
</div>
<div id="templatemo_footer">

Copyright 2048 <a href="#">Your Company Name</a> | Designed by <a href="


http://www.templatemo.com" target="_parent">Free CSS Templates</a>
</div>
</div>
</body>
</html>

Você também pode gostar