1070 lines
57 KiB
HTML
1070 lines
57 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<!-- Required meta tags -->
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
|
|
<!-- Bootstrap CSS -->
|
|
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
|
|
integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
|
|
<link href="./assets/owl.carousel/assets/owl.carousel.min.css" rel="stylesheet">
|
|
<link href="./assets/boxicons/css/boxicons.min.css" rel="stylesheet">
|
|
<link rel="stylesheet" href="./assets/aos/aos.css">
|
|
<link rel="stylesheet" href="./assets/animate.css/animate.css">
|
|
<link rel="stylesheet" href="./css/main.css">
|
|
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
|
|
|
|
<title>VITALCARE - Clínica de Servicios Médicos</title>
|
|
</head>
|
|
|
|
<body>
|
|
<div class="container">
|
|
<nav class="navbar navbar-expand-lg navbar-light bg-white">
|
|
<a class="navbar-brand" href="#">
|
|
<img class="logo-vitalcare mx-md-5 my-md-1" src="./img/logo-vitalcare.png" alt="">
|
|
</a>
|
|
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
|
|
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
|
|
<span class="navbar-toggler-icon"></span>
|
|
</button>
|
|
|
|
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
|
<ul class="smooth-scroll navbar-nav mx-auto">
|
|
<li class="nav-item active">
|
|
<a class="nav-link" href="#Nosotros">Nosotros <span class="sr-only">(current)</span></a>
|
|
</li>
|
|
<!--
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="#vision">Visión</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="#valores">Valores</a>
|
|
</li>
|
|
-->
|
|
<!--
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="#servicios">Servicios</a>
|
|
</li>
|
|
-->
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="#Infusion">Servicios</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="#suministro">Suministros</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="#contacto">Contacto</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="#clientes">Clientes</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="documentacion.html">Documentación</a>
|
|
</li>
|
|
<li class="nav-item my-auto pl-3">
|
|
<a class="btn btn-vitalcare btn-sm" href="#contacto"><small>Agenda tu consulta</small></a>
|
|
</li>
|
|
|
|
</div>
|
|
</nav>
|
|
|
|
<section id="hero" class="d-flex justify-content-right justify-content-center align-items-center">
|
|
<div id="heroCarousel" class="container carousel carousel-fade h-100" data-ride="carousel">
|
|
|
|
<!-- Slide 1 -->
|
|
<div class="carousel-item active h-100 hc-i1">
|
|
<div class="carousel-container h-100">
|
|
<div class="row my-auto h-100">
|
|
<div class="col-md-6 my-auto">
|
|
<img class="img-fluid animate__animated animate__fadeInUp img-logo-slide1"
|
|
src="./img/slide1-logo.png" alt="">
|
|
<p class="animate__animated animate__fadeInUp col-md-6 align-self-right ">
|
|
<div class="animate__animated animate__fadeInUp col-md-12 align-self-center p-5 ">
|
|
Unimos calidad, tecnología y seguridad para brindarte el servicio y la atención que
|
|
tú y los tuyos necesitan. <br><br>Tu bienestar es nuestra responsabilidad. <br> Tu
|
|
salud, nuestra prioridad.
|
|
</div>
|
|
</p>
|
|
</div>
|
|
<div class="col-md-6 align-self-end">
|
|
<img class="img-fluid animate__animated animate__fadeInUp"
|
|
src="./img/slides/doc_enfer.webp" alt="">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Slide 2 -->
|
|
<div class="carousel-item h-100 hc-i2">
|
|
<div class="carousel-container h-100">
|
|
<div class="row my-auto h-100">
|
|
<div class="col-md-6 my-auto text-left">
|
|
<div class="p-5 ml-md-5">
|
|
<h2 class="animate__animated animate__fadeInDown">Trabajando </br> por tu SALUD</h2>
|
|
<p class="animate__animated animate__fadeInUp">
|
|
te invitamos a conocer los servicios GENERALES y ESPECIALIZADOS que tenemos para
|
|
ti.
|
|
</p>
|
|
<a href="#Infusion"
|
|
class="btn-get-started animate__animated animate__fadeInUp scrollto">Conócenos</a>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6 align-self-end">
|
|
<img class="img-fluid animate__animated animate__fadeInUp" src="./img/slides/doc.webp"
|
|
alt="">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Slide 3 -->
|
|
<div class="carousel-item h-100 hc-i3">
|
|
<div class="carousel-container h-100">
|
|
<div class="row h-100">
|
|
<div class="col-md-6 my-auto text-left">
|
|
<div class="p-5 ml-md-5">
|
|
<h2 class="animate__animated animate__fadeInDown">Exámenes </br> Psicofísicos
|
|
</br>Integrales</h2>
|
|
<p class="animate__animated animate__fadeInUp">
|
|
¿Sabes cuál es la DOCUMENTACIÓN?
|
|
</p>
|
|
<a href="documentacion.html"
|
|
|
|
class="btn-get-started animate__animated animate__fadeInUp scrollto">Conoce la
|
|
documentación</a>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6 align-self-end">
|
|
<img class="img-fluid animate__animated animate__fadeInUp" src="./img/slides/enfer.webp"
|
|
alt="">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<a class="carousel-control-prev" href="#heroCarousel" role="button" data-slide="prev">
|
|
<span class="carousel-control-prev-icon bx bx-chevron-left" aria-hidden="true"></span>
|
|
<span class="sr-only">Previous</span>
|
|
</a>
|
|
|
|
<a class="carousel-control-next" href="#heroCarousel" role="button" data-slide="next">
|
|
<span class="carousel-control-next-icon bx bx-chevron-right" aria-hidden="true"></span>
|
|
<span class="sr-only">Next</span>
|
|
</a>
|
|
|
|
</div>
|
|
</section>
|
|
|
|
|
|
<section id="Nosotros">
|
|
<div class="row row-nosotros p-2 ">
|
|
<div class="col-12">
|
|
<h1 class="p-5">Nosotros</h1>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section id="nosotro">
|
|
<div class="row row-mision">
|
|
<div class="col-md-6 my-auto">
|
|
<div class="p-5">
|
|
<h1>Misión</h1>
|
|
<p>Conocer y entender las necesidades de nuestros clientes, para asi poder satisfacerlas,
|
|
proporcionando soluciones útiles con el apoyo de personal altamente calificado, mediante
|
|
procesos estandarizados y con una amplia gama de recursos
|
|
humanos y tecnológicos con la finalidad de garantizar la calidad del servicio.</p>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="col-md-6 align-self-end justify-self-end">
|
|
<img class="img-fluid" src="./img/about/pic1.JPG" alt="">
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section id="vision">
|
|
<div class="row row-vision">
|
|
<div class="col-md-6 my-auto order-md-2">
|
|
<div class="p-5">
|
|
<h1>Visión</h1>
|
|
<p>Ser una empresa lider en el sector de evaluaciones integrales de control y confianza, mostrar
|
|
que somos una empresa comprometida con nuestros clientes, asegurándoles profesionalismo,
|
|
honestridad, lealtad y veracidad en cada uno
|
|
de los servicios que ofrecemos.</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6 my-auto order-md-1">
|
|
<img class="img-fluid" src="./img/about/pic2.JPG" alt="">
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section id="valores">
|
|
<div class="row row-valores">
|
|
<div class="col-md-6 my-auto">
|
|
<div class="p-5">
|
|
<h1>Valores</h1>
|
|
<ul>
|
|
<li>Ética</li>
|
|
<li>Empatía</li>
|
|
<li>Compromiso</li>
|
|
<li>Trabajo en equipo</li>
|
|
<li>Lealtad</li>
|
|
<li>Liderazgo</li>
|
|
<li>Productividad</li>
|
|
</ul>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="col-md-6 align-self-end">
|
|
<img class="img-fluid" src="./img/slides/doc_enfer.webp" alt="">
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- --------------------- MAPA COBERTURA ------------------------------->
|
|
<section id="Nosotros">
|
|
<div class="row row-nosotros p-2 ">
|
|
<div class="col-12 text-center">
|
|
<h1 class="p-5">Nuestras clinicas</h1>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section id="mision">
|
|
<div class="row row-mision">
|
|
<div class="col-md-6 my-auto">
|
|
<div class="p-5">
|
|
<h1>Ciudad del Carmen</h1>
|
|
<p>En Clínica del Marino Vitalcare en Ciudad del Carmen ofrecemos exámenes médicos
|
|
especializados para la obtención de la Libreta de Mar, realizados por personal
|
|
certificado y con tecnología médica avanzada. Nuestro compromiso es brindar atención
|
|
integral, precisa y confiable para cada miembro de la comunidad marítima.
|
|
<br> ¡Agenda tu examen hoy mismo y asegura tu Libreta de Mar sin contratiempos!
|
|
|
|
</p>
|
|
<a href="#" class="btn btn-warning" data-toggle="modal" data-target="#cd_carmen">
|
|
Conoce los requerimientos
|
|
</a>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="col-md-6 align-self-end">
|
|
<img class="img-fluid" src="./img/clinicas/cd_carmen.webp" alt="">
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<div class="modal fade" id="cd_carmen" tabindex="-1" role="dialog" aria-labelledby="miModalLabel"
|
|
aria-hidden="true">
|
|
<div class="modal-dialog modal-dialog-centered" role="document">
|
|
<div class="modal-content border-0 shadow-lg">
|
|
<div class="modal-header bg-warning text-dark">
|
|
<h5 class="modal-title fw-bold" id="miModalLabel">Requerimientos — Libreta de Mar</h5>
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Cerrar">
|
|
<span aria-hidden="true">×</span>
|
|
</button>
|
|
</div>
|
|
<div class="modal-body text-secondary">
|
|
<p class="mb-1"><strong>Exámenes médicos</strong></p>
|
|
<p class="mb-3">Ciudad del Carmen — <strong>$3,600 MXN</strong></p>
|
|
<p class="mb-2"><strong>Incluye los siguientes estudios de laboratorio:</strong></p>
|
|
<ul class="mb-3">
|
|
<li>Biometría hemática</li>
|
|
<li>Química sanguínea</li>
|
|
<li>Hemoglobina glucosilada</li>
|
|
<li>Examen general de orina</li>
|
|
<li>Grupo y RH</li>
|
|
</ul>
|
|
<p class="mb-2"><strong>Estudios adicionales:</strong></p>
|
|
<ul>
|
|
<li>Radiografía</li>
|
|
<li>Electrocardiograma</li>
|
|
<li>Examen de la vista</li>
|
|
<li>Audiometría</li>
|
|
</ul>
|
|
</div>
|
|
<div class="modal-footer d-flex justify-content-between">
|
|
<!-- Botón WhatsApp con mensaje personalizado -->
|
|
<a href="https://wa.me/529381599367?text=Hola,%20quiero%20informes%20sobre%20los%20exámenes%20médicos%20para%20la%20Libreta%20del%20Marino."
|
|
target="_blank" class="btn btn-success">
|
|
WhatsApp
|
|
</a>
|
|
|
|
<!-- Botón a sección del HTML -->
|
|
<a href="https://www.google.com/maps/search/Clinica+del+Marino+-+VITALCARE,+Ciudad+del+Carmen" target="_blank" class="btn btn-primary">Ubicacion</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<section id="vision">
|
|
<div class="row row-vision">
|
|
<div class="col-md-6 my-auto order-md-2">
|
|
<div class="p-5">
|
|
<h1>Orizaba</h1>
|
|
<p>En clinica Orizaba, realizamos las evaluaciones psicofísicas integrales para la obtención y renovación de la Licencia Federal de Autotransporte Terrestre y Ferroviario ante la SICT. Con tecnología de vanguardia y personal certificado, garantizamos diagnósticos precisos y el cumplimiento riguroso de los estándares de aptitud requeridos para la seguridad operativa del sector. <br> ¡Asegure su licencia federal y agende su evaluación especializada hoy mismo!</p>
|
|
<a href="#" class="btn btn-warning" data-toggle="modal" data-target="#orizaba">
|
|
Conoce los requerimientos
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6 my-auto order-md-1">
|
|
<img class="img-fluid" src="./img/clinicas/orizaba.webp" alt="">
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<div class="modal fade" id="orizaba" tabindex="-1" role="dialog" aria-labelledby="miModalLabel"
|
|
aria-hidden="true">
|
|
<div class="modal-dialog modal-dialog-centered" role="document">
|
|
<div class="modal-content border-0 shadow-lg">
|
|
<div class="modal-header bg-warning text-dark">
|
|
<h5 class="modal-title fw-bold" id="miModalLabel">REQUERIMIENTOS LICENCIA FEDERAL</h5>
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Cerrar">
|
|
<span aria-hidden="true">×</span>
|
|
</button>
|
|
</div>
|
|
<div class="modal-body text-secondary">
|
|
<p class="mb-1"><strong>Exámenes médicos</strong></p>
|
|
<p class="mb-3">Orizaba — <strong>$3,500 MXN</strong></p>
|
|
<p class="mb-2"><strong>Incluye los siguientes estudios:</strong></p>
|
|
<ul>
|
|
<li>Examen de la vista</li>
|
|
<li>Electrocardiograma</li>
|
|
<li>Análisis de composición corporal</li>
|
|
<li>Audiometría</li>
|
|
</ul>
|
|
</div>
|
|
<div class="modal-footer d-flex justify-content-between">
|
|
<a href="https://wa.me/522722262102?text=Hola,%20quiero%20informes%20sobre%20los%20exámenes%20médicos%20para%20la%20Libreta%20del%20Marino."
|
|
target="_blank" class="btn btn-success">
|
|
WhatsApp
|
|
</a>
|
|
<a href="https://www.google.com/maps/place/Pte.+7+905,+Centro,+94300+Orizaba,+Ver." target="_blank" class="btn btn-primary">Ubicación</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<section id="valores">
|
|
<div class="row row-valores">
|
|
<div class="col-md-6 my-auto">
|
|
<div class="p-5">
|
|
<h1>Boca del Rio</h1>
|
|
<p>En clinica Boca del Rio, realizamos las evaluaciones psicofísicas integrales para la obtención y renovación de la Licencia Federal de Autotransporte Terrestre y Ferroviario ante la SICT. Con tecnología de vanguardia y personal certificado, garantizamos diagnósticos precisos y el cumplimiento riguroso de los estándares de aptitud requeridos para la seguridad operativa del sector. <br> ¡Asegure su licencia federal y agende su evaluación especializada hoy mismo!</p>
|
|
<a href="#" class="btn btn-warning" data-toggle="modal" data-target="#boca_del_rio">
|
|
Conoce los requerimientos
|
|
</a>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="col-md-6 align-self-center">
|
|
<img class="img-fluid" src="./img/clinicas/fachada.png" alt="">
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<div class="modal fade" id="boca_del_rio" tabindex="-1" role="dialog" aria-labelledby="miModalLabel"
|
|
aria-hidden="true">
|
|
<div class="modal-dialog modal-dialog-centered" role="document">
|
|
<div class="modal-content border-0 shadow-lg">
|
|
<div class="modal-header bg-warning text-dark">
|
|
<h5 class="modal-title fw-bold" id="miModalLabel">REQUERIMIENTOS LICENCIA FEDERAL</h5>
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Cerrar">
|
|
<span aria-hidden="true">×</span>
|
|
</button>
|
|
</div>
|
|
<div class="modal-body text-secondary">
|
|
<p class="mb-1"><strong>Exámenes médicos</strong></p>
|
|
<p class="mb-3">Boca Del Rio — <strong>$3,500 MXN</strong></p>
|
|
<p class="mb-2"><strong>Incluye los siguientes estudios:</strong></p>
|
|
<ul>
|
|
<li>Examen de la vista</li>
|
|
<li>Electrocardiograma</li>
|
|
<li>Análisis de composición corporal</li>
|
|
<li>Audiometría</li>
|
|
</ul>
|
|
</div>
|
|
<div class="modal-footer d-flex justify-content-between">
|
|
<a href="https://wa.me/522299788129?text=Hola,%20quiero%20informes%20sobre%20los%20exámenes%20médicos%20para%20la%20Libreta%20del%20Marino."
|
|
target="_blank" class="btn btn-success">
|
|
WhatsApp
|
|
</a>
|
|
<a href="https://www.google.com/maps/place/Av.+Urano+22,+Joyas+de+Mocambo,+94299+Boca+del+Río,+Ver." target="_blank" class="btn btn-primary">Ubicación</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<section id="Infusion">
|
|
<div class="row row-nosotros p-2 ">
|
|
<div class="col-12 text-center">
|
|
<h1 class="p-5">Terapia de Infusión</h1>
|
|
</div>
|
|
</div>
|
|
<div class="row row-mision">
|
|
<!-- Imagen principal - primero en móvil, segundo en desktop -->
|
|
<div class="col-md-6 my-auto order-md-1 order-2">
|
|
<div class="text-center mb-4">
|
|
<img class="img-fluid" src="./img/infusion/BOMBA-DE-INFUSION.png" alt="Bomba de infusión volumétrica">
|
|
</div>
|
|
</div>
|
|
<!-- Texto - segundo en móvil, primero en desktop -->
|
|
<div class="col-md-6 my-auto order-md-2 order-3">
|
|
<div class="p-5">
|
|
<!-- <h2 class="text-dark">VITALCARE DEL GOLFO</h2> -->
|
|
<p class="text-dark">Somos una empresa comprometida con la salud, con más de 10 años de experiencia en el sector. Contamos con más de 3,500 bombas de infusión volumétricas y perfusores distribuidos entre nuestros clientes en diversos hospitales.</p>
|
|
<p class="text-dark">Proporcionamos los insumos necesarios para ofrecer servicios integrales de terapia de infusión, incluyendo:</p>
|
|
<ul class="text-dark">
|
|
<li>Líneas estándar</li>
|
|
<li>Líneas fotosensibles</li>
|
|
<li>Líneas de transfusión</li>
|
|
<li>Jeringas</li>
|
|
<li>Extensiones</li>
|
|
</ul>
|
|
<p class="text-dark">Todos nuestros productos cumplen con los estándares de calidad requeridos para garantizar la seguridad y eficacia en los tratamientos médicos.</p>
|
|
<!-- <a href="#" class="btn btn-warning" data-toggle="modal" data-target="#infusionModal">
|
|
Conoce más sobre nuestros equipos
|
|
</a> -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Carrusel - tercero en móvil, se mantiene abajo en desktop -->
|
|
<div class="row order-4">
|
|
<div class="col-12">
|
|
<div class="marcas-carousel">
|
|
<div class="owl-carousel owl-theme" id="marcasCarousel">
|
|
<div class="item">
|
|
<img class="img-fluid" src="./img/infusion/cropped-Logo-PiSA-01-1109x800.png" alt="PiSA">
|
|
</div>
|
|
<div class="item">
|
|
<img class="img-fluid" src="./img/infusion/images (3).png" alt="Marca 1">
|
|
</div>
|
|
<div class="item">
|
|
<img class="img-fluid" src="./img/infusion/images (4).png" alt="Marca 2">
|
|
</div>
|
|
<div class="item">
|
|
<img class="img-fluid" src="./img/infusion/Terumo-1.png" alt="Terumo">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section id="Nosotros">
|
|
<div class="row row-nosotros p-2 ">
|
|
<div class="col-12 text-center">
|
|
<h1 class="p-5">Cobertura</h1>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<div class="d-flex justify-content-center">
|
|
<img class="img-fluid col-6 c-size" src="./img/map.gif" alt="">
|
|
</div>
|
|
<!-- --------------------- TERMINA MAPA COBERTURA -----------------------------
|
|
|
|
<!-----------------------------------------------------------------------------------------
|
|
<section id="servicios">
|
|
<div class="row row-servicios pb-5">
|
|
<div class="col-12 text-center">
|
|
<h1 class="p-5">Servicios</h1>
|
|
<div class="row">
|
|
<div class="col-md p-3">
|
|
<div class="row">
|
|
<div class="card mx-auto">
|
|
<div class="icon"><img id="img-card1" class="img-card m-3" src="./img/general1.png" alt=""></div>
|
|
<p class="title">Medicina General</p>
|
|
<p class="text text-left">Historia clínica <br> Exploración física<br> Examen de agudeza visual<br> Examen de agudeza auditiva <br></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md p-3">
|
|
<div class="row">
|
|
<div class="card mx-auto">
|
|
<div class="icon"><img id="img-card1" class="img-card m-3" src="./img/audiometria1.png" alt=""></div>
|
|
<p class="title">Audiometría</p>
|
|
<p class="text text-left">Agudeza auditiva y otoscopía</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md p-3">
|
|
<div class="row">
|
|
<div class="card mx-auto">
|
|
<div class="icon"><img id="img-card1" class="img-card m-3" src="./img/oftalmo1.png" alt=""></div>
|
|
<p class="title">Oftalmología</p>
|
|
<p class="text text-left">Agudeza visual <br> Discriminación de color <br> Fondo de ojo <br> Campimetría <br>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-md p-3">
|
|
<div class="row">
|
|
<div class="card mx-auto">
|
|
<div class="icon"><img id="img-card1" class="img-card m-3" src="./img/electro1.png" alt=""></div>
|
|
<p class="title">Electrocardiografía</p>
|
|
<p class="text text-left">Toma e interpretación de electrocardiograma en reposo</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md p-3">
|
|
<div class="row">
|
|
<div class="card mx-auto card-integral">
|
|
<div class="icon"><img id="img-card1" class="img-card m-3" src="./img/integral1.png" alt=""></div>
|
|
<p class="title">Examen psicofísico integral</p>
|
|
<p class="text text-left">Historia clínica <br> Examen médico general <br> Exploración oftalmológica <br> Exploración audiológica <br> Exploración neumológica <br> Exploración cardiológica <br> Exploración neurológica <br> Valoración y estudio
|
|
psicológico <br>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md p-3">
|
|
<div class="row">
|
|
<div class="card mx-auto">
|
|
<div class="icon"><img id="img-card1" class="img-card m-3" src="./img/optica.png" alt=""></div>
|
|
<p class="title">Óptica</p>
|
|
<p class="text text-left"> </p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="row">
|
|
<div class="col-md p-3">
|
|
<div class="row">
|
|
<div class="card mx-auto">
|
|
<div class="icon"><img id="img-card1" class="img-card m-3" src="./img/auxiliares.png" alt=""></div>
|
|
<p class="title">Elaboración y venta de auxiliares auditivos</p>
|
|
<p class="text text-left"> </p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md p-3">
|
|
<div class="row">
|
|
<div class="card mx-auto card-analisis">
|
|
<div class="icon"><img id="img-card1" class="img-card m-3" src="./img/analisis.png" alt=""></div>
|
|
<p class="title">Análisis de laboratorio</p>
|
|
<p class="text text-left">
|
|
Química sanguínea <br> Hemoglobina glicosilada<br> Glucosa
|
|
<br> Antígeno prostático<br> Dengue
|
|
<br> Tipo de sangre<br> Perfil de lípidos<br> Biometría hemática<br> Prueba de embarazo<br> Antígenos febriles de salmonelosis<br> Antidoping de 5 elementos<br>
|
|
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md p-3">
|
|
<div class="row">
|
|
<div class="card mx-auto card-medico">
|
|
<div class="icon"><img id="img-card1" class="img-card m-3" src="./img/examenempresarial.png" alt=""></div>
|
|
<p class="title">Examen médico empresarial</p>
|
|
<p class="text text-left">Historia clínica <br> Exploración física <br> Examen de agudeza visual <br> Examen de agudeza auditiva <br> Evaluación nutrimental <br> Antidoping de 5 elementos <br>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<div class="card mx-auto">
|
|
<div class="icon"><img id="img-card1" class="img-card m-3" src="./img/covid.png" alt=""></div>
|
|
<p class="title">Prueba de antígeno covid-19</p>
|
|
<p class="text text-left"> </p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
|
|
-------------------------------------------------------------------------------- -->
|
|
|
|
|
|
|
|
<!-- --------------------------- MODIFICADO ------------------------------------------ -->
|
|
<br>
|
|
<!--
|
|
<section id="suministro">
|
|
|
|
<div class="row row-suministro">
|
|
<div class="col-12 text-center">
|
|
<h1 class="p-5">Suministro Insumos / Equipo</h1>
|
|
|
|
<div class="py-5">
|
|
<h3 class="py-2">DISTRIBUIDORES MAYORISTAS</h3>
|
|
|
|
<p>Vitalcare ofrece atención especializada y excelentes descuentos para hospitales públicos y privados.
|
|
|
|
<br> Contamos con una amplia variedad en marcas.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
-->
|
|
<section id="suministro">
|
|
<div class="row row-servicios pb-5">
|
|
<div class="col-12 text-center">
|
|
<h1 class="p-3">Suministros <br>
|
|
<p style="font-size: 25px;"> Distribuidores Mayoristas
|
|
<h6>Vitalcare ofrece atención especializada y excelentes descuentos para hospitales públicos y
|
|
privados.</h6>
|
|
<h6>Contamos con una amplia variedad en marcas.</h6>
|
|
</p>
|
|
</h1>
|
|
<div class="row">
|
|
|
|
<div class="col-md-4 p-3">
|
|
<div class="row">
|
|
<div class="card mx-auto card-medbasico">
|
|
<div class="icon"><img id="img-card1" class="img-card m-3"
|
|
src="./img/EquipoMedicoBasico.png" alt=""></div>
|
|
<p class="title p-2 ml-md-2">Equipo médico básico</p>
|
|
<p class="text text-left px-3">
|
|
Carro camilla
|
|
<br>Carro rojo
|
|
<br>Cama hospitalaria
|
|
<br>Básica y cuidados intensivos
|
|
<br>Lámparas quirúrgicas
|
|
<br>Sillas de transporte
|
|
<br>Electrocardiografo
|
|
<br>Carrito médico
|
|
<br>Baumanómetro
|
|
<br>Lámpara de exportación
|
|
<br>Estetoscopio
|
|
<br>Termómetro
|
|
<br>Oxímetro
|
|
<br>Audiometro
|
|
<br>Inbody
|
|
<br>Báscula de pedestal con estadiómetro
|
|
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md p-3">
|
|
<div class="row">
|
|
<div class="card mx-auto card-altaespe ">
|
|
<div class="icon"><img id="img-card1" class="img-card m-3"
|
|
src="./img/02EquipoMedicoAltaEspecialidad.png" alt=""></div>
|
|
<p class="title p-2">Equipo médico de alta especialidad</p>
|
|
<p class="text text-left px-3 ">
|
|
Autoclaves / Esterilizadores
|
|
<br> Termobañosdigitales / Desfibriladores
|
|
<br> Equipo de monitoreo (ventiladores, electroencefalógrafo)
|
|
<br> Equipo paramonitoreo y cuidados neonatales
|
|
<br> Equipo para química clínica
|
|
<br> Hornos de secado, horno de vacío, centrífugas
|
|
<br> Imagenología (Arco en C, tomógrafo, mastógrafos, ultrasonido, equipo de
|
|
rayos X, fluoroscopio, resonancia magnética.)
|
|
<br> Mastógrafo por electroImpedancia
|
|
<br>Monitores de signos vitales<br>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="col-md p-3">
|
|
<div class="row">
|
|
<div class="card mx-auto card-cura">
|
|
<div class="icon"><img id="img-card1" class="img-card m-3"
|
|
src="./img/03MaterialDeCuracion.png" alt=""></div>
|
|
<p class="title p-2">Material de Curación</p>
|
|
<p class="text text-left px-3">
|
|
<br> Jabón quirúrgico
|
|
<br> Gasas (incluye 10x10 cm)
|
|
<br> Vendas (10 cm, elásticas, malla, yeso 12x2.7 cm)
|
|
<br> Frasco de yodopovidona 900 ml
|
|
<br> Cloruro de sodio 1000 ml
|
|
<br> Guantes (incluye estériles)
|
|
<br> Cintas adhesivas
|
|
<br> Jeringa 5 ml
|
|
<br> Hipodérmicos
|
|
<br> Algodón
|
|
<br> Apósito visual
|
|
<br> Equipo para venoclisis
|
|
<br> Guatas / Huatas
|
|
<br> Aplicadores
|
|
<br> Venditas adhesivas
|
|
<br> Ortopedia
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md p-3">
|
|
<div class="row">
|
|
<div class="card mx-auto card-medico">
|
|
<div class="icon"><img id="img-card1" class="img-card m-3"
|
|
src="./img/04MobiliarioMedico.png" alt=""></div>
|
|
<p class="title p-4">Mobiliario Médico</p>
|
|
<p class="text text-left px-3">Equipos auxiliares para diagnóstico básico<br> Mesas
|
|
de cirugía (Mecánicas o electrohidráulicas)</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md p-3">
|
|
<div class="row">
|
|
<div class="card mx-auto card-alianza">
|
|
<div class="icon"><img id="img-card1" class="img-card m-3 p-2 pt-2"
|
|
src="./img/05ServiciosYProductos.png" alt=""></div>
|
|
<p class="title p-2">Servicios y productos en Alianza Comercial</p>
|
|
<p class="text text-left px-3">Ambulancias Tipo I, II y III.<br>Clínica móvil
|
|
(Proyecto piloto en México)<br> Laboratorios móviles<br>Unidades médicas móviles
|
|
<br>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md p-3">
|
|
<div class="row">
|
|
<div class="card card-laboratorio mx-auto">
|
|
<div class="icon"><img id="img-card1" class="img-card m-3"
|
|
src="./img/06MaterialDeLaboratorio.png" alt=""></div>
|
|
<p class="title">Material de Laboratorio</p>
|
|
<p class="text text-left">
|
|
<br>Algodón
|
|
<br>Alcohol
|
|
<br>Tubos lilas k2 EDTA
|
|
<br>tubos amarillos gel y activador de coágulos
|
|
<br>Curas redondas
|
|
<br>Ligaduras
|
|
<br>Bote RPBI
|
|
<br>Vaso recolector
|
|
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-md p-4">
|
|
<div class="row">
|
|
<div class="card mx-auto">
|
|
<div class="icon"><img id="img-card1" class="img-card m-3"
|
|
src="./img/07MaterialDental.png" alt=""></div>
|
|
<p class="title">Material y equipo dental básico y alta especialidad</p>
|
|
<p class="text text-left"><br>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md p-4">
|
|
<div class="row">
|
|
<div class="card card-generico mx-auto">
|
|
<div class="icon"><img id="img-card1" class="img-card m-3"
|
|
src="./img/08MedicamentoGenerico.png" alt=""></div>
|
|
<p class="title p-3">Medicamento genérico</p>
|
|
<p class="text text-left px-3">
|
|
<br>Aspirina 500 MG
|
|
<br>Ketorolaco inyectable 30 mg/ml
|
|
<br>Nifedipino 10 MG
|
|
<br>Paracetamol 500 mg
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md p-4">
|
|
<div class="row">
|
|
<div class="card card-analisis mx-auto">
|
|
<div class="icon"><img id="img-card1" class="img-card"
|
|
src="./img/09RealizacionAnalisisQuimicos.png" alt=""></div>
|
|
<p class="title">Realización de análisis químicos biológicos</p>
|
|
<p class="text text-left">
|
|
<br>Esquipo de biometría Hematológica
|
|
<br>Grupo RH
|
|
<br>Química sanguínea
|
|
<br>HbAc
|
|
<br>Refrigerador/congelador
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md p-4">
|
|
<div class="row">
|
|
<div class="card card-refrigeracion mx-auto">
|
|
<div class="icon"><img id="img-card1" class="img-card m-3"
|
|
src="./img/11RefrigeracionCongelacion.png" alt=""></div>
|
|
<p class="title">Refrigeración y Congelación</p>
|
|
<p class="text text-left">
|
|
<br>Termómetro del refrigerador
|
|
<br>Reactivos de grupo RH
|
|
<br>Tubos de muestras
|
|
<br>Controles de calidad de equipos
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!--
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<div class="card mx-auto">
|
|
<div class="icon"><img id="img-card1" class="img-card m-3" src="./img/covid.png" alt=""></div>
|
|
<p class="title">Prueba de antígeno covid-19</p>
|
|
<p class="text text-left"> </p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
-->
|
|
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
|
|
<!-- ---------------------------MODIFICADO------------------------------------------ -->
|
|
|
|
<section id="clientes">
|
|
<div class="row row-servicios p-5">
|
|
<div class="col-12 text-center">
|
|
<h1>Nuestros clientes</h1>
|
|
<h4 class="pt-5">Sector Privado</h4>
|
|
<!-- <div class="row justify-content-center py-3">
|
|
|
|
<div class="col-4 col-md-2 m-3">
|
|
<img class="img-fluid" src="./img/clientes/duxon.png" alt="">
|
|
</div>
|
|
|
|
<div class="col-4 col-md-2 m-3">
|
|
<img class="img-fluid" src="./img/clientes/panaderiaespecial.png" alt="">
|
|
</div>
|
|
|
|
<div class="col-4 col-md-2 m-3">
|
|
<img class="img-fluid" src="./img/clientes/pemex.png" alt="">
|
|
</div>
|
|
<div class="col-4 col-md-2 m-3">
|
|
<img class="img-fluid" src="./img/clientes/previta.png" alt="">
|
|
</div>
|
|
</div> -->
|
|
<div class="pt-5 c_carousel c_private">
|
|
<div class="c_slides">
|
|
<!-- Originales -->
|
|
<img src="./img/clientes/duxon.png" alt="">
|
|
<img src="./img/clientes/panaderiaespecial.png" alt="">
|
|
<img src="./img/clientes/previta.png" alt="">
|
|
<img src="./img/clientes/constellation-brands-reposiciona-su-negocio-de-vinos-y-licores.jpg" alt="">
|
|
|
|
<!-- Duplicadas para loop -->
|
|
<img src="./img/clientes/duxon.png" alt="">
|
|
<img src="./img/clientes/panaderiaespecial.png" alt="">
|
|
<img src="./img/clientes/previta.png" alt="">
|
|
<img src="./img/clientes/constellation-brands-reposiciona-su-negocio-de-vinos-y-licores.jpg" alt="">
|
|
|
|
</div>
|
|
</div>
|
|
<h4 class="pt-5">Sector Público</h4>
|
|
<!-- <div class="row justify-content-center py-3">
|
|
<div class="col-4 col-md-2 m-3">
|
|
<img class="img-fluid" src="./img/clientes/hospitalgeneral.png" alt="">
|
|
</div>
|
|
<div class="col-4 col-md-2 m-3">
|
|
<img class="img-fluid" src="./img/clientes/conade.png" alt="">
|
|
</div>
|
|
<div class="col-4 col-md-2 m-3">
|
|
<img class="img-fluid" src="./img/clientes/sct.png" alt="">
|
|
</div>
|
|
<div class="col-4 col-md-2 m-3">
|
|
<img class="img-fluid" src="./img/clientes/tlx.png" alt="">
|
|
</div>
|
|
<div class="col-4 col-md-2 m-3">
|
|
<img class="img-fluid" src="./img/clientes/sesver.png" alt="">
|
|
</div>
|
|
</div> -->
|
|
<div class="pt-5 c_carousel c_public">
|
|
<div class="c_slides">
|
|
<!-- Originales -->
|
|
<img src="./img/clientes/hospitalgeneral.png" alt="">
|
|
<img src="./img/clientes/conade.png" alt="">
|
|
<img src="./img/clientes/sct.png" alt="">
|
|
<img src="./img/clientes/tlx.png" alt="">
|
|
<img src="./img/clientes/pemex.png" alt="">
|
|
<img src="./img/clientes/sesver.png" alt="">
|
|
|
|
|
|
<img src="./img/clientes/SEMAR.png" alt="">
|
|
<img src="./img/clientes/SSH.png" alt="">
|
|
<img src="./img/clientes/ALTAMIRA.png" alt="">
|
|
<img src="./img/clientes/DOS_BOCAS.png" alt="">
|
|
<img src="./img/clientes/HOSPITAL_HIDALGO.jpg" alt="">
|
|
<img src="./img/clientes/SALUD_HIDALGO.png" alt="">
|
|
<!-- Duplicadas para loop -->
|
|
<img src="./img/clientes/hospitalgeneral.png" alt="">
|
|
<img src="./img/clientes/conade.png" alt="">
|
|
<img src="./img/clientes/sct.png" alt="">
|
|
<img src="./img/clientes/tlx.png" alt="">
|
|
<img src="./img/clientes/pemex.png" alt="">
|
|
<img src="./img/clientes/sesver.png" alt="">
|
|
|
|
|
|
<img src="./img/clientes/SEMAR.png" alt="">
|
|
<img src="./img/clientes/SSH.png" alt="">
|
|
<img src="./img/clientes/ALTAMIRA.png" alt="">
|
|
<img src="./img/clientes/DOS_BOCAS.png" alt="">
|
|
<img src="./img/clientes/HOSPITAL_HIDALGO.jpg" alt="">
|
|
<img src="./img/clientes/SALUD_HIDALGO.png" alt="">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
<section id="contacto">
|
|
<div class="row row-contacto text-center">
|
|
<div class="col">
|
|
<h1 class="p-5">Contacto</h1>
|
|
<div class="row align-items-top justify-content-center">
|
|
<div class="col-xl-6 col-lg-6 pt-4">
|
|
<p><strong>Encuéntranos en Boca Del Rio</strong></p>
|
|
<div class="p-2">
|
|
<iframe
|
|
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3769.197232106534!2d-96.11263324919649!3d19.142841954778262!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x85c341027f302817%3A0xed9aff246f7669e5!2sAv%20Urano%2022%2C%20Joyas%20de%20Mocambo%2C%2094299%20Boca%20del%20R%C3%ADo%2C%20Ver.!5e0!3m2!1ses-419!2smx!4v1617768019126!5m2!1ses-419!2smx"
|
|
width="350" height="250" style="border:0;" allowfullscreen=""
|
|
loading="lazy"></iframe>
|
|
</div>
|
|
<p class="p-2">
|
|
Av. Urano 22, Joyas de Mocambo, Entre Ejercito Mexicano y Calle 7 <br> C.P. 94299, Boca
|
|
del Río, Veracruz. <br>
|
|
<br> Teléfono: (229) 978 8129
|
|
</p>
|
|
<a class="btn btn-vitalcare btn-sm" href="#agenda">Contáctanos</a>
|
|
|
|
</div>
|
|
<div class="col-xl-6 col-lg-6 pt-4">
|
|
<p><strong>Encuéntranos en Ciudad del Carmen</strong></p>
|
|
<div class="p-2">
|
|
<iframe
|
|
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d236.27082641151506!2d-91.8224653090092!3d18.64903715198056!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x85f107003c12e143%3A0x225389ceae65e6c6!2sClinica%20del%20Marino%20-%20VITALCARE!5e0!3m2!1ses-419!2smx!4v1759381699251!5m2!1ses-419!2smx"
|
|
width="350" height="250" style="border:0;" allowfullscreen="" loading="lazy"
|
|
referrerpolicy="no-referrer-when-downgrade"></iframe>
|
|
</div>
|
|
<p class="p-2">
|
|
Calle 56 C.P. 916, Justo Sierra, 24166 Cdad. del Carmen, Campeche.
|
|
<br> Teléfono: (938) 159 9367
|
|
</p>
|
|
<a class="btn btn-vitalcare btn-sm" href="#agenda">Contáctanos</a>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="row align-items-top justify-content-center">
|
|
<div class="col-xl-6 col-lg-6 pt-4 ">
|
|
<p><strong>Encuéntranos en Orizaba</strong></p>
|
|
<div class="p-2">
|
|
<iframe
|
|
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d802.1067467156753!2d-97.11239990256668!3d18.8418271629214!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x85c502bf1b055555%3A0x553a7a70af82192b!2sPte.%207%20905%2C%20Centro%2C%2094300%20Orizaba%2C%20Ver.!5e0!3m2!1ses-419!2smx!4v1622079319307!5m2!1ses-419!2smx"
|
|
width="350" height="250" style="border:0;" allowfullscreen=""
|
|
loading="lazy"></iframe>
|
|
</div>
|
|
<p class="p-2">
|
|
Pte. 7 905, Centro, C.P. 94300 Orizaba, Ver.<br>
|
|
Teléfonos: (272) 226 2102 - (271) 715 2600
|
|
</p>
|
|
<a class="btn btn-vitalcare btn-sm" href="#agenda">Contáctanos</a>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
|
|
|
|
<br>
|
|
<div class="text-center">
|
|
<p><small>*Recuerda llevar tu comprobante de depósito el día en que tengas tu cita.</small></p>
|
|
</div>
|
|
|
|
<div class="row text-center row-about">
|
|
<div class="col-md-4 my-auto">
|
|
<img class="img-fluid p-4" src="./img/logo-footer.png" alt="">
|
|
</div>
|
|
<div class="col-md-4 my-auto">
|
|
<p> <small>2022 VITALCARE Derechos reservados</small>
|
|
</div>
|
|
</p>
|
|
<div class="col-md-4 my-auto">
|
|
<p> <small>Powered by <a href="http://www.getmarket.mx">www.getmarket.mx</a></small></p>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<!-- Optional JavaScript -->
|
|
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
|
|
<script src="./js/jquery-3.4.1.min.js"></script>
|
|
<script src="./assets/owl.carousel/owl.carousel.min.js"></script>
|
|
|
|
<script src="./assets/aos/aos.js"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"
|
|
integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
|
|
crossorigin="anonymous"></script>
|
|
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"
|
|
integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
|
|
crossorigin="anonymous"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@10"></script>
|
|
<script src="./js/main.js"></script>
|
|
<script>
|
|
// Verificar si el formulario existe antes de agregar el event listener
|
|
const myform = document.getElementById("myform");
|
|
if (myform) {
|
|
myform.addEventListener("submit", async e => {
|
|
e.preventDefault();
|
|
const form = e.target;
|
|
const data = new FormData(form);
|
|
const res = await fetch("send_mail.php", { method: "POST", body: data });
|
|
const text = await res.text();
|
|
alert(text === "ok" ? "Correo de prueba enviado correctamente" : "Error al enviar");
|
|
});
|
|
}
|
|
</script>
|
|
<script>
|
|
// Usar jQuery completo que ya está cargado al principio
|
|
jQuery(document).ready(function($) {
|
|
console.log('Inicializando carrusel de marcas...');
|
|
$('#marcasCarousel').owlCarousel({
|
|
loop: true,
|
|
margin: 20,
|
|
nav: false,
|
|
dots: false,
|
|
autoplay: true,
|
|
autoplayTimeout: 3000,
|
|
autoplayHoverPause: false,
|
|
autoplaySpeed: 1000,
|
|
smartSpeed: 1000,
|
|
responsive: {
|
|
0: {
|
|
items: 2
|
|
},
|
|
600: {
|
|
items: 3
|
|
},
|
|
1000: {
|
|
items: 4
|
|
}
|
|
},
|
|
onInitialized: function(event) {
|
|
console.log('Carrusel inicializado correctamente');
|
|
}
|
|
});
|
|
});
|
|
</script>
|
|
|
|
|
|
</body>
|
|
|
|
</html> |