Skip to content

Commit

Permalink
img test
Browse files Browse the repository at this point in the history
  • Loading branch information
@Jordan-Iralde
Jordan-Iralde committed Nov 28, 2024
1 parent c1bbe44 commit 9fdfc69
Show file tree
Hide file tree
Showing 4 changed files with 193 additions and 71 deletions.
48 changes: 31 additions & 17 deletions AIntegracion/Login.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -10,47 +10,44 @@
</head>
<body>


<div class="contenedor-formularios">

<ul class="contenedor-tabs">
<li class="tab tab-segunda active"><a href="Login.html">Iniciar Sesión</a></li>
<li class="tab tab-primera"><a href="Register.html">Registrarse</a></li>
</ul>


<div class="contenido-tab">

<div id="iniciar-sesion">
<h1>Iniciar Sesión</h1>
<form action="#" method="post">
<form>
<div class="contenedor-input">
<label>
<span class="req"></span>
</label>
<input type="text" required placeholder= "* Usuario" >
<input type="text" required placeholder="* Usuario">
</div>

<div class="contenedor-input">
<label>
<span class="req"></span>
</label>
<input type="password" required placeholder= "* Contraseña">
<input type="password" required placeholder="* Contraseña">
</div>
<p class="forgot"><a href="#">Se te olvidó la contraseña?</a></p>
<input type="submit" class="button button-block" value="Iniciar Sesión">
<p class="forgot"><a href="paginaEnProceso.html">¿Se te olvidó la contraseña?</a></p>
<button type="button" id="loginButton" class="button button-block">Iniciar Sesión</button>
</form>
</div>


<div id="#registrarse">
<h1>Registrarse</h1>
<form action="#" method="post">
<form>
<div class="fila-arriba">
<div class="contenedor-input">
<input type="text" required placeholder="* Nombre">
</div>

<div class="contenedor-input">
<input type="text" required placeholder="* Apellido">
</div>
Expand All @@ -64,19 +61,36 @@ <h1>Registrarse</h1>
<div class="contenedor-input">
<input type="password" required placeholder="* Contraseña">
</div>

<div class="contenedor-input">
<input type="password" required placeholder="Verificación Contraseña">
</div>

<input type="submit" class="button button-block" value="Registrarse">
</form>
<button type="button" id="registerButton" class="button button-block">Registrarse</button>
</form>
</div>
</div>
</div>


<script src="carrusel.js"></script>
<script>
document.addEventListener("DOMContentLoaded", () => {
// Botón de iniciar sesión
const loginButton = document.querySelector("#loginButton");
if (loginButton) {
loginButton.addEventListener("click", () => {
window.location.href = "index.html";
});
}

// Botón de registrarse
const registerButton = document.querySelector("#registerButton");
if (registerButton) {
registerButton.addEventListener("click", () => {
window.location.href = "index.html";
});
}
});
</script>

</body>
</html>
85 changes: 44 additions & 41 deletions AIntegracion/Register.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,58 +3,61 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">


<link href="https://fonts.googleapis.com/css?family=Raleway|Ubuntu" rel="stylesheet">

<link rel="stylesheet" href="Estilo/Login.css">
<link rel="stylesheet" href="Syles/Login/Login.css">

<title>Formulario Login y Registro de Usuarios</title>
</head>
<body>


<div class="contenedor-formularios">
<ul class="contenedor-tabs">
<li class="tab tab-segunda"><a href="Login.html">Iniciar Sesión</a></li>
<li class="tab tab-primera active"><a href="Register.html">Registrarse</a></li>
</ul>

<div id="#registrarse">
<h1>Registrarse</h1>
<form action="#" method="post">
<div class="fila-arriba">
<div class="contenedor-input">
<input type="text" required placeholder="* Nombre">
</div>

<div class="contenedor-input">
<input type="text" required placeholder="* Apellido">
</div>
</div>
<div class="contenedor-input">
<input type="text" required placeholder="* Usuario">
</div>
<div class="contenedor-input">
<input type="email" required placeholder="* Email">
</div>
<div class="contenedor-input">
<input type="password" required placeholder="* Contraseña">
</div>

<div class="contenedor-input">
<input type="password" required placeholder="Verificación Contraseña">
</div>

<input type="submit" class="button button-block" value="Registrarse">
</form>
<ul class="contenedor-tabs">
<li class="tab tab-segunda"><a href="Login.html">Iniciar Sesión</a></li>
<li class="tab tab-primera active"><a href="Register.html">Registrarse</a></li>
</ul>

<div id="#registrarse">
<h1>Registrarse</h1>
<form>
<div class="fila-arriba">
<div class="contenedor-input">
<input type="text" required placeholder="* Nombre">
</div>

<div class="contenedor-input">
<input type="text" required placeholder="* Apellido">
</div>
</div>
<div class="contenedor-input">
<input type="text" required placeholder="* Usuario">
</div>
</div>
<div class="contenedor-input">
<input type="email" required placeholder="* Email">
</div>
<div class="contenedor-input">
<input type="password" required placeholder="* Contraseña">
</div>

