/logohd2.png)
diseñoVII
TEXTO POR ENCIMA
<!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>Floral Design</title>
<meta name="keywords" content="floral design, css templates, 5 html pages" />
<meta name="description" content="Floral Design - free website template provided by templatemo.com" />
<link href="http://www.templatemo.com/templates/templatemo_268_floral_design/templatemo_style.css" rel="stylesheet" type="text/css" />
<!--////// CHOOSE ONE OF THE 3 PIROBOX STYLES \-->
<link href="http://www.templatemo.com/templates/templatemo_268_floral_design/css_pirobox/white/style.css" media="screen" title="shadow" rel="stylesheet" type="text/css" />
<!--<link href="http://www.templatemo.com/templates/templatemo_268_floral_design/css_pirobox/white/style.css" media="screen" title="white" rel="stylesheet" type="text/css" />
<link href="http://www.templatemo.com/templates/templatemo_268_floral_design/css_pirobox/black/style.css" media="screen" title="black" rel="stylesheet" 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="http://www.templatemo.com/templates/templatemo_268_floral_design/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(with comma)if you want overlay click close piroBox
slideShow : 'slideshow', // just delete slideshow between '' if you don't want it.
slideSpeed : 4 //slideshow duration in seconds(3 to 6 Recommended)
});
});
</script>
<!--////// END \-->
</head>
<body>
<div id="templatemo_wrapper">
<div id="templatemo_header">
<div id="header_left">
<div id="site_title">
<a href="http://www.templatemo.com/page/1" target="_parent"><img src="http://www.templatemo.com/templates/templatemo_268_floral_design/images/templatemo_logo.png" alt="logo" /><span>Free Website Templates</span></a>
</div>
</div>
<div id="header_right">
<ul id="social_box">
<li><a href="#"><img src="http://www.templatemo.com/templates/templatemo_268_floral_design/images/facebook.png" alt="facebook" /></a></li>
<li><a href="#"><img src="http://www.templatemo.com/templates/templatemo_268_floral_design/images/twitter.png" alt="twitter" /></a></li>
<li><a href="#"><img src="http://www.templatemo.com/templates/templatemo_268_floral_design/images/linkedin.png" alt="linkin" /></a></li>
<li><a href="#"><img src="http://www.templatemo.com/templates/templatemo_268_floral_design/images/technorati.png" alt="technorati" /></a></li>
<li><a href="#"><img src="http://www.templatemo.com/templates/templatemo_268_floral_design/images/myspace.png" alt="myspace" /></a></li>
</ul>
</div>
<div class="cleaner"></div>
</div>
<div id="templatemo_menu">
<ul>
<li><a href="index.html" class="current">Home</a></li>
<li><a href="about.html">About Us</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li class="last"><a href="contact.html">Contact Us</a></li>
</ul>
</div> <!-- end of templatemo_menu -->
<div id="content_wrapper">
<div id="content">
<h2>Portada</h2>
TEXTO POR DEBAJO
<div class="cleaner_h30"></div>
<div class="button float_r"><a href="gallery.html">View All</a></div>
</div>
<div id="sidebar_wrapper">
<div id="sidebar_top"></div>
<div id="sidebar">
<h2>Latest News</h2>
<div class="sb_news_box">
<img src="http://www.templatemo.com/templates/templatemo_268_floral_design/images/templatemo_image_01.jpg" alt="image" />
<div class="nb_right">
<a href="#">
Lorem ipsum dolor sit amet, consectetur adipiscing elit dictumst.</a>
</div>
<div class="cleaner"></div>
</div>
<div class="sb_news_box">
<img src="http://www.templatemo.com/templates/templatemo_268_floral_design/images/templatemo_image_02.jpg" alt="image" />
<div class="nb_right">
<a href="#">
Praesent sed est urna, id adipiscing nunc. Etiam laoreet ante quis.</a>
</div>
<div class="cleaner"></div>
</div>
<div class="sb_news_box">
<img src="http://www.templatemo.com/templates/templatemo_268_floral_design/images/templatemo_image_03.jpg" alt="image" />
<div class="nb_right">
<a href="#">
Cras bibendum, mi vitae pharetra tincidunt sed ullamcorper mauris</a>
</div>
<div class="cleaner"></div>
</div>
<div class="button float_r"><a href="#">Read More...</a></div>
<div class="cleaner_h30"></div>
<h2>Categories</h2>
<ul class="templatemo_list col_w260">
<li><a href="#">Vestibulum ullamcorper</a></li>
<li><a href="#">Praesent sollicitudin mollis</a></li>
<li><a href="#">Etiam in lorem ac nulla</a></li>
<li><a href="#">Quisque venenatis fringilla</a></li>
</ul>
</div>
<div id="sidebar_bottom"></div>
</div>
<div class="cleaner"></div>
</div>
<div id="templatemo_footer">
<div class="footer_box">
<h4>Navigation</h4>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Gallery</a></li>
<li><a href="#" class="last">Contact Us</a></li>
</ul>
</div>
<div class="footer_box">
<h4>Partners</h4>
<ul>
<li><a href="http://www.perceoz.es.tl">link</a></li>
<li><a href="http://www.perceoz.es.tl1">link</a></li>
<li><a href="http://www.perceoz.es.tl">link</a></li>
<li><a href="http://">link</a></li>
</ul>
</div>
<div class="footer_box last">
<h4>About Us</h4>
<p>Cras a volutpat lacus. Ut nisi metus, lobortis vel egestas at, condimentum et purus. Aliquam lectus tortor, vehicula molestie hendrerit non, aliquet nec tortor. In et nibh dolor. Quisque quis neque orci. <a href="aboutus.html">More...</a></p>
</div>
<div class="cleaner"></div>
</div>
<div id="templatemo_copyright">
Copyright © 2011 <a href="#">tu web</a> |
<a href="http://www.gigaprogramas.es.tl" target="_parent">Website Templates</a> by <a href="http://www.gigaprogramas.es.tl" target="_parent">Adaptadp por Gigaprogramas.es.tl</a>
</div>
</div> <!-- end of template wrapper -->
</body>
</html>
CSS CODE
table {margin-left:auto;margin-right:auto;}
#pre_header {display: none;}
#post_header {display: none;}
#header_container {display: none;}
lli.nav_element{display: none;}
li.nav_element a{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
#title {display: none;}
#nav_container {display:none;}
/*
<---------------Template By Gigaprogramas--------------->
