Kolesias123 · January 21, 2013 00:37
diff --git a/index b/index
 <!DOCTYPE html>
 <html lang="es">
 <head>
  <meta charset="utf-8" />
 	<title>Aprendiendo HTML 5!</title>

 	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
 	<meta name="lang" content="es" />

 	<meta name="description" content="Con este sitio web aprenderas mucho" />

 	<meta name="author" content="http://www.infosmart.mx/humans.txt" />
 	<link rel="author" content="http://www.infosmart.mx/humans.txt" />

 	<link rel="canonical" href="http://www.infosmart.mx/home" />

 	<link href="./style.css" rel="stylesheet" />

 	<script src="http://code.jquery.com/jquery-1.9.0.min.js"></script>
 	<script src="./prefixfree.min.js"></script>
 	<script src="./script.js"></script>

 </head>
 <body>

 	<div class="page" id="page">
 		<header>
 			<figure>
 				<img src="http://resources.infosmart.mx/infosmart/images/logo.png" />
 			</figure>

 			<nav>
 				<a href="./index.html">Inicio</a>
 				<a href="./about.html">Acerca de nosotros</a>
 				<a href="http://facebook.com/infosmart.science">Nuestro Facebook</a>
 			</nav>
 		</header>

 		<div class="content">

 			<section>
 				<article>
 					<h3>Las manzanas revolucionan el mundo de la web</h3>

 					<p>
 						Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum
 					</p>

 					<aside>
 						<p>
 							Apple gana $10,000 USD al demandar a Google
 						</p>
 					</aside>
 				</article>
 			</section>

 			<section>
 				<p>
 					Nuestro sitio estará en:
 				</p>

 				<progress max="200" min="0"></progress>

 				<meter max="200" min="0" value="0" low="50" high="150" id="trafico"></meter>

 				<div class="player">
 					<audio autoplay controls loop preload>
 						<source src="./audio.mp3" />
 						<source src="./audio.ogg" />
 					</audio>

 					<video src="">
 						<source src="" />
 					</video>
 				</div>
 			</section>

 			<section>
 				<form action="" method="POST">
 					<p>
 						<label>Escribe un numero</label>
 						<input type="number" min="0" max="10" name="n" />
 					</p>

 					<p>
 						<label>¿Como esta tu estado sentimental?</label>
 						<input type="range" name="sentimental" />
 					</p>
 				</form>
 			</section>

 		</div>
 	</div>

 </body>
 </html>
