mikejavier
12/5/2016 - 2:37 AM

basic page with html5 example

basic page with html5 example

index.html
content_copyfile_download
<!DOCTYPE html>
<html lang="es">
<head>
	<meta charset="UTF-8">
	<title>Titulo</title>
</head>
<body>
	<header>
		<div class="logo"></div>
		<nav class="menu">
			<ul>
				<li><a href="#">link</a></li>
				<li><a href="#">link</a></li>
				<li><a href="#">link</a></li>
				<li><a href="#">link</a></li>
			</ul>
		</nav>
	</header>
	
	<main>
		<section class="principal">
			<article class="publicacion">
				<header class="publicacion-detalles">
					<span>Esta articulo fue publicado el <time>16.03.2015</time></span>
					<h1 class="publicacion-titulo">El titulo de la publicacion</h1>
				</header>

				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Assumenda optio placeat illo vero nisi, laudantium tempora sunt minus doloremque eveniet accusantium quod hic molestias omnis nostrum eaque quo beatae. Dignissimos?</p>
				
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Assumenda optio placeat illo vero nisi, laudantium tempora sunt minus doloremque eveniet accusantium quod hic molestias omnis nostrum eaque quo beatae. Dignissimos?</p>
				
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Assumenda optio placeat illo vero nisi, laudantium tempora sunt minus doloremque eveniet accusantium quod hic molestias omnis nostrum eaque quo beatae. Dignissimos?</p>
				
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Assumenda optio placeat illo vero nisi, laudantium tempora sunt minus doloremque eveniet accusantium quod hic molestias omnis nostrum eaque quo beatae. Dignissimos?</p>
			</article>
		</section>

		<aside>
			<div class="widget">
				<h2 class="widget-titulo">Titutlo del Widget</h2>
			</div>
		</aside>
	</main>

	<footer>my copyright - 2015</footer>	
</body>
</html>