Necesito que alguién me ayude, modifiqué una plantilla para pagina de facebook y no me funciona, alguien puede revisarla para ver que hice mal??
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>CCi Miami</title>
<style>
.container {
width:520px;
background:#000000 url(images/pageBackground.jpg) no-repeat left top;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
}
.header {
height:441px;
}
.logo {
text-align:right;
padding:20px 30px 0 0;
}
.logo img {
border:0;
}
.likeButton {
float:right;
text-align:center;
padding-top:220px;
padding-right:30px;
}
.likeButton img {
border:0;
}
.icons {
float:left;
padding:220px 20px 10px 30px;
}
.icons ul {
margin:0;
padding:0;
}
.icons li {
display:inline;
}
.icons li a img {
border:0;
}
.menu {
background:#272727;
text-align:center;
margin:0 30px;
height:53px;
}
.menu ul {
margin:0;
padding:0 0 0 30px;
text-align:center;
}
.menu li {
list-style:none;
display:inline;
padding:0 5px;
}
.menu li a {
font-size:30px;
text-decoration:none;
color:#d8d8d8;
}
.menu img {
border:0;
}
.homePage, .aboutPage, .shopPage, .contactPage {
margin:0 30px;
background:#202020;
min-height:275px;
}
.homePage p, .aboutPage p, .shopPage p, .contactPage p {
padding:10px 30px 30px 30px;
}
.shopPage ul {
margin:0;
padding:0;
background:#202020;
}
.shopPage li {
float:left;
display:inline;
width:190px;
background:#202020;
padding:20px;
margin-bottom:20px;
}
.shopPage li a {
color:#5ca3c7;
}
.pageTitle {
color:#397fa2;
font-size:48px;
text-align:left;
font-weight:bold;
padding:30px 30px 0 30px;
}
.pagePic {
float:right;
margin:0 0 15px 20px;
}
.footer {
background:#202020;
height:56px;
text-align:center;
color:#ffffff;
margin:0 30px;
}
.footer a {
color:#5ca3c7;
}
.footer p {
text-align:center;
padding-top:20px;
}
.clearer {
clear:both;
}
.banners {
padding:15px 0 0 35px;
}
</style>
<div class="container">
<div class="header">
<div>
<div class="logo">
<a href="">
<img src="images/logo.png" alt="" hspace="0" vspace="100" /></a><br />
<img src="images/slogan.png" alt="" />
</div>
<div class="icons">
<ul>
<li><a href=""><img src="images/Twitter_32x32.png" alt="" /></a></li>
<li><a href=""><img src="images/MySpace_32x32.png" alt="" /></a></li>
<li><a href=""><img src="images/flickr_32.png" alt="" /></a></li>
<li><a href=""><img src="images/blogger_32.png" alt="" /></a></li>
<li><a href=""><img src="images/FaceBook_32x32.png" alt="" /></a></li>
<li><a href=""><img src="images/Youtube_32x32.png" alt="" /></a></li>
</ul>
</div>
<div class="likeButton">
<a href=""><img src="images/likeButton.png" alt="" /></a> <img src="images/likeText.png" alt="" />
</div>
</div>
<div class="clearer"></div>
<div class="menu">
<ul>
<li style="float:left; padding-top:8px;"><a href="index.html">
<span style="font-size: 15pt">Incio</span></a></li>
<li style="float:left;"><img src="images/menuSeparator.png" alt="" width="1" height="53" /></li>
<li style="float:left; padding-top:8px;"><a href="about.html">
<span style="font-size: 15pt">Visión</span></a></li>
<li style="float:left"><img src="images/menuSeparator.png" alt="" width="1" height="53" /></li>
<li style="float:left; padding-top:8px;"><a href="shop.html">
<span style="font-size: 15pt">Actividades</span></a></li>
<li style="float:left"><img src="images/menuSeparator.png" alt="" width="1" height="53" /></li>
<li style="float:left; padding-top:8px;"><a href="contact.html" clicktoshow="contact" clicktohide="home, shop, about">
<span style="font-size: 15pt">Contáctenos</span></a></li>
</ul>
</div>
</div>
<div id="home" class="homePage">
<div class="pageTitle">Bienvenido!</div>
<p>
<img src="images/homePic.jpg" alt="" width="216" height="145" class="pagePic" />In tincidunt porta elementum. Sed id ipsum erat, ac auctor est. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce libero arcu, malesuada in tincidunt in, venenatis ultrices neque. Sed vel justo dolor, eu pulvinar turpis.
</p>
</div>
<div id="about" class="aboutPage" style="display:none;">
<div class="pageTitle">Nuestra Visión</div>
<p>
<img src="images/aboutPic.jpg" alt="" width="216" height="145" class="pagePic" />In tincidunt porta elementum. Sed id ipsum erat, ac auctor est. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce libero arcu, malesuada in tincidunt in, venenatis ultrices neque. Sed vel justo dolor, eu pulvinar turpis.
</p>
</div>
<div id="shop" class="shopPage" style="display:none">
<div class="pageTitle">Actividades</div>
<ul>
<li><img src="images/shopPic1.jpg" alt="" width="89" height="108" style="float:left" /><div style="margin-left:100px;">In tincidunt porta elementum. Sed id ipsum<br /><br /><a href="">see more...</a></div></li>
<li><img src="images/shopPic2.jpg" alt="" width="89" height="108" style="float:left" /><div style="margin-left:100px;">In tincidunt porta elementum. Sed id ipsum<br /><br /><a href="">see more...</a></div></li>
</ul>
</div>
<div id="contact" class="contactPage" style="display:none;">
<div class="pageTitle">Contáctenos</div>
<p>
<img src="images/contactPic.jpg" alt="" width="216" height="145" class="pagePic" />
<b>9387 - 8282 Mill road,<br />
Cambridge, MG09 33HT </b><br /><br />
Freephone: +1 800 329 3292<br />
Telephone : +1 800 929 2928<br />
Fax: + 1 800 928 2928<br />
E-mail:
[email protected]
</p>
</div>
<div class="banners">
<a href="#"><img src="images/banner1.jpg" alt="" width="223" height="158" border="0" /></a>
<a href="#"><img src="images/banner2.jpg" alt="" width="223" height="158" border="0" /></a>
</div>
<div class="footer">
<p>
Copyright ©2011 CCI MIAMI | Design by <a href="http://www.elmensajecomunicaciones.com/" title="El Mensaje Comunicaciones">El Mensaje Comunicaciones</a>
</p>
</div>
</div>