Tarea terminada

glaukon · Feb 7, 2022 · 049ce50 · 049ce50
commit 049ce50
Show file tree

Hide file tree

Showing 200 changed files with 82,783 additions and 0 deletions.
diff --git a/css/bootstrap.min.css b/css/bootstrap.min.css
diff --git a/css/main.css b/css/main.css
@@ -0,0 +1,38 @@
+* {
+  margin: 0;
+  padding: 0;
+  font-family: "Nunito", Verdana, sans-serif;
+}
+
+body.login {
+  background-color: #34889c;
+  background: linear-gradient(to right, #34889c, #4678c8);
+}
+
+.bg-login {
+  background-image: url("../img/login.svg");
+  background-position: center center;
+  background-repeat: no-repeat;
+  background-size: contain;
+}
+
+#main-page {
+  background-color: #f8f9fc;
+  width: auto;
+}
+.callout-primary {
+  border-left-width: 6px;
+  border-left-color: #428bca;
+}
+.callout-success {
+  border-left-width: 6px;
+  border-left-color: #1cc88a;
+}
+.callout-info {
+  border-left-width: 6px;
+  border-left-color: #36b9cc;
+}
+
+
+
+
diff --git a/img/login.svg b/img/login.svg
diff --git a/img/mouse.png b/img/mouse.png
diff --git a/img/pantalla.png b/img/pantalla.png
diff --git a/img/torre.png b/img/torre.png
diff --git a/img/webcam.png b/img/webcam.png
diff --git a/img/xiaomi.png b/img/xiaomi.png
diff --git a/index.html b/index.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <title>Página de inicio</title>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <link rel="stylesheet" href="./css/bootstrap.min.css">
+  <link rel="stylesheet" href="./css/main.css">
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+<link href="https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">
+  <script src="./js/bootstrap.bundle.min.js"></script>
+</head>
+<body class="login">
+    <div class="container w-75 bg-white mt-5 rounded-3 shadow">
+        <div class="row align-items-lg-stretch">
+            <div class="col bg-login my-5 mx-2 d-none d-sm-none d-md-block">
+            </div>
+            <div class="col py-5">
+                <h2 class="fw-bold text-center py-5">Bienvenido</h2>
+                <form action="./principal.html">
+                    <div class="mb-4">
+                        <label for="email" class="form-label">Correo electrónico</label>
+                        <input type="email" class="form-control" name="email">
+                    </div>
+                    <div class="mb-4">
+                        <label for="password" class="form-label">Contraseña</label>
+                        <input type="password" class="form-control" name="password">                       
+                    </div>
+                    <div class="mb-4 form-check">
+                        <input type="checkbox" name="connected" class="form-check-input">
+                        <label for="connected" class="form-check-label">Mantenerme conectado</label>
+                    </div>
+                    <div class="d-grid">
+                        <button type="submit" id="boton" class="btn btn-primary ">Iniciar Sesión</button>
+                    </div>
+                    <div class="my-3">
+                        <span>No tienes cuenta? <a href="#">Regístrate</a></span><br>
+                        <span><a href="#">Recuperar Password</a></span>
+                    </div>                    
+                </form>
+            </div>
+        </div>
+    </div>
+</body>
+</html>
diff --git a/js/bootstrap.bundle.min.js b/js/bootstrap.bundle.min.js
diff --git a/node_modules/bootstrap/LICENSE b/node_modules/bootstrap/LICENSE
diff --git a/node_modules/bootstrap/README.md b/node_modules/bootstrap/README.md