-
Notifications
You must be signed in to change notification settings - Fork 1
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #1 from SahiG0/main
s
- Loading branch information
Showing
1 changed file
with
128 additions
and
46 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,21 +1,21 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="es"> | ||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <title>Carta de Pregunta y Respuesta</title> | ||
| <script src="haha.js"></script> | ||
| <link rel="stylesheet" href="Syles/Styles_Chatbot/Style.css"> | ||
| <link rel="stylesheet" href="footer/footer.css"> <!-- Esto Es Del Footer--> | ||
| <link rel="stylesheet" href="header/header.css"> <!-- Esto Es Del Header--> | ||
| <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap" rel="stylesheet"> | ||
| </head> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <title>Home</title> | ||
| <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"> | ||
| <link rel="stylesheet" href="Syles/Styles_General/style.css"> <!-- Esto Es Del General--> | ||
| <link rel="stylesheet" href="header/header.css"> <!-- Esto Es Del Header--> | ||
| <link rel="stylesheet" href="footer/footer.css"> <!-- Esto Es Del Footer--> | ||
| <link rel="stylesheet" href="Syles/Styles_General/styleCarusel.css"> <!-- Esto Es Del Carrusel--> | ||
| </head> | ||
| <body> | ||
| <header> | ||
| <nav class="navbar navbar-expand-lg custom-navbar"> | ||
| <div class="container-fluid"> | ||
| <a href="index.html" class="navbar-brand"> | ||
| <img src="header/Img_Header/LogoHospital.png" alt="LogoHospital" class="logo"> | ||
| <img src="header/Img_Header/LogoHospital.png" alt="LogoHospital"> | ||
| </a> | ||
| <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> | ||
| <span class="navbar-toggler-icon"></span> | ||
|
|
@@ -55,47 +55,127 @@ | |
| </div> | ||
| </header> | ||
|
|
||
| <main> | ||
| <section class="diseño"> | ||
| <div class="encabezado"></div> | ||
| <div class="ladoIzquierdo"> | ||
| <img id="imagenCelular" src="Img/IMG Chatbot/Sin_título-removebg-preview.png" alt="celular" height="500px" width="250px"> | ||
| </div> | ||
| <div class="ladoDerecho"> | ||
| <section class="cuadricula"> | ||
| <!-- Más tarjetas agregadas --> | ||
| <div class="tarjeta"> | ||
| <div class="frente">¿Dónde es?</div> | ||
| <div class="reverso">Un hospital es...</div> | ||
|
|
||
|
|
||
| <main class="FondoGradiente"> | ||
| <div class="Carousel"> <!-- carusel --> | ||
| <div class="slick-list" id="slick-list"> | ||
| <button class="slick-arrow slick-prev" id="button-prev" data-button="button-prev" onclick="app.processingButton(event)"> | ||
| <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="chevron-left" class="svg-inline--fa fa-chevron-left fa-w-10" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M34.52 239.03L228.87 44.69c9.37-9.37 24.57-9.37 33.94 0l22.67 22.67c9.36 9.36 9.37 24.52.04 33.9L131.49 256l154.02 154.75c9.34 9.38 9.32 24.54-.04 33.9l-22.67 22.67c-9.37 9.37-24.57 9.37-33.94 0L34.52 272.97c-9.37-9.37-9.37-24.57 0-33.94z"></path></svg> | ||
| </button> | ||
| <div class="slick-track" id="track"> | ||
| <div class="slick"> | ||
| <a href="preguntasFrecuentes.html"> | ||
| <!-- | ||
| <h4><small>Share Your Message</small>Watch</h4> | ||
| --> | ||
| <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/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/IMG General/carruselIMG/campañacancer.jpeg" alt="Image"> | ||
| </a> | ||
| </div> | ||
| <div class="tarjeta"> | ||
| <div class="frente">Documentos necesarios</div> | ||
| <div class="reverso">Un hospital es...</div> | ||
| <div class="slick"> | ||
| <a href="preguntasFrecuentes.html"> | ||
| <!-- | ||
| <h4><small>Share Your Message</small>Watch</h4> | ||
| --> | ||
| <img src="Img/IMG General/carruselIMG/campañacov.jpg" alt="Image"> | ||
| </a> | ||
| </div> | ||
| <div class="tarjeta"> | ||
| <div class="frente">¿Qué es un hospital?</div> | ||
| <div class="reverso">Un hospital es...</div> | ||
| <div class="slick"> | ||
| <a href="preguntasFrecuentes.html"> | ||
| <!-- | ||
| <h4><small>Share Your Message</small>Watch</h4> | ||
| --> | ||
| <img src="Img/IMG General/carruselIMG/campañadeco.jpeg" alt="Image"> | ||
| </a> | ||
| </div> | ||
| <div class="tarjeta"> | ||
| <div class="frente">¿Qué servicios ofrece?</div> | ||
| <div class="reverso">Los hospitales ofrecen...</div> | ||
| <div class="slick"> | ||
| <a href="preguntasFrecuentes.html"> | ||
| <!-- | ||
| <h4><small>Share Your Message</small>Watch</h4> | ||
| --> | ||
| <img src="Img/IMG General/carruselIMG/campañadecon.jpg" alt="Image"> | ||
| </a> | ||
| </div> | ||
| <div class="tarjeta"> | ||
| <div class="frente">¿Cómo hacer una consulta?</div> | ||
| <div class="reverso">Puedes realizar una consulta...</div> | ||
| <div class="slick"> | ||
| <a href="preguntasFrecuentes.html"> | ||
| <!-- | ||
| <h4><small>Share Your Message</small>Watch</h4> | ||
| --> | ||
| <img src="Img/IMG General/carruselIMG/campañasalum.png" alt="Image"> | ||
| </a> | ||
| </div> | ||
| <div class="tarjeta"> | ||
| <div class="frente">¿Cuáles son los horarios?</div> | ||
| <div class="reverso">El horario del hospital es...</div> | ||
| <div class="slick"> | ||
| <a href="preguntasFrecuentes.html"> | ||
| <!-- | ||
| <h4><small>Share Your Message</small>Watch</h4> | ||
| --> | ||
| <img src="Img/IMG General/carruselIMG/campañavacu.jpeg" alt="Image"> | ||
| </a> | ||
| </div> | ||
| </section> | ||
| <button id="botonChat"> | ||
| <a href="chat.html">Chatbot</a> | ||
| </div> | ||
| <button class="slick-arrow slick-next" id="button-next" data-button="button-next" onclick="app.processingButton(event)"> | ||
| <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="chevron-right" class="svg-inline--fa fa-chevron-right fa-w-10" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z"></path></svg> | ||
| </button> | ||
| </div> | ||
| </section> | ||
| </main> | ||
| </div> | ||
| <div class="ContenedorDeTextos"> | ||
| <h2>Nuevo Equipamiento Hospitalario</h2> | ||
| <p>La Municipalidad de La Falda ha incorporado en el laboratorio del Hospital, equipamiento de primera línea para la realización de análisis. | ||
| La inversión realizada fue $2.500.000 y se adquirieron los siguientes elementos:</p> | ||
| <img src="Img/noticias.png" alt=""> | ||
| <ul> | ||
| <li>Contador hematológico</li> | ||
| <li>Equipo diestro Ion selectivo</li> | ||
| <li>Auto analizador CM250 Wiener</li> | ||
| <li>Estufa de cultivo</li> | ||
| <li>Microscopio</li> | ||
| <li>Centrifuga</li> | ||
| <li>Baño termostático</li> | ||
| </ul> | ||
| <div style="margin-left: 500px;"> | ||
| <h2>Nuevo Equipamiento Hospitalario</h2> | ||
| <p>La Municipalidad de La Falda ha incorporado en el laboratorio del Hospital, equipamiento de primera línea para la realización de análisis. | ||
| La inversión realizada fue $2.500.000 y se adquirieron los siguientes elementos:</p> | ||
| <ul> | ||
| <li>Contador hematológico</li> | ||
| <li>Equipo diestro Ion selectivo</li> | ||
| <li>Auto analizador CM250 Wiener</li> | ||
| <li>Estufa de cultivo</li> | ||
| <li>Microscopio</li> | ||
| <li>Centrifuga</li> | ||
| <li>Baño termostático</li> | ||
| </ul> | ||
| </div> | ||
| </div> | ||
|
|
||
| </nav> | ||
|
|
||
| <section id="odontologicos"> | ||
| <h2>Centros Odontológicos Integrales</h2> | ||
| <p>centros odontológicos.</p> | ||
| </section> | ||
| <section id="optica"> | ||
| <h2>Óptica y Contactología Regina Elena</h2> | ||
| <p>óptica.</p> | ||
| </section> | ||
| </div> | ||
| </main> | ||
| <footer><!-- Digamos que este footer ya esta bastante bien :)--> | ||
| <div class="footer-contact"> | ||
| <h1 id="TituloFooter">Hospital Municipal La Falda</h1> | ||
|
|
@@ -154,6 +234,8 @@ <h1 id="TituloFooter">Hospital Municipal La Falda</h1> | |
| } | ||
| }); | ||
| </script> | ||
| <script type="text/javascript">(function () { var ldk = document.createElement('script'); ldk.type = 'text/javascript'; ldk.async = true; ldk.src = 'https://s.cliengo.com/weboptimizer/667ac7d2926bf5278bce2f30/667ac7d4926bf5278bce2f33.js?platform=view_installation_code'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ldk, s); })();</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> | ||
| </body> | ||
| </html> | ||
| </html> | ||