diff --git a/README.md b/README.md
new file mode 100644
index 0000000..79b617a
--- /dev/null
+++ b/README.md
@@ -0,0 +1,9 @@
+<html>
+  <head>
+    <title>Desafió 4</title>
+  </head>
+  <body>
+    <p>Se agrego en el formularios.html una lista ordenada y desordenada.</p>
+    <p>En el index.html se agrego un enlace a una página de compras</p>
+  </body>
+</html>
diff --git a/formularios.html b/formularios.html
index b1b6701..2e7055b 100644
--- a/formularios.html
+++ b/formularios.html
@@ -1,69 +1,88 @@
 <!DOCTYPE html>
 <html lang="es">
+
 <head>
-	<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
-	<link rel="stylesheet" type="text/css" href="css/cadif1.css">
+  <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
+  <link rel="stylesheet" type="text/css" href="css/cadif1.css">
+
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>formularios</title>
 
-	<meta charset="utf-8">
-	<meta name="viewport" content="width=device-width, initial-scale=1">
-	<title>formularios</title>
-	
 </head>
+
 <body>
   <h2>Formulario vertical(por defecto)</h2>
 
   <div class="container">
-      <form action="action.php">
-        <div class="form-group">
-          <label>Usuario</label>
-          <input type="usuario" name="usuario" class="form-control">
-        </div>
-        Password
-        <input type="password" name="passw" class="form-control">
-        <input type="submit" name="Entrar" value="iniciar" class="btn btn-primary btn-md">
-      </form>
+    <form action="action.php">
+      <div class="form-group">
+        <label>Usuario</label>
+        <input type="usuario" name="usuario" class="form-control">
+      </div>
+      Password
+      <input type="password" name="passw" class="form-control">
+      <input type="submit" name="Entrar" value="iniciar" class="btn btn-primary btn-md">
+    </form>
 
   </div>
 
-<h2>Formulario en linea</h2>
+  <h2>Formulario en linea</h2>
 
   <div class="container">
-      <form action="action.php" class="form-inline">
-        <div class="form-group">
-          <label>Usuario</label>
-          <input type="usuario" name="usuario" class="form-control">
-        </div>
-        Password
-        <input type="password" name="passw" class="form-control">
-        <input type="submit" name="Entrar" value="iniciar" class="btn btn-primary btn-md">
-      </form>
+    <form action="action.php" class="form-inline">
+      <div class="form-group">
+        <label>Usuario</label>
+        <input type="usuario" name="usuario" class="form-control">
+      </div>
+      Password
+      <input type="password" name="passw" class="form-control">
+      <input type="submit" name="Entrar" value="iniciar" class="btn btn-primary btn-md">
+    </form>
   </div>
 
-<h2>Formulario Horizontal</h2>
+  <h2>Formulario Horizontal</h2>
 
   <div class="container">
-      <form action="action.php" class="form-horizontal">
-        <div class="form-group">
-          <label class="control-label col-sm-2">Usuario</label>
-          <div class="col-sm-10">
-            <input type="usuario" name="usuario" class="form-control">
-          </div>
+    <form action="action.php" class="form-horizontal">
+      <div class="form-group">
+        <label class="control-label col-sm-2">Usuario</label>
+        <div class="col-sm-10">
+          <input type="usuario" name="usuario" class="form-control">
         </div>
-        <div class="form-group">
-       <label class="control-label col-sm-2"> Password</label>
-          <div class="col-sm-10">
-            <input type="password" name="passw" class="form-control">
-          </div>
+      </div>
+      <div class="form-group">
+        <label class="control-label col-sm-2"> Password</label>
+        <div class="col-sm-10">
+          <input type="password" name="passw" class="form-control">
         </div>
-        <div class="form-group">
+      </div>
+      <div class="form-group">
         <div class="col-sm-10 col-sm-offset-2">
           <input type="submit" name="Entrar" value="iniciar" class="btn btn-primary btn-md">
         </div>
       </div>
-      </form>
+    </form>
 
   </div>
-
-
+  <ol>
+    <li>
+      <h4>GitHub</h4>
+      <ul>
+        <li>
+          <p>
+            Es una plataforma basada en la nube donde puedes almacenar, <br>
+            compartir y trabajar junto con otros usuarios para escribir <br>
+            código.
+          </p>
+        </li>
+        <li>
+          <p>Los usuarios pueden entrar a los proyectos y colaborar para <br>
+            agregar funciones o mejorar las que ya están disponibles.</p>
+        </li>
+      </ul>
+    </li>
+  </ol>
 </body>