<div class="contenedor-input">
<input type="password" required placeholder="Verificación Contraseña">
</div>

<button type="button" id="registerButton" class="button button-block">Registrarse</button>
</form>
</div>
</div>

<script src="prueba_de_scrip.js"></script>
<script src="js/main.js"></script>
<script>
document.addEventListener("DOMContentLoaded", () => {
// Botón de registrarse
const registerButton = document.querySelector("#registerButton");
if (registerButton) {
registerButton.addEventListener("click", () => {
window.location.href = "index.html";
});
}
});
</script>

</body>
</html>
36 changes: 23 additions & 13 deletions AIntegracion/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -76,63 +76,63 @@
<!--
<h4><small>Share Your Message</small>Watch</h4>
-->
<img src="img/carruselIMG/campañasid.jpg" alt="Image">
<img src="Img/IMG General/carruselIMG/campañasid.jpg" alt="Image">
</a>
</div>
<div class="slick">
<a href="preguntasFrecuentes.html">
<!--
<h4><small>Share Your Message</small>Watch</h4>
-->
<img src="img/carruselIMG/Camañaden.jpg" alt="Image">
<img src="Img/IMG General/carruselIMG/Camañaden.jpg" alt="Image">
</a>
</div>
<div class="slick">
<a href="preguntasFrecuentes.html">
<!--
<h4><small>Share Your Message</small>Watch</h4>
-->
<img src="img/carruselIMG/campañacancer.jpeg" alt="Image">
<img src="Img/IMG General/carruselIMG/campañacancer.jpeg" alt="Image">
</a>
</div>
<div class="slick">
<a href="preguntasFrecuentes.html">
<!--
<h4><small>Share Your Message</small>Watch</h4>
-->
<img src="img/carruselIMG/campañacov.jpg" alt="Image">
<img src="Img/IMG General/carruselIMG/campañacov.jpg" alt="Image">
</a>
</div>
<div class="slick">
<a href="preguntasFrecuentes.html">
<!--
<h4><small>Share Your Message</small>Watch</h4>
-->
<img src="img/carruselIMG/campañadeco.jpeg" alt="Image">
<img src="Img/IMG General/carruselIMG/campañadeco.jpeg" alt="Image">
</a>
</div>
<div class="slick">
<a href="preguntasFrecuentes.html">
<!--
<h4><small>Share Your Message</small>Watch</h4>
-->
<img src="img/carruselIMG/campañadecon.jpg" alt="Image">
<img src="Img/IMG General/carruselIMG/campañadecon.jpg" alt="Image">
</a>
</div>
<div class="slick">
<a href="preguntasFrecuentes.html">
<!--
<h4><small>Share Your Message</small>Watch</h4>
-->
<img src="img/carruselIMG/campañasalum.png" alt="Image">
<img src="Img/IMG General/carruselIMG/campañasalum.png" alt="Image">
</a>
</div>
<div class="slick">
<a href="preguntasFrecuentes.html">
<!--
<h4><small>Share Your Message</small>Watch</h4>
-->
<img src="img/carruselIMG/campañavacu.jpeg" alt="Image">
<img src="Img/IMG General/carruselIMG/campañavacu.jpeg" alt="Image">
</a>
</div>
</div>
Expand Down Expand Up @@ -209,15 +209,15 @@ <h1 id="TituloFooter">Hospital Municipal La Falda</h1>
</div>

<div class="footer-contact-button">
<button>Contacto y Servicio</button>
<button id="ContactoBoton">Contacto y Servicio</button>
<div class="social-icons">
<a href="#" class="social-icon">
<a href="paginaEnProceso.html" class="social-icon">
<img src="footer/Img Footer/faceLogo.png" alt="Facebook" />
</a>
<a href="#" class="social-icon">
<a href="paginaEnProceso.html" class="social-icon">
<img src="footer/Img Footer/Twitter-Logo.png" alt="Twitter" />
</a>
<a href="#" class="social-icon">
<a href="paginaEnProceso.html" class="social-icon">
<img src="footer/Img Footer/instaLogo.png" alt="Instagram" />
</a>
</div>
Expand All @@ -230,7 +230,17 @@ <h1 id="TituloFooter">Hospital Municipal La Falda</h1>
<img src="Img/logo_proa.png" alt="Programa Logo">
</div>
</footer>

<script>
document.addEventListener("DOMContentLoaded", () => {
// Botón de iniciar sesión
const boton = document.querySelector("#ContactoBoton");
if (boton) {
boton.addEventListener("click", () => {
window.location.href = "paginaEnProceso.html";
});
}
});
</script>
<script src="Scripts/Script_General/carrusel.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js"></script>
Expand Down
Loading

0 comments on commit 9fdfc69

Please sign in to comment.