-
Notifications
You must be signed in to change notification settings - Fork 1
/
registro.html
117 lines (100 loc) · 7.83 KB
/
registro.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="images/favicon.png">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.12.1/css/all.css" crossorigin="anonymous">
<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=Brygada+1918:ital,wght@0,400;0,600;0,700;1,400&family=Inter:wght@400;700&display=swap" rel="stylesheet">
<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=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400&display=swap" rel="stylesheet">
<style>
@import url('https://fonts.googleapis.com/css?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
</style>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/[email protected]/slick/slick.css"/>
<link rel="stylesheet" href="css/registro.css">
<link rel="stylesheet" href="css/styles.css">
<!-- <link rel="stylesheet" href="css/login.css"> -->
<title>Suscripción</title>
</head>
<body>
<header>
</header>
<section class="materiales-gallery">
<div class="gallery form">
<div class="content-gallery">
<h2 class="form-text-title">Formulario de registro</h2>
<p class="form-text-p">Completa los campos para suscribirte:</p>
<form id="myForm" class="form-text form-content" action="https://lucasger78.github.io/CaC/index.html" method="post" onsubmit="return validacion()">
<label class="label-register" for="nombre">Nombre:</label>
<input type="text" class="input-register" id="nombre" name="nombre" placeholder="Ingrese nombre..."><br><br>
<label class="label-register" for="apellido">Apellido:</label>
<input type="text" class="input-register" id="apellido" name="apellido" placeholder="Ingrese apellido..."><br><br>
<label class="label-register label-date" for="fecha_de_nacimiento">Fecha de nacimiento:</label>
<input type="date" class="input-register input-date" id="fecha_de_nacimiento" name="fecha_de_nacimiento" placeholder="(dd/mm/aaaa)"><br><br>
<label class="label-register" for="email">Email:</label>
<input type="text" class="input-register" id="email" name="email" placeholder="Ingrese email..."><br><br>
<label class="label-register" for="ciudad">Ciudad:</label>
<input type="text" class="input-register" id="ciudad" name="ciudad" placeholder="Ingrese ciudad..."><br><br>
<p class="form-text-p">
<label class="label-register" for="foto">Subí tu foto</label>
</p>
<input type="file" class="typeFile" id="foto" name="foto"><br><br>
<p class="form-text-p">Enterate de las últimas cartas y novedades!<br>
Deseo informarme sobre novedades: <input type="checkbox" name="news" value="Si">
</p><br><br>
<input class="btn btn-danger" id="btn-suscribe" type="submit" value="Registrarse">
<input type="hidden" name="_next" value="https://lucasger78.github.io/CaC/index.html"><br><br>
</form>
</div>
</div>
</section>
<!-- === FOOTER === -->
<footer style="z-index: 999;">
<div class="container-footer">
<div class="footer-content">
<h3 class="title-footer">Contact Us</h3>
<ul class="list-footer">
<li><i class="fa fa-envelope"></i><a href="mailto:[email protected]" target="_blank"> [email protected]</a></li>
<li><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-whatsapp" viewBox="0 0 16 16">
<path d="M13.601 2.326A7.85 7.85 0 0 0 7.994 0C3.627 0 .068 3.558.064 7.926c0 1.399.366 2.76 1.057 3.965L0 16l4.204-1.102a7.9 7.9 0 0 0 3.79.965h.004c4.368 0 7.926-3.558 7.93-7.93A7.9 7.9 0 0 0 13.6 2.326zM7.994 14.521a6.6 6.6 0 0 1-3.356-.92l-.24-.144-2.494.654.666-2.433-.156-.251a6.56 6.56 0 0 1-1.007-3.505c0-3.626 2.957-6.584 6.591-6.584a6.56 6.56 0 0 1 4.66 1.931 6.56 6.56 0 0 1 1.928 4.66c-.004 3.639-2.961 6.592-6.592 6.592m3.615-4.934c-.197-.099-1.17-.578-1.353-.646-.182-.065-.315-.099-.445.099-.133.197-.513.646-.627.775-.114.133-.232.148-.43.05-.197-.1-.836-.308-1.592-.985-.59-.525-.985-1.175-1.103-1.372-.114-.198-.011-.304.088-.403.087-.088.197-.232.296-.346.1-.114.133-.198.198-.33.065-.134.034-.248-.015-.347-.05-.099-.445-1.076-.612-1.47-.16-.389-.323-.335-.445-.34-.114-.007-.247-.007-.38-.007a.73.73 0 0 0-.529.247c-.182.198-.691.677-.691 1.654s.71 1.916.81 2.049c.098.133 1.394 2.132 3.383 2.992.47.205.84.326 1.129.418.475.152.904.129 1.246.08.38-.058 1.171-.48 1.338-.943.164-.464.164-.86.114-.943-.049-.084-.182-.133-.38-.232"/>
</svg><a href="https://wa.link/ie7jd2" target="_blank"> +121 56556 565556</a></li><br>
<li><i class="fa fa-map-marker"></i><a href="https://maps.app.goo.gl/UsooKo35hemVnbaFA" target="_blank"> 742 Evergreen Terrace</a></li>
</ul>
</div>
<div class="footer-content">
<h3 class="title-footer">Quick Links</h3>
<ul class="list-footer">
<li><a href="index.html">Home</a></li>
<li><a href="cards.html">Cartas</a></li>
<li><a href="users.html">Usuarios</a></li>
<li><a href="semana.html">Ganadores</a></li>
<li><a href="contact.html">Contacto</a></li>
</ul>
</div>
<div class="footer-content">
<h3 class="title-footer">Follow Us</h3>
<ul class="social-icons">
<li><a href="https://www.tiktok.com/" target="_blank"><span class="fa-brands--tiktok"></span></a></li>
<li><a href="https://www.x.com/" target="_blank"><i class="fab fa-twitter"></i></a></li>
<li><a href="https://www.instagram.com/" target="_blank"><i class="fab fa-instagram"></i></a></li>
<li><a href="https://www.linkedin.com/" target="_blank"><i class="fab fa-linkedin"></i></a></li>
</ul>
</div>
</div>
<div class="bottom-bar">
<p>© 2024 CaC => Nancy| Lucas | Antonella | Conrado | Mauricio. || All rights reserved</p>
</div>
</footer>
<!-- === END FOOTER === -->
<script src="js/script.js"></script>
<script src="js/js-validation.js"></script>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/[email protected]/slick/slick.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
</body>
</html>