Untitled

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Practicas</title>
	<style>
		body{
			background:url("imagenes/img1.jpg");
			background-size: 100%;
			background-repeat: no-repeat;
			background-attachment: fixed;
		}
		nav{
			background-color: #5935F4;
			width: 90%;
			height: 30px;
			color: #FFFFFF;
			margin-bottom: 10px;
			padding-top: 5px;
		}
		header{
			background-color: #0F14E4;
			width: 90%;
			height: 100px;
			color: #FFF;
			line-height: 100px;
			font-size: 2.5em;
			text-align: center;
			margin-bottom: 10px;
		}
          main {

          	width: 90%;
			height: 600px;
			margin-bottom: 10px;

          }
          section{
          	background-color: rgba(248,100,100,.5);
          	width: 60%;
			height: 590px;
			float: left;
          }
          article{
          	background-color: #F2C908;
          	width: 90%;
			height: 250px;
			line-height: 250px;
			text-align: center;
			font-size: 3em;
			color: #FFF;

          }
          aside{
          	background-color: #0000ff;
          	width: 30%;
			height: 590px;
			float: right;
			text-align: center;
			line-height: 590px;
		    font-size: 1.5em;
		    color:#FFFFFF;

          }
          footer {
          	clear: both;
          	background-color: #00f0ff;
          	width: 90%;
			height: 70px;
			line-height: 70px;
			font-size: 1.5em;
			text-align: center;


          }
	</style>
</head>
<body>
	<!--Barra de navegación -->
	<nav> Menú de opciones</nav>
	<!--Cabecera de la página -->
	<header>Titulo de Página</header>
	<!--Contenido principal-->
	<main>
		<!--Contenido central -->
		<section>
			<h1>Contenido Central</h1>
			<article> Artículo 1</article>
			<br>
			<article>Artículo 2</article>
		</section>
		<!--Barra lateral-->
		<aside>
			Barra lateral
		</aside>
	</main>
	<!--Pie de página-->
	<footer>Pie de Página</footer>
</body>
</html>