maqueta
TRANSCRIPT
<!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 �nibus 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 �nibus 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>