+
 </html>
\ No newline at end of file
diff --git a/index.html b/index.html
index 1b22ce7..74772f7 100644
--- a/index.html
+++ b/index.html
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html lang="es">
+
 <head>
 	<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
 	<link rel="stylesheet" type="text/css" href="css/estilo.css">
@@ -7,193 +8,196 @@
 	<meta charset="utf-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1">
 	<title>Bootstrap</title>
-	
+
 </head>
+
 <body>
-<nav class="navbar navbar-inverse navbar-fixed-top">
-  <div class="container-fluid">
-    <div class="navbar-header">
-      <a class="navbar-brand" href="#">WebSiteName</a>
-    </div>
-    <ul class="nav navbar-nav navbar-right ">
-      <li class="active"><a href="#">Home</a></li>
-      <li><a href="#">Page 1</a></li>
-      <li class="dropdown">
-        <a class="dropdown-toggle" data-toggle="dropdown" href="#">Page 2
-        <span class="caret"></span></a>
-        <ul class="dropdown-menu">
-          <li><a href="#">Page 2-1</a></li>
-          <li><a href="#">Page 2-2</a></li>
-          <li><a href="#">Page 2-3</a></li>
-        </ul>
-      </li>
-      <li><a href="#">Page 3</a></li>
-    </ul>
-  </div>
-</nav>
-<div class="container-fluid">
-	<div class="row">
-		<div class="col-sm-12 hidden-xs">
-			<div class="jumbotron">
-				<h1>Probando Bootstrap</h1>
-				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
-				tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
-				quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea 
+	<nav class="navbar navbar-inverse navbar-fixed-top">
+		<div class="container-fluid">
+			<div class="navbar-header">
+				<a class="navbar-brand" href="#">WebSiteName</a>
+			</div>
+			<ul class="nav navbar-nav navbar-right ">
+				<li class="active"><a href="#">Home</a></li>
+				<li><a href="#">Page 1</a></li>
+				<li class="dropdown">
+					<a class="dropdown-toggle" data-toggle="dropdown" href="#">Page 2
+						<span class="caret"></span></a>
+					<ul class="dropdown-menu">
+						<li><a href="#">Page 2-1</a></li>
+						<li><a href="#">Page 2-2</a></li>
+						<li><a href="#">Page 2-3</a></li>
+					</ul>
+				</li>
+				<li><a href="#">Page 3</a></li>
+			</ul>
+		</div>
+	</nav>
+	<div class="container-fluid">
+		<div class="row">
+			<div class="col-sm-12 hidden-xs">
+				<div class="jumbotron">
+					<h1>Probando Bootstrap</h1>
+					<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
+						tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
+						quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
 					</p>
-				<button type="button" class="btn btn-info" data-toggle="collapse" data-target="#demo">Ver detalles</button>
-			  <div id="demo" class="collapse">
-			    Lorem ipsum dolor sit amet, consectetur adipisicing elit,
-			    sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
-			    quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
-			  </div>
+					<button type="button" class="btn btn-info" data-toggle="collapse" data-target="#demo">Ver
+						detalles</button>
+					<div id="demo" class="collapse">
+						Lorem ipsum dolor sit amet, consectetur adipisicing elit,
+						sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
+						quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+					</div>
+				</div>
 			</div>
+
 		</div>
+		<section class="row" id="Productos">
+			<article class="col-sm-4">
+				<h3 class="text-center">Titulo</h3>
+				<img src="img/imagen01.jpg" class="img-responsive">
+				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
+					tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.
+				</p>
+				<p class="text-center">
+					<button type="button" class="btn btn-success btn-lg" data-toggle="modal"
+						data-target="#myModal1"><span class="glyphicon glyphicon-usd"></span>Comprar</button>
+				</p>
+				<div class="modal fade" id="myModal1" role="dialog">
+					<div class="modal-dialog">
 
