Skip to content

Commit 2e2523a

Browse files
juangralargjuangralarg
committed
20240611_AgreguePruebasEntregaConDOM
1 parent 55d4f73 commit 2e2523a

File tree

13 files changed

+289
-385
lines changed

13 files changed

+289
-385
lines changed

‎Entregas/Entrega2/busqueda.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1.0">
66
<link rel="stylesheet" href="./estilos.css" type="text/css">
7-
<script async src="./registro.js"></script>
7+
<!-- <script async src="./registro.js"></script> -->
88
<title>ENTREGA 02</title>
99
</head>
1010

‎Entregas/Entrega2/estilos.css‎

Lines changed: 1 addition & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -25,16 +25,11 @@ p {
2525
border: 2px solid #5878ca;
2626
}
2727

28-
/* #div1 {
29-
align-content: center;
30-
align-self: center;
31-
} */
32-
28+
3329
#contenedor {
3430
display: flex;
3531
align-items: center;
3632
justify-content: center;
37-
3833
margin: 0;
3934
padding: 0;
4035
min-width: 100vw;

‎Entregas/Entrega2/registro.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1.0">
66
<link rel="stylesheet" href="./estilos.css" type="text/css">
7-
<script async src="./registro.js"></script>
7+
<!-- <script async src="./registro.js"></script> -->
88
<title>ENTREGA 02</title>
99
</head>
1010

‎Entregas/PruebasEntrega/css/estilos.css‎

Lines changed: 127 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,127 @@
1+
* {
2+
margin: 0;
3+
padding: 0;
4+
-webkit-box-sizing: border-box;
5+
-moz-box-sizing: border-box;
6+
box-sizing: border-box;
7+
}
8+
9+
body {
10+
background-size: cover;
11+
background-attachment: fixed;
12+
font-family: sans-serif;
13+
font-weight: normal;
14+
font-size: 100%;
15+
color: #a6d6ef;
16+
margin: 0;
17+
background-color: #0f4c75;
18+
}
19+
20+
.contenedor-form {
21+
background: rgba(16, 0, 63, 0.7);
22+
max-width: 500px;
23+
width: 100%;
24+
margin: 48px auto;
25+
border-radius: 5px;
26+
color: #fff;
27+
position: relative;
28+
/*padding: 40px;*/
29+
}
30+
31+
.contenedor-form .toggle {
32+
position: absolute;
33+
top: 7px;
34+
right: 7px;
35+
width: 100px;
36+
height: 30px;
37+
font-size: 12px;
38+
line-height: 25px;
39+
text-align: center;
40+
border-top: 2px solid #7fb7f3;
41+
border-bottom: 2px solid #7fb7f3;
42+
cursor: pointer;
43+
transition: all .5s ease;
44+
}
45+
46+
.contenedor-form .toggle:hover {
47+
border-top: 2px solid #0075d9;
48+
border-bottom: 2px solid #0075d9;
49+
}
50+
51+
.contenedor-form .toggle span {
52+
letter-spacing: 1px;
53+
}
54+
55+
.contenedor-form h2 {
56+
margin: 0 0 28px 0;
57+
font-size: 20px;
58+
font-weight: 400;
59+
line-height: 1;
60+
}
61+
.contenedor-form input[type="text"],
62+
.contenedor-form input[type="password"],
63+
.contenedor-form input[type="email"] {
64+
outline: none;
65+
display: block;
66+
width: 100%;
67+
padding: 10px 15px;
68+
margin: 0 0 20px 0;
69+
background: rgba(0,0,0,.5);
70+
color: #fff;
71+
border: none;
72+
border-radius: 2px;
73+
border-bottom: 4px solid #7fb7f3;
74+
box-sizing: border-box;
75+
font-family: sans-serif;
76+
font-size: 14px;
77+
font-weight:normal;
78+
transition: all .5s ease;
79+
}
80+
81+
.contenedor-form input[type="text"]:focus,
82+
.contenedor-form input[type="password"]:focus,
83+
.contenedor-form input[type="email"]:focus {
84+
border-bottom: 4px solid whitesmoke;
85+
}
86+
87+
.contenedor-form input[type="submit"] {
88+
background: #7fb7f3;
89+
color: rgba(16, 0, 63, 0.7);
90+
width: 100%;
91+
border: none;
92+
padding: 10px 0;
93+
font-size: 16px;
94+
font-weight: bolder;
95+
font-family: sans-serif;
96+
letter-spacing: 1px;
97+
cursor: pointer;
98+
transition: all .5s ease;
99+
}
100+
101+
.contenedor-form input[type="submit"]:hover {
102+
background: whitesmoke;
103+
}
104+
105+
.contenedor-form .reset-password {
106+
background: rgba(0, 117, 217, .7);
107+
width: 100%;
108+
padding: 15px 0;
109+
text-align: center;
110+
border-bottom-left-radius: 5px;
111+
border-bottom-right-radius: 5px;
112+
}
113+
114+
.contenedor-form .reset-password a {
115+
color: #fff;
116+
text-decoration: none;
117+
font-size: 16px;
118+
}
119+
120+
.contenedor-form .formulario {
121+
display: none;
122+
padding: 40px;
123+
}
124+
125+
.contenedor-form .formulario:nth-child(2) {
126+
display: block;
127+
}

