diseño I
TEXTO POR ENCIMA DE LA PAGINA
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="en-US" xmlns="http://www.w3.org/1999/xhtml" dir="ltr">
<head>
<title>TEmplatECSS Tu Web De Templates CSS</title>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="http://chocotemplates.com/preview/corporate/progress/css/style.css" type="text/css" media="all" />
<link rel="stylesheet" href="http://chocotemplates.com/preview/corporate/progress/css/featureCarousel.css" type="text/css" media="all" />
<link rel="stylesheet" href="http://chocotemplates.com/preview/corporate/progress/js/fancybox/jquery.fancybox-1.3.1.css" type="text/css" media="all" />
<!--[if IE 6]>
<link rel="stylesheet" href="http://chocotemplates.com/preview/corporate/progress/css/ie6.css" type="text/css" media="all" />
<script src="http://chocotemplates.com/preview/corporate/progress/js/png-fix.js" type="text/javascript" charset="utf-8"></script>
<![endif]-->
<script src="http://chocotemplates.com/preview/corporate/progress/js/jquery-1.4.2.js" type="text/javascript" charset="utf-8"></script>
<script src="http://chocotemplates.com/preview/corporate/progress/js/jquery.tweet.js" type="text/javascript" charset="utf-8"></script>
<script src="http://chocotemplates.com/preview/corporate/progress/js/jquery.jcarousel.js" type="text/javascript" charset="utf-8"></script>
<script src="http://chocotemplates.com/preview/corporate/progress/js/jquery.featureCarousel.js" type="text/javascript" charset="utf-8"></script>
<script src="http://chocotemplates.com/preview/corporate/progress/js/fancybox/jquery.fancybox-1.3.1.js" type="text/javascript" charset="utf-8"></script>
<script src="http://chocotemplates.com/preview/corporate/progress/js/fancybox/jquery.mousewheel-3.0.2.pack.js" type="text/javascript" charset="utf-8"></script>
<script src="http://chocotemplates.com/preview/corporate/progress/js/jquery.easing.1.3.js" type="text/javascript" charset="utf-8"></script>
<script src="http://chocotemplates.com/preview/corporate/progress/js/cufon-yui.js" type="text/javascript" charset="utf-8"></script>
<script src="http://chocotemplates.com/preview/corporate/progress/js/Helvetica.font.js" type="text/javascript" charset="utf-8"></script>
<script src="http://chocotemplates.com/preview/corporate/progress/js/Myriad_Pro.font.js" type="text/javascript" charset="utf-8"></script>
<script src="http://chocotemplates.com/preview/corporate/progress/js/js-func.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<!-- Wrapper -->
<div id="wrapper">
<!-- Header -->
<div id="header">
<div class="center">
<!-- Logo -->
<img width="400" alt="" height="68" src="http://img802.imageshack.us/img802/4951/morena.png" />
<!-- End Logo -->
<!-- Navigation -->
<div id="navigation">
<ul>
<li><a href="URL AQUI">Menu</a></li>
<li><a href="URL AQUI">Menu</a>
<div class="dd-holder">
<div class="pointer"></div>
<ul>
<li><a href="URL AQUI">SubMenu</a></li>
<li><a href="service-page.html">SubMenu</a>
<div class="dd-holder">
<div class="pointer"></div>
<ul>
<li><a href="URL AQUI">SubSubMenu</a></li>
<li><a href="URL AQUI">SubSubMenu</a></li>
<li><a href="URL AQUI">SubSubMenu</a></li>
<li><a href="URL AQUI">SubSubMenu</a></li>
<li><a href="URL AQUI">SubSubMenu</a></li>
<li class="last"><a href="URL AQUI">SubSubMenu</a></li>
</ul>
</div>
</li>
<li class="last"><a href="URL AQUI">SubMenu</a></li>
</ul>
</div>
</li>
<li><a href="URL AQUI">Menu</a></li>
<li><a href="URL AQUI">Menu</a>
<div class="dd-holder">
<div class="pointer"></div>
<ul>
<li><a href="URL AQUI">SubMenu</a></li>
<li><a href="URL AQUI">SubMenu</a></li>
<li><a href="URL AQUI">SubMenu</a></li>
<li><a href="URL AQUI">SubMenu</a></li>
<li><a href="URL AQUI">SubMenu</a></li>
<li><a href="URL AQUI">SubMenu</a></li>
<li><a href="URL AQUI">SubMenu</a></li>
<li><a href="URL AQUI">SubMenu</a></li>
</ul>
</div>
</li>
<li><a href="URL AQUI">Menu</a></li>
<li><a href="URL AQUI">Menu</a></li>
<li><a href="URL AQUI">Menu</a></li>
<li class="last"><a href="#">Menu</a></li>
</ul>
</div>
<!-- End Navigation -->
<div class="cl"> </div>
<!-- Social-links -->
<div class="social-links">
<ul>
<li><a href="URL AQUI" title="Twitter" class="twitter tooltip">twitter</a></li>
<li><a href="URL AQUI" title="Facebook" class="facebook tooltip">facebook</a></li>
<li><a href="URL AQUI" title="Flickr" class="flickr tooltip">flickr</a></li>
<li><a href="URL AQUI" title="RSS" class="rss tooltip">rss</a></li>
</ul>
</div>
</div>
</div>
<!-- End Header -->
<!-- Slider -->
<div id="slider">
<a href="#" id="prev">prev</a>
<a href="#" id="next">next</a>
<div class="slider1-content">
<ul>
<li>
<div class="center">
<img src="http://chocotemplates.com/preview/corporate/progress/css/images/slide-image1.jpg" alt="" />
<div class="text-holder">
<h2>Titulo</h2>
<p>Texto</p>
<h3>Contenido</h3>
<div class="btn-holder">
<a href="URL AQUI">Ver Mas..<span>Presiona El Boton</span></a>
</div>
</div>
</div>
</li>
<li>
<div class="center">
<img src="http://chocotemplates.com/preview/corporate/progress/css/images/slide-image2.jpg" alt="" />
<div class="text-holder">
<h2>Titulo</h2>
<p>Texto</p>
<h3>Contenido</h3>
<div class="btn-holder">
<a href="URL AQUI">Ver Mas..<span>Presiona El Boton</span></a>
</div>
</div>
</div>
</li>
<li>
<div class="center">
<img src="http://chocotemplates.com/preview/corporate/progress/css/images/slide-image3.jpg" alt="" />
<div class="text-holder">
<h2>Titulo</h2>
<p>Texto</p>
<h3>Contenido</h3>
<div class="btn-holder">
<a href="URL AQUI">Ver Mas..<span>Presiona El Boton</span></a>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
<!-- End Slider -->
<!-- Main -->
<div id="main">
<div class="slider1-nav-holder">
<div class="slider1-nav">
<ul>
<li><a href="URL AQUI">1</a></li>
<li><a href="URL AQUI">2</a></li>
<li><a href="URL AQUI">3</a></li>
</ul>
</div>
</div>
<div class="center">
TEXTO POR DEBAJO DE LA PAGINA
<div class="cl"> </div>
<div class="col col-4">
<div class="entry">
<div class="general-title">
<h2>Titulo</h2>
<h4>SubTitulo</h4>
</div>
<a href="URL AQUI" class="images"><img src="http://chocotemplates.com/preview/corporate/progress/css/images/app-image.jpg" alt="" /></a>
<p>Contenido...
<a href="URL AQUI" class="more">Ver Mas..</a>
</p>
</div>
</div>
<div class="col col-4">
<div class="entry">
<div class="general-title">
<h2>Titulo</h2>
<h4>SubTitulo</h4>
</div>
<a href="URL AQUI" class="images"><img src="http://chocotemplates.com/preview/corporate/progress/css/images/ui-image.jpg" alt="" /></a>
<p>Contenido...
<a href="URL AQUI" class="more">Ver Mas..</a>
</p>
</div>
</div>
<div class="col col-4 last">
<div class="entry">
<div class="general-title">
<h2>Titulo</h2>
<h4>SubTitulo</h4>
</div>
<a href="URL AQUI" class="images"><img src="http://chocotemplates.com/preview/corporate/progress/css/images/web-image.jpg" alt="" /></a>
<p>Contenido...
<a href="URL AQUI" class="more">Ver Mas..</a>
</p>
</div>
</div>
<div class="cl"> </div>
</div>
</div>
<!-- End Main -->
<!-- Footer Push -->
<div id="footer-push" class="notext"> </div>
<!-- End Footer Push -->
</div>
<!-- End Wrapper -->
<!-- Footer -->
<div id="footer">
<div class="center">
<!-- Footer Cols -->
<div class="footer-cols">
<div class="col">
<div class="general-title">
<h2>Titulo</h2>
<h4>SubTitulo</h4>
</div>
<div class="testimonial-item">
<ul>
<li><a href="URL AQUI">Menu</a></li>
<li><a href="URL AQUI">Menu</a></li>
<li><a href="URL AQUI">Menu</a></li>
<li><a href="URL AQUI">Menu</a></li>
</ul>
</div>
</div>
<div class="col">
<div class="general-title">
<h2>Titulo</h2>
<h4>SubTitulo</h4>
</div>
<div class="testimonial-item">
<ul>
<li><a href="URL AQUI">Menu</a></li>
<li><a href="URL AQUI">Menu</a></li>
<li><a href="URL AQUI">Menu</a></li>
<li><a href="URL AQUI">Menu</a></li>
</ul>
</div>
</div>
<div class="col last">
<div class="general-title">
<h2>Titulo</h2>
<h4>SubTitulo</h4>
</div>
<div class="testimonial-item">
<ul>
<li><a href="URL AQUI">Menu</a></li>
<li><a href="URL AQUI">Menu</a></li>
<li><a href="URL AQUI">Menu</a></li>
<li><a href="URL AQUI">Menu</a></li>
</ul>
</div>
</div>
<div class="cl"> </div>
</div>
<!-- End Footer Cols -->
<!-- Footer Bottom -->
<div class="footer-bottom">
<p class="footer-links">
<a href="URL AQUI">Menu</a>
<span>|</span>
<a href="URL AQUI">Menu</a>
<span>|</span>
<a href="URL AQUI">Menu</a>
<span>|</span>
<a href="URL AQUI">Menu</a>
<span>|</span>
<a href="URL AQUI">Menu</a>
<span>|</span>
<a href="URL AQUI">Menu</a>
</p>
<p class="site-by">Copyright © TABOCS | <strong><font color="teal">diseñado por <a href="http://gigaprogramas.es.tl/">gigaprogramas</a></strong></font>
</p>
<div class="cl"> </div>
</div>
<!-- End Footer Bottom -->
</div>
</div>
<!-- End Footer -->
</body>
</html>
CODIGO CSS
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.es.tl------->