Para ti Blankipu copialo y pegalo en tu web esta plantilla la puedes utilizar en todas las paginas de tu web
esto pegalo en el hotmail del index de tu web
Html
<!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>
<title>HOTEL DEL POZO</title>
<meta http-equiv="content-language" content="es" />
<meta http-equiv="content-type" content="application/xhtml+xml; charset=iso-8859-1" />
<meta name="description" content=
"DESCRIPCIÓN DE TU PÁGINA" />
<meta name="keywords" content=
"hotel, hotel en leon, alojamiento en leon, hotel barato, oferta hotel, dormir en leon, oferta hotel, ofertas en leon, promociones en leon, vacaciones en leon" />
<link rel="stylesheet" type="text/css" href=
"estilos-generales.css" />
</head>
<body>
<!-- Inicio cabecera -->
<div id="cabecera">
<h1>HOTEL DEL POZO<br />
RESTAURANTE CHALET DE POZO</h1>
</div>
<!-- Fin cabecera -->
<div id="contenido"><!-- Inicio menú de la izquierda -->
<div id="menu"><a href="index.htm"><img src=
"
http://www.hoteldelpozo.com/_derived/home_cmp_global000_vbtn_p.gif"
width="140" height="35" alt="Volver al inicio" /></a><br />
<a href="hotel.htm"><img src=
"
http://www.hoteldelpozo.com/_derived/hotel.htm_cmp_global000_vbtn.gif"
width="140" height="35" alt="El hotel" /></a><br />
<a href="restaurante.htm"><img src=
"
http://www.hoteldelpozo.com/_derived/restaurante.htm_cmp_global000_…"
width="140" height="35" alt=
"Restaurante de Hotel del pozo" /></a><br />
<a href="promociones.htm"><img src=
"
http://www.hoteldelpozo.com/_derived/promociones.htm_cmp_global000_…"
width="140" height="35" alt=
"Promociones de Hotel del pozo" /></a><br />
<a href="eventos.htm"><img src=
"
http://www.hoteldelpozo.com/_derived/eventos.htm_cmp_global000_vbtn…"
width="140" height="35" alt=
"Eventos de Hotel del pozo" /></a><br />
<a href="banquetes.htm"><img src=
"
http://www.hoteldelpozo.com/_derived/banquetes.htm_cmp_global000_vb…"
width="140" height="35" alt=
"Banquetes de Hotel del pozo" /></a><br />
<a href="donde_estamos.htm"><img src=
"
http://www.hoteldelpozo.com/_derived/donde_estamos.htm_cmp_global00…"
width="140" height="35" alt=
"Dónde está Hotel del pozo" /></a></div>
<!-- Fin menú de la izquierda -->
<!-- Inicio del contenido central de la web --><b>El Chalet de
Pozo y el Hotel del Pozo pertenecen al grupo SERHOSLE S.L<br />
<br />
Situados a 5Km del centro de León, ambos establecimientos
ofrecen a sus clientes el espacio necesario para organizar todo
tipo de eventos, reuniones, presentaciones, así como la
tranquilidad de su entorno facilita el lugar ideal para su
alojamiento en León.</b><br />
<br />
<a href="
http://hoteldelpozo.com/Sorteo_junio.pdf"><img src=
"
http://www.hoteldelpozo.com/button58.jpg" alt=
"Infórmate para saber cómo ganar una estancia gratuita en Hotel del Pozo!" />
</a> <a href=
"
http://www.leon3d.es/3d/alojamientos/hoteldelpozo/hdp.html"><img src="
http://www.hoteldelpozo.com/button55.jpg"
alt="Realiza una visita virtual por Hotel del Pozo!" /></a><br />
<br />
<h1><u>Imágenes de Hotel del Pozo y Chalet de
Pozo</u></h1>
<br />
<object type="application/x-shockwave-flash" data=
"
http://widget-cc.slide.com/widgets/slideticker.swf" height="375"
width="500"><param name="quality" value="high" />
<param name="flashvars" value=
"cy=ms&il=1&channel=1513209474824698828&site=widget-cc.slide.com" />
</object> <!-- Fin del contenido central de la web --></div>
<!-- Inicio botones de Twitter y Facebook --><a style=
"position:fixed;bottom:100px;right:0px;" href=
"
http://twitter.com/#!/hoteldelpozo" target="_blank"><img src=
"
http://3.bp.blogspot.com/_qgZA1ny_dAs/Sv9ShGIZOoI/AAAAAAAADBU/zvfuq…"
alt="Sígue a Hotel del pozo en Twitter" /></a> <a style=
"position:fixed;bottom:225px;right:0px" href=
"
http://www.facebook.com/hoteldelpozo" target="_blank"><img src=
"
http://2.bp.blogspot.com/_dsEG33PDaHw/TJvjtOw87LI/AAAAAAAAAXg/lBmeN…"
alt="Sígue a Hotel del Pozo en Facebook" /></a>
<!-- Fin botones de Twiter y Facebook --><br />
<br />
<!-- Inicio pié de página con la información de localización y contacto -->
<div id="pie">Ctra de santander km 4 N-621** León,
España****** Teléfono: 987 281 903<br />
<a href=
"mailto:[correo eliminado]">[correo eliminado]</a>
* <a href=
"mailto:[correo eliminado]">[correo eliminado]</a></div>
<!-- Fin pié de página con la información de localización y contacto -->
<p><a href="
http://validator.w3.org/check?uri=referer"><img src=
"
http://www.w3.org/Icons/valid-xhtml10" alt=
"Valid XHTML 1.0 Transitional" height="31" width="88" /></a></p>
<p><a href=
"
http://jigsaw.w3.org/css-validator/check/referer"><img class=
"c1" src="
http://jigsaw.w3.org/css-validator/images/vcss-blue"
alt="¡CSS Válido!" /></a></p>
</body>
</html>
Blankipu crea un harchibo y yamalo asi ! estilos-generales.css ! y pega los css dentro
estos son los css
body {
background-color : #ffffff;
background-image : url("
http://hoteldelpozo.com/logo%20restaurantetrans.png");
background-repeat : no-repeat;
background-position : center;
background-attachment : fixed;
height : 100%;
}
#cabecera {
background-color : #8a0808;
text-align : center;
font : bold 18px Eras Light ITC;
}
#contenido {
border : 1px solid black;
text-align : center;
padding : 10px;
font : normal 20px Eras Light ITC;
}
#pie {
background-color : #8a0808;
font : bold 20px Eras Light ITC;
text-align : center;
}
#menu {
text-align : center;
float : left;
border : 1px solid black;
background-color : #c8ff6f;
}
img {
border : none;
}