‎Entregas/PruebasEntrega/estilos.css‎

Lines changed: 0 additions & 148 deletions
This file was deleted.

‎Entregas/PruebasEntrega/img/bg2.jpg‎

2.1 MB
Loading

‎Entregas/PruebasEntrega/index.html‎

Lines changed: 37 additions & 26 deletions
Original file line numberDiff line numberDiff line change
@@ -2,35 +2,46 @@
22
<html lang="en">
33
<head>
44
<meta charset="UTF-8">
5-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6-
<link rel="stylesheet" href="./estilos.css" type="text/css">
7-
<script async src="./index.js"></script>
8-
<title>ENTREGA 01</title>
5+
<title>Login Proyecto CoderHouse</title>
6+
<link rel="stylesheet" href="css/estilos.css">
97
</head>
10-
118
<body>
9+
<div class="contenedor-form">
10+
<div class="toggle">
11+
<span> Crear Cuenta</span>
12+
</div>
13+
14+
<div class="formulario">
15+
<h2>Iniciar Sesión</h2>
16+
<form action="#">
17+
<input type="text" id="GetUsuario" placeholder="Usuario" required>
18+
<input type="password" id="GetPass" placeholder="Contraseña" required>
19+
<input type="submit" id="login" value="Iniciar Sesión" onclick="validacion()">
20+
<div id="mensajeLogin"></div>
21+
</form>
22+
</div>
1223

13-
<div id="contenedor">
14-
<div id="central">
15-
<div id="login">
16-
<div class="titulo">
17-
Acceso Usuario
18-
</div>
19-
<form id="loginform">
20-
<input type="text" name="usuario" placeholder="Usuario" required>
21-
22-
<input type="password" placeholder="Contrasena" name="password" required>
23-
24-
<button type="submit" title="Ingresar" name="Ingresar">Login</button>
25-
</form>
26-
<div class="pie-form">
27-
No tienes usuario?<a href="#">Registrate</a>
28-
</div>
29-
</div>
30-
<div class="inferior">
31-
<a href="#">Inicio</a>
32-
</div>
33-
</div>
24+
<div class="formulario">
25+
<h2>Crea tu Cuenta</h2>
26+
<form action="#">
27+
<input type="text" id="SetNombre" placeholder="Nombre" required>
28+
29+
<input type="text" id="SetApellido" placeholder="Apellido" required>
30+
31+
<input type="email" id="SetMail" placeholder="Correo Electronico" required>
32+
33+
<input type="text" id="SetUsuario" placeholder="Usuario" required>
34+
35+
<input type="password" id="SetPassword" placeholder="Contraseña" required>
36+
37+
<input type="submit" id="register" value="Registrarse" onclick="registro()" >
38+
</form>
39+
</div>
40+
<div class="reset-password">
41+
<a href="#">Olvide mi Contraseña?</a>
3442
</div>
43+
</div>
44+
<script src="js/jquery-3.1.1.min.js"></script>
45+
<script src="js/main.js"></script>
3546
</body>
3647
</html>

0 commit comments

Comments
 (0)