-	</div>
-	<section class="row" id="Productos">
-		<article class="col-sm-4">
-			<h3 class="text-center">Titulo</h3>
-			<img src="img/imagen01.jpg" class="img-responsive">
-			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
-			tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.
-			 </p>
-			 <p class="text-center">
-			 	<button type="button" class="btn btn-success btn-lg" data-toggle="modal" data-target="#myModal1"><span class="glyphicon glyphicon-usd"></span>Comprar</button>
-			 </p>
-			 <div class="modal fade" id="myModal1" role="dialog">
-    		<div class="modal-dialog">
-    
-      <!-- Modal content-->
-      		<div class="modal-content">
-        	<div class="modal-header">
-          	<button type="button" class="close" data-dismiss="modal">&times;</button>
-          	<h4 class="modal-title">Modal Header</h4>
-        	</div>
-        	<div class="modal-body">
-          	<p>Some text in the modal.</p>
-        	</div>
-        <div class="modal-footer">
-          <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
-        </div>
-      </div>
-      
-    </div>
-  </div>
-		</article>
-		<article class="col-sm-4">
-			<h3 class="text-center">Titulo</h3>
-			<img src="img/imagen02.jpg" class="img-responsive">
-			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
-			tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.
-			 </p>
-			 <p class="text-center">
-			 	<button type="button" class="btn btn-success btn-lg"><span class="glyphicon glyphicon-usd"></span>Comprar</button>
-			 </p>
-		</article>
-		<article class="col-sm-4">
-			<h3 class="text-center">Titulo</h3>
-			<img src="img/imagen03.jpg" class="img-responsive">
-			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
-			tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.
-			 </p>
-			 <p class="text-center">
-			 	<button type="button" class="btn btn-success btn-lg"><span class="glyphicon glyphicon-usd"></span>Comprar</button>
-			 </p>
-		</article>
-
-	</section>
-	<section class="row" id="destacados">
-		<article class="col-sm-6 col-md-push-6">
-			<h3 class="text-center">Titulo</h3>
-			<img src="img/imagen04.jpg" class="img-responsive">
-			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
-			tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.
-			 </p>
-		</article>
-		<article class="col-sm-6 col-md-pull-6">
-			<h3 class="text-center">Titulo</h3>
-			<img src="img/imagen03.jpg" class="img-responsive">
-			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
-			tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.
-			 </p>
-		</article>
-	</section>
-	<section class="row" id="tab">
-		<div class="col-sm-4 col-sm-offset-4">
-			<ul class="nav nav-tabs">
-			  <li class="active"><a data-toggle="tab" 
-			    href="#acad">La Academia</a></li>
-			  <li><a data-toggle="tab" 
-			    href="#cert">Certificacion</a></li>
-			  <li><a data-toggle="tab" 
-			    href="#contact">Contacto</a></li>
-			</ul>
+						<!-- Modal content-->
+						<div class="modal-content">
+							<div class="modal-header">
+								<button type="button" class="close" data-dismiss="modal">&times;</button>
+								<h4 class="modal-title">Modal Header</h4>
+							</div>
+							<div class="modal-body">
+								<p>Some text in the modal.</p>
+							</div>
+							<div class="modal-footer">
+								<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
+							</div>
+						</div>
+
+					</div>
+				</div>
+			</article>
+			<article class="col-sm-4">
+				<h3 class="text-center">Titulo</h3>
+				<img src="img/imagen02.jpg" class="img-responsive">
+				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
+					tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.
+				</p>
+				<p class="text-center">
+					<button type="button" class="btn btn-success btn-lg"><span
+							class="glyphicon glyphicon-usd"></span>Comprar</button>
+				</p>
+			</article>
+			<article class="col-sm-4">
+				<h3 class="text-center">Titulo</h3>
+				<img src="img/imagen03.jpg" class="img-responsive">
+				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
+					tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.
+				</p>
+				<p class="text-center">
+					<button type="button" class="btn btn-success btn-lg"><span
+							class="glyphicon glyphicon-usd"></span>Comprar</button>
+				</p>
+			</article>
+
+		</section>
+		<section class="row" id="destacados">
+			<article class="col-sm-6 col-md-push-6">
+				<h3 class="text-center">Titulo</h3>
+				<img src="img/imagen04.jpg" class="img-responsive">
+				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
+					tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.
+				</p>
+			</article>
+			<article class="col-sm-6 col-md-pull-6">
+				<h3 class="text-center">Titulo</h3>
+				<img src="img/imagen03.jpg" class="img-responsive">
+				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
+					tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.
+				</p>
+			</article>
+		</section>
+		<section class="row" id="tab">
+			<div class="col-sm-4 col-sm-offset-4">
+				<ul class="nav nav-tabs">
+					<li class="active"><a data-toggle="tab" href="#acad">La Academia</a></li>
+					<li><a data-toggle="tab" href="#cert">Certificacion</a></li>
+					<li><a data-toggle="tab" href="#contact">Contacto</a></li>
+				</ul>
 
