<!DOCTYPE html>
<html>
<head>
<!-- Etiqueta que me permite los diseños adaptables de Bootstrap, la escala inicial 1.0 1 px x pixel -->
<meta name="Viewport" contente="width=device-width, initial-scale=1.0">
<meta hhttp-equiv="Content-Type" content="text/html; charset=UTF-8" />
<!-- Declaramos o adjuntamos la hoja de estilos de bootstrap -->
<link rel="stylesheet" type="text/css" href="framework/css/bootstrap.css">
<!-- Declaramos o adjuntamos la hoja de estilos propia que modifica a los de Bootstrap -->
<link rel="stylesheet" type="text/css" href="framework/css/style.css">
<link href='http://fonts.googleapis.com/css?family=Asap:400,700' rel='stylesheet' type="text/css">
<title>Document</title>
</head>
<body>
<!-- Creamos un divisor/contenedor para el formulario div.ibody+tab nos pone el div con la clase -->
<div class="ibody">
<!-- Encerramos esta parte del encabezado dentro de otro divisor-->
<div class="jumbotron">
<h1>Contacta</h1>
</div>
<!-- Creo un divisor para separar el formulario del borde -->
<div class="fcontacto">
<!-- Encierro en un divisor la imagen para centrarlo div.logo-->
<div class="logo">
<!-- Pondré un logotipo con img+tab-->
<img src="img/ic_devmanager_future.png" alt="Contacto">
</div>
<!-- Formulario con la acción hacia la misma página, con un método POST -->
<form method="POST" name="fcontacto" id="fcontacto" action="./">
<!-- Creo un contenedor llamado row para poder usar el grid/grillas de Bootstrap -->
<div class="row">
<!-- Creo otros 2 contenedores dentro para las columnas div.col-md-6, esto lo que
hará será dividir el espacio del row en 2 partes, ahorra espacio y da visibilidad-->
<div class="col-md-6">
<!-- Creo varios labels con sus respectivos input. label*3+tab,
ponemos la clase a nuestros input, para ponerla en todos a la
vez ctrl y click en cada tag, creo los punteros.-->
<label>Nombre:</label>
<!-- Aplicamos la clase form-control de Bootstrap q aplica estilo a los formularios-->
<input type="text" name="name" id="name" class="form-control">
</div>
<!-- Como son dos columnas metemos este también dentro de un div class col -->
<div class="col-md-6">
<label>Email:</label>
<input type="text" name="email" id="email" class="form-control">
</div>
</div>
<label>Asunto:</label>
<input type="text" name="subject" id="subject" class="form-control">
<label>Mensaje:</label>
<textarea name="message" id="message" cols="30" rows="10" class="form-control">
</textarea>
<!-- Boton enviar con su clase bootstrap btn btn-info que es color blue, texto -->
<input type="submit" class="btn btn-info" value="Enviar">
</form>
</div> <!--cierro divisor fcontacto-->
</div>
</body>
</html>