<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>Mi paraguaná</title>
<link href='http://fonts.googleapis.com/css?family=Audiowide' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="estilos.css">
<link rel="shortcup icon" type="image/x-icon" href="kitesurf.ico">
</head>
<body>
<nav id="menu">
<section id="foto1"><img src="cabo.png" alt="nuestro cabo" width="30px;" height="70px"></section>
<li id="inicio2"><a href="turismo.html">inicio</a></li>
<li><a href="canvas.html">rutas</a></li>
<li>galeria</li>
<li>nosotros</li>
<section id="foto2"><img src="kitesurf.png" alt="kitesurfing" width="100px;" height="95px"></section>
</nav>
<hr/>
<section id="grupo">
<section id="caja1">
La península de Paraguaná está ubicada al norte del estado Falcón, en Venezuela. Es una zona xerófila y de suelo árido casi en su totalidad. Tiene una extensión territorial de 3.405 km² y una población de 345.704 habitantes.
</section>
<aside id="caja3">
Otra manera de ver la peninsula
</aside>
<aside id="caja2">
La península de Paraguaná está ubicada al norte del estado Falcón, en Venezuela. Es una zona xerófila y de suelo árido
casi en su totalidad. Tiene una extensión territorial de 3.405 km² y una población de 345.704 habitantes.
</aside>
</section>
<hr/>
<footer> creado y potenciado por <a href="https://twitter.com/alfredorods" style="text-decoration:none;">@alfredorods</a> todos los derechos reservados</footer>
</body>
</html>
/* ************************************************** ************ */
* {
margin: 0px;
padding: 0px;
font-family: 'Audiowide', cursive;
background: #0f70e8 url(fondo.jpg );
font-size: 22px;
}
#menu{
margin-top: 20px;
height: 52px;
}
#menu li{
display: inline;
list-style: none;
background: #faf104;
border-radius: 120px;
padding: 10px 20px 10px 20px;
}
#menu li:hover{
color: red ;
font-size: 22px;
transition: all 0.2s ease-in-out;
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
}
#inicio2{
text-decoration: none;
}
#grupo{
margin-top: 30px;
width: 80%;
}
hr{
background: #faf104;
height: 6px;
width: 81.8%;
margin-top: 1em;
margin-left: 9%;
}
#foto1{
height: 20px;
margin-right: 42%;
}
#foto2{
margin-left: 47%;
margin-top: -6%;
width: 50%;
}
body{
text-align: center;
}
#caja1{
width: 40%;
float: left;
margin-left: 9%;
margin-top: 3%;
border-left: thick solid #ff0000;
}
#caja3{
margin-right: 14%;
width: 30%;
float: right;
border-radius: 140px;
background: #faf104;
margin-top: 0.5%;
}
#caja2{
margin-right: 9%;
width: 40%;
float: right;
border-left: thick solid #ff0000;
border-right: thick solid #ff0000;
}
#grupo{
display: inline;
}
footer{
margin-top: 10px;
clear: both;
text-align: center;
padding: 20px;
}
Espero me puedas ayudar