diff --git a/style b/style
 @import url(http://fonts.googleapis.com/css?family=Ubuntu);

 @font-face
 {
  font-family: "Museo";
 	src: url('./fonts/244C0D_0_0.ttf') format('truetype'),
 	url('./fonts/244C0D_0_0.woff') format('woff'),
 	url('./fonts/244C0D_0_0.eot?#iefix') format('embedded-opentype');
 	font-weight: normal;
 	font-style: normal;
 }

 *
 {
 	margin: 0px;
 	padding: 0px;	
 }

 body 
 {
 	font-family: Ubuntu;
 }

 body::-webkit-scrollbar
 {
 	height: 15px;
 }

 body::-webkit-scrollbar-thumb:vertical,
 body::-webkit-scrollbar-thumb:horizontal
 {
 	background: red;
 	border-radius: 15px;
 	border: 4px solid #F4F4F4;
 }

 body::-webkit-scrollbar-track 
 {
 	padding: 12px;
 	background: #F4F4F4;
 }

 body::-webkit-scrollbar-track:hover
 {
 	background: red;
 }

 .content
 {
 	width: 980px;
 	margin: auto auto;
 }

 header 
 {
 	width: 100%;
 	height: 200px;
 	background-color: #D8D8D8;
 	border-bottom: 2px solid black;
 }

 header figure img 
 {
 	margin-left: 30px;
 	width: 280px;
 	height: 150px;
 	float: left;
 }

 header nav 
 {
 	float: right;
 	margin-top: 20px;
 }

 header nav a 
 {
 	margin-right: 5px;
 }

 section
 {
 	margin-top: 15px;
 	padding-bottom: 15px;
 	border-bottom: 1px solid #D8D8D8;
 }

 section h3
 {
 	padding-bottom: 10px;
 	text-align: center;
 	font-family: "Museo";
 }

 aside
 {
 	float: right;
 	padding-bottom: 10px;
 	font-weight: bold;
 }
	<!DOCTYPE html>
	<html lang="es">
	<head>
	<meta charset="utf-8" />
	<title>Aprendiendo HTML 5!</title>

	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<meta name="lang" content="es" />

	<meta name="description" content="Con este sitio web aprenderas mucho" />

	<meta name="author" content="http://www.infosmart.mx/humans.txt" />
	<link rel="author" content="http://www.infosmart.mx/humans.txt" />

	<link rel="canonical" href="http://www.infosmart.mx/home" />

	<link href="./style.css" rel="stylesheet" />

	<script src="http://code.jquery.com/jquery-1.9.0.min.js"></script>
	<script src="./prefixfree.min.js"></script>
	<script src="./script.js"></script>

	</head>
	<body>

	<div class="page" id="page">
	<header>
	<figure>
	<img src="http://resources.infosmart.mx/infosmart/images/logo.png" />
	</figure>

	<nav>
	<a href="./index.html">Inicio</a>
	<a href="./about.html">Acerca de nosotros</a>
	<a href="http://facebook.com/infosmart.science">Nuestro Facebook</a>
	</nav>
	</header>

	<div class="content">

	<section>
	<article>
	<h3>Las manzanas revolucionan el mundo de la web</h3>

	<p>
	Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum
	</p>

	<aside>
	<p>
	Apple gana $10,000 USD al demandar a Google
	</p>
	</aside>
	</article>
	</section>

	<section>
	<p>
	Nuestro sitio estará en:
	</p>

	<progress max="200" min="0"></progress>

	<meter max="200" min="0" value="0" low="50" high="150" id="trafico"></meter>

	<div class="player">
	<audio autoplay controls loop preload>
	<source src="./audio.mp3" />
	<source src="./audio.ogg" />
	</audio>

	<video src="">
	<source src="" />
	</video>
	</div>
	</section>

	<section>
	<form action="" method="POST">
	<p>
	<label>Escribe un numero</label>
	<input type="number" min="0" max="10" name="n" />
	</p>

	<p>
	<label>¿Como esta tu estado sentimental?</label>
	<input type="range" name="sentimental" />
	</p>
	</form>
	</section>

	</div>
	</div>

	</body>
	</html>
	@import url(http://fonts.googleapis.com/css?family=Ubuntu);

	@font-face
	{
	font-family: "Museo";
	src: url('./fonts/244C0D_0_0.ttf') format('truetype'),
	url('./fonts/244C0D_0_0.woff') format('woff'),
	url('./fonts/244C0D_0_0.eot?#iefix') format('embedded-opentype');
	font-weight: normal;
	font-style: normal;
	}

	*
	{
	margin: 0px;
	padding: 0px;
	}

	body
	{
	font-family: Ubuntu;
	}

	body::-webkit-scrollbar
	{
	height: 15px;
	}

	body::-webkit-scrollbar-thumb:vertical,
	body::-webkit-scrollbar-thumb:horizontal
	{
	background: red;
	border-radius: 15px;
	border: 4px solid #F4F4F4;
	}

	body::-webkit-scrollbar-track
	{
	padding: 12px;
	background: #F4F4F4;
	}

	body::-webkit-scrollbar-track:hover
	{
	background: red;
	}

	.content
	{
	width: 980px;
	margin: auto auto;
	}

	header
	{
	width: 100%;
	height: 200px;
	background-color: #D8D8D8;
	border-bottom: 2px solid black;
	}

	header figure img
	{
	margin-left: 30px;
	width: 280px;
	height: 150px;
	float: left;
	}

	header nav
	{
	float: right;
	margin-top: 20px;
	}

	header nav a
	{
	margin-right: 5px;
	}

	section
	{
	margin-top: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #D8D8D8;
	}

	section h3
	{
	padding-bottom: 10px;
	text-align: center;
	font-family: "Museo";
	}

	aside
	{
	float: right;
	padding-bottom: 10px;
	font-weight: bold;
	}