Skip to content

Commit

Permalink
actualización registro
Browse files Browse the repository at this point in the history
  • Loading branch information
@lucasger78
lucasger78 committed Apr 7, 2024
1 parent 078c3da commit fd64503
Show file tree
Hide file tree
Showing 4 changed files with 226 additions and 25 deletions.
55 changes: 55 additions & 0 deletions css/registro.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,55 @@
/* body{
margin: auto;
background-color: #f5f5f5;
font-family: Montserrat extrabold, sans-serif;
display: grid;
place-items: center;
} */
form{
display: grid;
align-items: center;
}
/* h2{
text-align: center;
text-decoration: none;
} */

.form-text-title{
font-family: Montserrat extrabold, sans-serif;
font-size:large;
text-transform: uppercase;
}

.form-text {
font-family: Montserrat extrabold, sans-serif;
font-size:small;
text-transform: uppercase;
}

.form-text-p {
font-family: Montserrat semibold, sans-serif;
font-size:xx-small;
text-transform: uppercase;
}

/* .form_card{
margin-top: 20px;
padding: 20px;
justify-content: center;
width: 350px;
height: 400px;
border-color: black;
border-width: 5px;
border-style: solid;
border-radius: 20px;
} */
.btn-info {
font-family: Montserrat extrabold, sans-serif;
font-size: small;
text-transform: uppercase;
border-radius: 4px;
}
/* #btn-suscribe{
background-color: #DC3545;
color: whitesmoke;
} */
27 changes: 2 additions & 25 deletions login.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -24,30 +24,7 @@
<body>
<!-- ===== NAV BAR ===== -->
<header>
<!-- <div class="navbar">
<div class="logo"><a href="#">Customize Cards</a></div>
<ul class="links">
<li><a href="index.html">Home</a></li>
<li><a href="cards.html">Cartas</a></li>
<li><a href="#">Usuarios</a></li>
<li><a href="#">Contacto</a></li>
</ul>
<div>
<button class="btn btn-danger btn-log"><a href="register" class="action_btn">Registrar</a></button>
<button class="btn btn-warning btn-log btn-log_in"><a href="login.html" class="action_btn">Login</a></button>
</div>
<div class="toggle_btn">
<i class="fa-solid fa-bars"></i>
</div>
</div>
<div class="dropdown_menu">
<li><a href="index.html">Home</a></li>
<li><a href="cards.html">Cartas</a></li>
<li><a href="#">Usuarios</a></li>
<li><a href="#">Contacto</a></li>
<button class="btn btn-danger btn-log"><a href="register" class="action_btn">Registrar</a></button>
<button class="btn btn-warning btn-log"><a href="login.html" class="action_btn">Login</a></button>
</div> -->

</header>

<!-- ===== END NAV BAR ===== -->
Expand All @@ -58,7 +35,7 @@
<div class="gallery form">
<div class="content-gallery">
<h2 class="form-text-title">Login</h2>
<form class="form-text form-content" action="https://lucasger78.github.io/CaC/users.html" method="GET">
<form class="form-text " action="https://lucasger78.github.io/CaC/users.html" method="GET">
<label for="fname">Nombre:</label>
<input type="text" id="fname" name="fname"><br><br>
<label for="lname">Contraseña:</label>
Expand Down
103 changes: 103 additions & 0 deletions registro.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,103 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<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">

<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 class="form-text form-content" action="show_data.html" target="_blank">
<label for="nombre">Nombre:</label>
<input type="text" name="nombre" placeholder="Ingrese su nombre...">
<label for="apellido">Apellido:</label>
<input type="text" name="apellido" placeholder="Ingrese su apellido...">
<label for="fecha_de_nacimiento">Fecha de nacimiento:</label>
<input type="date" name="fecha_de_nacimiento" placeholder="(dd/mm/aaaa)">
<label for="email">Email:</label>
<input type="text" name="email" placeholder="Ingrese su email">
<label for="ciudad">Ciudad:</label>
<input type="text" name="ciudad" placeholder="Ingrese ciudad donde reside...">
<p class="form-text-p">Enterate de las ultimas cartas y novedades!
Deseo informarme sobre novedades:<input type="checkbox" name="news" value="Si">
</p>
<input class="btn btn-danger" id="btn-suscribe" type="submit" value="Registrase"><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="">Home</a></li>
<li><a href="">Cartas</a></li>
<li><a href="">Usuarios</a></li>
<li><a href="">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>&copy; 2024 CaC => Nancy| Lucas | Antonella | Conrado. || All rights reserved</p>
</div>
</footer>
<!-- === END FOOTER === -->

<script src="js/script.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>


66 changes: 66 additions & 0 deletions show_data.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,66 @@
<!-- Show_data -->



<html>
<head>
<title>Feedback Sent</title>
</head>
<body>
<p align=center>&nbsp;</p>
<h1 align=center><font size="+1">The following information has been sent as your
feedback:</font></h1>

<table border="1" align=center width="226">
<tr>
<th align="center">Form Field</th>
<th align="center">Field Value</th>
</tr>

<script language="javascript">
var args = location.search.substr(1).split('&');
for (var i = 0; i < args.length; ++i) {
var parts = args[i].split('=');
if (parts != null) {
var field = parts[0];
var value = parts[1];
if (value == null) {
value = "null"
}
else {
value = '"' + unescape(value.replace(/\+/g, ' ')) + '"';
}

document.writeln('<tr><td align="center">' + field + '</td>');
document.writeln('<td align="center">' + value + '</td></tr>');
}
}
</script>

<noscript>
<tr><td>
<p>You need to turn on Javascript in your browser.</p>

<p>In Microsoft Internet Explorer 4 or greater:</p>
<ul>
<li>From the "Tools" menu (in IE 4, it's the "View" menu), select "Internet Options".</li>
<li>Click on the "Security" tab.</li>
<li>Click on the "Custom Level" button. (In IE 4, select "Custom"
and then click on "Settings...".)</li>
<li>Under "Active scripting" make sure "Enable" is selected.</li>
</ul>

<p>In Netscape version 4 or greater:</p>
<ul>
<li>From the <b>Edit</b> menu, select <b>Preferences</b>.</li>
<li>In the <b>Category</b> list on the left, click on the word "Advanced".</li>
<li>In the panel on the right, make sure "Enable JavaScript" is checked.</li>
<li>Click the <b>OK</b> button.</li>
</ul>

</td></tr>
</noscript>

</table>
</body>
</html>

0 comments on commit fd64503

Please sign in to comment.