1. <!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>maqueta</title>
<link rel="stylesheet" type="text/css" href="css/estilos.css">
</head>
<body>
<header>
<div id="subheader">
<div id="logotipo"><p><a href="">abdel alexis</a>
</p></div>
<ul>
<li><a href="#">Inicio</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Contacto</a></li>
</header>
<section id="wrap">
<section id="main">
<section id="slideshow"></section>
<section id="bienvenidos"></section>
<article>
<hgroup><h2>Bienvenido a nuestro sitio web</h2></hgroup>
<p>
<ul>
<li>Praesent vitae ex at erat ullamcorper feugiat.</li>
<li>Curabitur bibendum urna quis lorem vehicula porttitor.</li>
<li>Nulla a diam eleifend, sagittis orci at, hendrerit augue.</li>
<li>Nam viverra velit id ipsum placerat congue.</li>
<li>Donec tempor tortor in finibus maximus.</li>
</ul>
</p>
</article>
<section id="contenido">
<article>
<hgroup><h2 class="titulo">titulo del articulo</h2></hgroup>
<p class="fecha">5 de mayo 2015</p>
<img width="300" height="150" class="thumb" src="img/IMG_0729.JPG" alt="paisaje">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a felis commodo, interdum felis eu, consequat
lectus. Praesent purus diam, feugiat a consequat eu, imperdiet in nibh. Nulla varius lacus dolor, id hendrerit ipsum varius
quis. Vestibulum egestas, dui sed dictum faucibus, dolor sapien ultrices eros, at convallis nisi ex ut ex. Ut lorem nulla, auctor
in cursus quis, auctor ut eros. Ut est dolor, vehicula eu fermentum vel, molestie id magna. Nullam ultrices auctor gravida.
Nam euismod urna et venenatis ornare.</p>
</article>
</section>
<aside>
<section class="widget">
<h3>tArticulos recientes</h3>
<ul>
<li><a href="#">Praesent vitae ex at erat ullamcorper feugiat.</a></li>
<li><a href="#">Curabitur bibendum urna quis lorem vehicula porttitor.</a></li>
<li><a href="#">Nulla a diam eleifend, sagittis orci at, hendrerit augue.</a></li>
<li><a href="#">Nam viverra velit id ipsum placerat congue.</a></li>
<li><a href="#">Donec tempor tortor in finibus maximus.</a></li>
</ul>
</section>
<section class="widget">
<h3> <img src="img/Bogota-de-noche.jpg" width="300" height="150"></img></h3>
</section>
</aside>
</section>
<footer>