-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
0 parents
commit 0f3baa6
Showing
30 changed files
with
1,252 additions
and
0 deletions.
There are no files selected for viewing
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
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 |
|---|---|---|
| @@ -0,0 +1,54 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="es"> | ||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <title>Asesoría Farmacéutica</title> | ||
| <link rel="stylesheet" href="styles.css"> | ||
| </head> | ||
| <body> | ||
| <header> | ||
| <div class="logo">SANA SANA</div> | ||
| <nav> | ||
| <a href="index.html">Inicio</a> | ||
| <a href="venta-implementos.html">Venta de Implementos</a> | ||
| <a href="muebles-melamina.html">Muebles de Melamina</a> | ||
| <a href="index.html#contact">Contacto</a> | ||
| </nav> | ||
| </header> | ||
|
|
||
| <section class="hero"> | ||
| <img src="asesoria.jpg" alt="Asesoría Farmacéutica" class="hero-image"> | ||
| <div class="hero-overlay"> | ||
| <h1>Asesoría Farmacéutica</h1> | ||
| <p>Contamos con expertos para guiarte en cada etapa de tu negocio farmacéutico.</p> | ||
| </div> | ||
| </section> | ||
|
|
||
| <section class="content-section fade-in"> | ||
| <h2>Nuestros Servicios</h2> | ||
| <div class="info-grid"> | ||
| <div class="info-item"> | ||
| <img src="cumpli.jpg" alt="Cumplimiento Normativo"> | ||
| <h3>Cumplimiento Normativo</h3> | ||
| <p>Te aseguramos que tu negocio cumple con las leyes y normativas vigentes.</p> | ||
| </div> | ||
| <div class="info-item"> | ||
| <img src="audi.jpg" alt="Auditorías"> | ||
| <h3>Auditorías</h3> | ||
| <p>Realizamos auditorías periódicas para garantizar la calidad y el buen manejo de tu farmacia.</p> | ||
| </div> | ||
| <div class="info-item"> | ||
| <img src="gesti.jpg" alt="Gestión de Trámites"> | ||
| <h3>Gestión de Trámites</h3> | ||
| <p>Nos encargamos de los trámites legales necesarios para la apertura y operación.</p> | ||
| </div> | ||
| </div> | ||
| <a href="index.html" class="btn-primary">Volver al Inicio</a> | ||
| </section> | ||
|
|
||
| <footer> | ||
| <p>© 2024 SANA SANA. Todos los derechos reservados.</p> | ||
| </footer> | ||
| </body> | ||
| </html> |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
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 |
|---|---|---|
| @@ -0,0 +1,162 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="es"> | ||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <title>SANA SANA - Soluciones para Farmacias</title> | ||
| <link rel="stylesheet" href="styles.css"> | ||
| </head> | ||
| <body> | ||
|
|
||
| <!-- Header --> | ||
| <header> | ||
| <div class="logo">SANA SANA</div> | ||
| <nav> | ||
| <a href="#welcome">Inicio</a> | ||
| <a href="#services">Servicios</a> | ||
| <a href="#catalog">Catálogo</a> | ||
| <a href="#contact">Contacto</a> | ||
| </nav> | ||
| </header> | ||
|
|
||
| <!-- Sección de Bienvenida --> | ||
| <section id="welcome" class="welcome"> | ||
| <div class="welcome-container"> | ||
| <!-- Imagen de fondo o ilustración --> | ||
| <div class="welcome-background"> | ||
| <img src="sansana.png" alt="Bienvenido a SANA SANA"> | ||
| </div> | ||
| <a href="#services" class="btn-primary">Descubre nuestros servicios</a> | ||
| </div> | ||
| </div> | ||
| </section> | ||
|
|
||
| <!-- Servicios --> | ||
| <section id="services" class="services"> | ||
| <h2 class="section-title">Nuestros Servicios</h2> | ||
| <div class="service-cards"> | ||
| <!-- Servicio 1: Asesoría Farmacéutica --> | ||
| <div class="service-card"> | ||
| <i class="fas fa-hospital-user service-icon"></i> | ||
| <h3>Asesoría Farmacéutica</h3> | ||
| <p>Te acompañamos en el proceso de apertura, desde la planificación hasta la puesta en marcha.</p> | ||
| <a href="asesoria-farmaceutica.html" class="btn-secondary">Leer más</a> | ||
| </div> | ||
| <!-- Servicio 2: Muebles de Melamina --> | ||
| <div class="service-card"> | ||
| <i class="fas fa-couch service-icon"></i> | ||
| <h3>Muebles de Melamina</h3> | ||
| <p>Muebles totalmente personalizables para amoblar tu establecimiento a tu gusto.</p> | ||
| <a href="muebles-melamina.html" class="btn-secondary">Leer más</a> | ||
| </div> | ||
| </div> | ||
| </section> | ||
|
|
||
| <!-- Catálogo de Productos --> | ||
| <section id="catalog" class="catalog"> | ||
| <h2 class="section-title">Catálogo de Productos</h2> | ||
| <div class="product-cards"> | ||
| <!-- Producto 1 --> | ||
| <div class="product-card"> | ||
| <img src="botiquin.jpg" alt="Botiquín de Primeros Auxilios"> | ||
| <h3>Botiquín de Primeros Auxilios</h3> | ||
| <p>Kit esencial para emergencias médicas en tu farmacia o establecimiento.</p> | ||
| </div> | ||
| <!-- Producto 3 --> | ||
| <div class="product-card"> | ||
| <img src="imgex.jpg" alt="Extintor contra incendios"> | ||
| <h3>Extintor contra incendios</h3> | ||
| <p>Utilizado para garantizar seguridad en tu establecimiento ante cualquier incendio.</p> | ||
| </div> | ||
| <!-- Producto 2 --> | ||
| <div class="product-card"> | ||
| <img src="señaliza.png" alt="Señalíticas de Seguridad"> | ||
| <h3>Señalíticas de Seguridad</h3> | ||
| <p>Señales visibles para garantizar la seguridad en tu negocio.</p> | ||
| </div> | ||
| <!-- Producto 3 --> | ||
| <div class="product-card"> | ||
| <img src="certifu.jpg" alt="Certificado de Pozo a tierra"> | ||
| <h3>Certificado de Fumigación</h3> | ||
| <p>Certificación necesaria para cumplir con normativas de salud y seguridad.</p> | ||
| </div> | ||
| <!-- Producto 4 --> | ||
| <div class="product-card"> | ||
| <img src="rotu.png" alt="Rótulos de Áreas"> | ||
| <h3>Rótulos de Áreas</h3> | ||
| <p>Identificación clara de las áreas dentro de tu farmacia.</p> | ||
| </div> | ||
| <!-- Producto 5 --> | ||
| <div class="product-card"> | ||
| <img src="cinta.jpg" alt="Cinta de Señalización"> | ||
| <h3>Cinta de Señalización</h3> | ||
| <p>Marca zonas peligrosas o restringidas para evitar accidentes.</p> | ||
| </div> | ||
| <!-- Producto 6 --> | ||
| <div class="product-card"> | ||
| <img src="ocurre.jpg" alt="Libro de Ocurrencias"> | ||
| <h3>Libro de Ocurrencias</h3> | ||
| <p>Registra eventos importantes para un control eficiente.</p> | ||
| </div> | ||
| <!-- Producto 7 --> | ||
| <div class="product-card"> | ||
| <img src="estupe.jpg" alt="Libro de Estupefacientes"> | ||
| <h3>Libro de Estupefacientes</h3> | ||
| <p>Controla el manejo de productos con contenido especial.</p> | ||
| </div> | ||
| <!-- Producto 8 --> | ||
| <div class="product-card"> | ||
| <img src="psico.jpg" alt="Libro de Psicótropicos"> | ||
| <h3>Libro de Psicótropicos</h3> | ||
| <p>Documenta la venta de productos psicotrópicos según normativas legales.</p> | ||
| </div> | ||
| <!-- Producto 6 --> | ||
| <div class="product-card"> | ||
| <img src="emergencia.jpg" alt="Luz led de Emergencia"> | ||
| <h3>Luz led de Emergencia</h3> | ||
| <p>Confiables y eficientes para cualquier situación.</p> | ||
| </div> | ||
| <!-- Producto 7 --> | ||
| <div class="product-card"> | ||
| <img src="termo.jpg" alt="Termohigometro Calibrado"> | ||
| <h3>Termohigometro Calibrado</h3> | ||
| <p>Ideal para el control de temperatura en tu establecimiento.</p> | ||
| </div> | ||
| </div> | ||
| </section> | ||
|
|
||
| <!-- Footer --> | ||
| <footer class="footer"> | ||
| <div class="footer-container"> | ||
| <!-- Información de la empresa --> | ||
| <div class="footer-info"> | ||
| <h3>Contacta con Nosotros</h3> | ||
| <p>Brindamos soluciones integrales para farmacias y boticas. Si tienes alguna consulta, no dudes en ponerte en contacto con nosotros.</p> | ||
| <ul class="social-links"> | ||
| <li><a href="#" class="social-icon"><i class="fab fa-facebook-f"></i></a></li> | ||
| <li><a href="#" class="social-icon"><i class="fab fa-twitter"></i></a></li> | ||
| <li><a href="#" class="social-icon"><i class="fab fa-instagram"></i></a></li> | ||
| <li><a href="#" class="social-icon"><i class="fab fa-linkedin-in"></i></a></li> | ||
| </ul> | ||
| </div> | ||
|
|
||
| <!-- Formulario de contacto --> | ||
| <div class="footer-contact"> | ||
| <h3>Envíanos un Mensaje</h3> | ||
| <form action="submit_form.php" method="POST" class="contact-form"> | ||
| <input type="text" name="name" placeholder="Tu Nombre" required> | ||
| <input type="email" name="email" placeholder="Tu Correo Electrónico" required> | ||
| <textarea name="message" placeholder="Tu Mensaje" required></textarea> | ||
| <button type="submit" class="btn-primary">Enviar</button> | ||
| </form> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div class="footer-bottom"> | ||
| <p>© 2024 SANA SANA. Todos los derechos reservados.</p> | ||
| </div> | ||
| </footer> | ||
|
|
||
|
|
||
| </body> | ||
| </html> |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
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 |
|---|---|---|
| @@ -0,0 +1,114 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="es"> | ||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <title>Muebles de Melamina</title> | ||
| <link rel="stylesheet" href="styles.css"> | ||
| </head> | ||
| <body> | ||
| <!-- Header --> | ||
| <header> | ||
| <div class="logo">SANA SANA</div> | ||
| <nav> | ||
| <a href="index.html">Inicio</a> | ||
| <a href="asesoria-farmaceutica.html">Asesoría Farmacéutica</a> | ||
| <a href="venta-implementos.html">Venta de Implementos</a> | ||
| <a href="index.html#contact">Contacto</a> | ||
| </nav> | ||
| </header> | ||
|
|
||
| <!-- Hero Section --> | ||
| <section class="hero"> | ||
| <img src="mela.png" alt="Muebles de Melamina" class="hero-image"> | ||
| <div class="hero-overlay"> | ||
| <h1>Muebles de Melamina</h1> | ||
| <p>Diseño funcional y moderno para farmacias y boticas.</p> | ||
| </div> | ||
| </section> | ||
|
|
||
| <!-- Catálogo de Muebles --> | ||
| <section class="content-section fade-in"> | ||
| <h2>Catálogo de Muebles</h2> | ||
| <div class="info-grid"> | ||
| <div class="info-item"> | ||
| <img src="mostradores.jpg" alt="Vitrinas"> | ||
| <h3>Vitrinas</h3> | ||
| <p>Vitrinas modernas para exhibir tus productos.</p> | ||
| </div> | ||
| <div class="info-item"> | ||
| <img src="mostra.jpg" alt="Mostradores"> | ||
| <h3>Mostradores</h3> | ||
| <p>Mostradores ergonómicos y atractivos.</p> | ||
| </div> | ||
| <div class="info-item"> | ||
| <img src="perchas.jpg" alt="Estantería Metalica"> | ||
| <h3>Estantería Metalica</h3> | ||
| <p>Diseñadas para maximizar el espacio de almacenamiento.</p> | ||
| </div> | ||
|
|
||
| </div> | ||
|
|
||
| <!-- Colores Disponibles de Melamina --> | ||
| <section id="colores" class="colores-section"> | ||
| <h2>Colores Disponibles de Melamina</h2> | ||
| <div class="colores-grid"> | ||
| <div class="color-item"> | ||
| <div class="color-box" style="background-color: #3a5cf0ce;"></div> | ||
| <h3>Color Azul</h3> | ||
| </div> | ||
| <div class="color-item"> | ||
| <div class="color-box" style="background-color: #ffbc3f;"></div> | ||
| <h3>Color Naranja</h3> | ||
| </div> | ||
| <div class="color-item"> | ||
| <div class="color-box" style="background-color: #fff45f;"></div> | ||
| <h3>Color Amarillo</h3> | ||
| </div> | ||
| <div class="color-item"> | ||
| <div class="color-box" style="background-color: #ffffff;"></div> | ||
| <h3>Color Blanco</h3> | ||
| </div> | ||
| <div class="color-item"> | ||
| <div class="color-box" style="background-color: #ff2020;"></div> | ||
| <h3>Color Rojo</h3> | ||
| </div> | ||
| </div> | ||
| </section> | ||
|
|
||
| <!-- Colores Disponibles de Tapacantos --> | ||
| <section id="tapacantos" class="colores-section"> | ||
| <h2>Colores Disponibles de Tapacantos</h2> | ||
| <div class="colores-grid"> | ||
| <div class="color-item"> | ||
| <div class="color-box" style="background-color: #ffbc3f;"></div> | ||
| <h3>Tapacanto Naranja</h3> | ||
| </div> | ||
| <div class="color-item"> | ||
| <div class="color-box" style="background-color: #fff45f;"></div> | ||
| <h3>Tapacanto Amarillo</h3> | ||
| </div> | ||
| <div class="color-item"> | ||
| <div class="color-box" style="background-color: #3a5cf0ce;"></div> | ||
| <h3>Tapacanto Azul</h3> | ||
| </div> | ||
| <div class="color-item"> | ||
| <div class="color-box" style="background-color: #ff2020;"></div> | ||
| <h3>Tapacanto Rojo</h3> | ||
| </div> | ||
| <div class="color-item"> | ||
| <div class="color-box" style="background-color: #ffffff;"></div> | ||
| <h3>Tapacanto Blanco</h3> | ||
| </div> | ||
| </div> | ||
| </section> | ||
|
|
||
| <a href="index.html" class="btn-primary">Volver al Inicio</a> | ||
| </section> | ||
|
|
||
| <!-- Footer --> | ||
| <footer> | ||
| <p>© 2024 SANA SANA. Todos los derechos reservados.</p> | ||
| </footer> | ||
| </body> | ||
| </html> |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Oops, something went wrong.