-		</div>
-		<div class="col-sm-12">
-			<div class="tab-content">
-			<div id="acad" class="tab-pane fade in active text-center">
-			    <h3>Academia</h3>
-			    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
-			    tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
-			    quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-			    consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
-			    cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
-			    proident, sunt in culpa qui officia deserunt mollit anim id est laborum.	</p>
-			</div>
-			<div id="cert" class="tab-pane fade text-center">
-			    <h3>Certificacion</h3>
-			    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
-			    tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
-			    quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-			    consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
-			    cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
-			    proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
 			</div>
-			<div id="contact" class="tab-pane fade text-center">
-			    <h3>Contacto</h3>
-			    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
-			    tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
-			    quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
-			    consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
-			    cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
-			    proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+			<div class="col-sm-12">
+				<div class="tab-content">
+					<div id="acad" class="tab-pane fade in active text-center">
+						<h3>Academia</h3>
+						<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
+							tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
+							quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+							consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
+							cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
+							proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </p>
+					</div>
+					<div id="cert" class="tab-pane fade text-center">
+						<h3>Certificacion</h3>
+						<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
+							tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
+							quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+							consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
+							cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
+							proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+					</div>
+					<div id="contact" class="tab-pane fade text-center">
+						<h3>Contacto</h3>
+						<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
+							tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
+							quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+							consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
+							cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
+							proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+					</div>
+				</div>
 			</div>
-		</div>
-		</div>
-		
 
-	</section>
 
-</div>
+		</section>
 
-	<footer class="container-fluid">
-	<div class="row">
-		<div class="col-sm-4" >
-			<h2>Contactos</h2>
-			<p>Email<span class="glyphicon glyphicon-envelope"></span>:contact@cadif1.com</p>
-			<p>Telefono<span class="glyphicon glyphicon-earphone"></span>:0251-23546847</p>
-			<p></p>
-			 
-		</div>
-		<div class="col-sm-4" >
-			
-		</div>
-		<div class="col-sm-4" >
-			<h2>Enlaces de interes</h2>
-			<ul>
-				<li><a href="#">enlace 1</a></li>
-				<li><a href="#">enlace 2</a></li>
-				<li><a href="#">enlace 3</a></li>
-				<li><a href="#">enlace 4</a></li>
-			</ul>
-		</div>
 	</div>
 
-</footer>	
+	<footer class="container-fluid">
+		<div class="row">
+			<div class="col-sm-4">
+				<h2>Contactos</h2>
+				<p>Email<span class="glyphicon glyphicon-envelope"></span>:contact@cadif1.com</p>
+				<p>Telefono<span class="glyphicon glyphicon-earphone"></span>:0251-23546847</p>
+				<p></p>
+
+			</div>
+			<div class="col-sm-4">
+
+			</div>
+			<div class="col-sm-4">
+				<h2>Enlaces de interes</h2>
+				<ul>
+					<li><a href="#">enlace 1</a></li>
+					<li><a href="#">enlace 2</a></li>
+					<li><a href="#">enlace 3</a></li>
+					<li><a href="#">enlace 4</a></li>
+					<li><a href="https://www.mercadolibre.com.ve/" target="_blank" title="Whatsapp">Mercado Libre</a></li>
+				</ul>
+			</div>
+		</div>
 
+	</footer>
 
-<script type="text/javascript" src="js/jquery3.3.1.js"></script>
-<script src="js/bootstrap.min.js" type="text/javascript"></script>
+	<script type="text/javascript" src="js/jquery3.3.1.js"></script>
+	<script src="js/bootstrap.min.js" type="text/javascript"></script>
 </body>
+
 </html>
\ No newline at end of file
