388 lines
18 KiB
PHP
388 lines
18 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="es">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<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:wght@100..900&display=swap" rel="stylesheet">
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
|
|
<link rel="icon" href="assets/img/favico.png">
|
|
<?php
|
|
$protocol = (!empty($_SERVER['HTTPS']) && $_SERVER['HTTPS'] !== 'off' || $_SERVER['SERVER_PORT'] == 443) ? "https://" : "http://";
|
|
$host = $_SERVER['HTTP_HOST'];
|
|
$basePath = rtrim(dirname($_SERVER['SCRIPT_NAME']), '/\\') . "/";
|
|
$baseURL = $protocol . $host . $basePath;
|
|
$Titulo = "Servicios de Mantenimiento";
|
|
$sitioURL = $baseURL . "servicios";
|
|
$fileURL = $baseURL . "assets/img/trimape-1200.webp";
|
|
$descrip = "Descubra nuestra gama completa de servicios de mantenimiento industrial, comercial y residencial para garantizar la fiabilidad y seguridad de sus instalaciones.";
|
|
?>
|
|
<title><?php echo $Titulo; ?> - TRIMAPE</title>
|
|
<meta property="og:title" content="<?php echo $Titulo; ?>" />
|
|
<meta property="og:url" content="<?php echo $sitioURL; ?>" />
|
|
<meta property="og:type" content="article" />
|
|
<meta property="og:image" content="<?php echo $fileURL; ?>" />
|
|
<meta property="og:site_name" content="trimape.mx" />
|
|
<meta property="og:description" content="<?php echo $descrip; ?>" />
|
|
<meta name="twitter:card" content="summary_large_image">
|
|
<meta name="twitter:site" content="@trimape">
|
|
<meta name="twitter:title" content="<?php echo $Titulo ?>">
|
|
<meta name="twitter:description" content="<?php echo $descrip ?>">
|
|
<meta name="twitter:creator" content="@trimape">
|
|
<meta name="twitter:image" content="<?php echo $fileURL; ?>">
|
|
<meta name="twitter:domain" content="trimape.mx">
|
|
<meta name="twitter:url" content="<?php echo $sitioURL; ?>">
|
|
<link rel="canonical" href=<?php echo $sitioURL; ?> />
|
|
<link rel="icon" href="assets/img/favico.png">
|
|
<link rel="icon" href="https://trimape.mx/assets/img/trimape-logo-512-150x150.png" sizes="32x32" />
|
|
<link rel="icon" href="https://trimape.mx/assets/img/trimape-logo-512-300x300.png" sizes="192x192" />
|
|
<link rel="apple-touch-icon" href="https://trimape.mx/assets/img/trimape-logo-512-300x300.png" />
|
|
<meta name="msapplication-TileImage" content="https://trimape.mx/assets/img/trimape-logo-512-300x300.png" />
|
|
<?php include 'css-columna.htm'; ?>
|
|
<style>
|
|
/*.col-derecha-imagen-back {
|
|
background-image: url(assets/img/servicios.mp4);
|
|
}*/
|
|
|
|
.animacion-box{
|
|
transition: all 0.3s ease;
|
|
}
|
|
|
|
.animate {
|
|
animation: gradientAnimation 5s ease forwards;
|
|
}
|
|
@keyframes gradientAnimation {
|
|
0% {
|
|
background-position: 0 0;
|
|
text-shadow: none;
|
|
}
|
|
50% {
|
|
background-position: 100% 100%;
|
|
text-shadow: 0 0 20px #000;
|
|
}
|
|
100% {
|
|
background-position: 0 0;
|
|
text-shadow: none;
|
|
}
|
|
}
|
|
.zoom-container {
|
|
position: relative;
|
|
overflow: hidden;
|
|
border-radius: 10px;
|
|
}
|
|
.zoom-effect {
|
|
transition: transform .3s ease;
|
|
transform-origin: center center;
|
|
}
|
|
.zoom-container:hover .zoom-effect {
|
|
transform: scale(1.1);
|
|
}
|
|
.zoom-container:hover p::after {
|
|
content: '';
|
|
display: block;
|
|
width: 100%;
|
|
height: 3px;
|
|
background-color: green;
|
|
position: absolute;
|
|
bottom: -5px;
|
|
left: 0;
|
|
animation: slideLine .5s ease-in-out forwards;
|
|
}
|
|
@keyframes slideLine {
|
|
from {
|
|
width: 0;
|
|
}
|
|
to {
|
|
width: 100%;
|
|
}
|
|
}
|
|
p {
|
|
position: relative;
|
|
z-index: 1;
|
|
border-bottom: 3px solid transparent;
|
|
transition: border-color .5s ease;
|
|
}
|
|
.zoom-container:hover p {
|
|
border-color: green;
|
|
}
|
|
.texto-cajas-centro {
|
|
text-align: center;
|
|
position: relative;
|
|
display: inline-block;
|
|
}
|
|
.line {
|
|
position: absolute;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
bottom: 0;
|
|
width: 0;
|
|
height: 5px;
|
|
background-color: green;
|
|
transition: width .3s ease;
|
|
}
|
|
.texto-cajas-centro:hover .line {
|
|
width: 80%;
|
|
}
|
|
.img-cover {
|
|
width: 100%;
|
|
height: 170px;
|
|
object-fit: cover;
|
|
}
|
|
.col-derecha-texto {
|
|
font-size: 1rem;
|
|
}
|
|
@media (min-width:576px) {
|
|
.img-cover {
|
|
width: 100%;
|
|
height: 128px;
|
|
object-fit: cover;
|
|
}
|
|
}
|
|
@media (min-width:758px) {
|
|
.img-cover {
|
|
width: 100%;
|
|
height: 160px;
|
|
object-fit: cover;
|
|
}
|
|
.col-derecha-texto {
|
|
font-size: 1rem;
|
|
}
|
|
}
|
|
@media (min-width:992px) {
|
|
.img-cover {
|
|
width: 100%;
|
|
height: 178px;
|
|
object-fit: cover;
|
|
}
|
|
.col-derecha-texto {
|
|
font-size: 1rem;
|
|
}
|
|
}
|
|
@media (min-width:1200px) {
|
|
.img-cover {
|
|
width: 100%;
|
|
height: 218px;
|
|
object-fit: cover;
|
|
}
|
|
}
|
|
a .fw-bold {
|
|
color: #000;
|
|
text-decoration: none;
|
|
}
|
|
a:hover .fw-bold {
|
|
/*text-decoration-line: underline;
|
|
text-decoration-color: #1e90ff;
|
|
text-underline-position: under;
|
|
text-underline-offset: 1px;
|
|
text-decoration-thickness: 4px;*/
|
|
|
|
|
|
}
|
|
.texto-little {
|
|
font-size: .725rem;
|
|
}
|
|
.texto-footer-title {
|
|
color: #1e90ff;
|
|
font-weight: 700;
|
|
}
|
|
#imagenFirts{
|
|
background-color: #222e57;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<?php include 'menu-general.htm'; ?>
|
|
<div class="container-fluid" id="divFirst">
|
|
<div class="row ">
|
|
<div class="col-12 mx-0 px-0">
|
|
<div class="video-hero">
|
|
<video autoplay muted loop>
|
|
<source src="./assets/videos/servicios.webm" type="video/mp4">
|
|
Tu navegador no soporta video.
|
|
</video>
|
|
<div class="hero-overlay-box">
|
|
<div class="hero-img-top-left">
|
|
<img src="./assets/img/cuadrado-azul-top.svg" height="70">
|
|
</div>
|
|
<div class="hero-img-bottom-right">
|
|
<img src="./assets/img/cuadrado-orange-down.svg" height="70">
|
|
</div>
|
|
<h1 class="fw-bold text-titulo">SERVICIOS</h1>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="container">
|
|
|
|
<div class="row pt-3 ">
|
|
<nav style="--bs-breadcrumb-divider: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath d='M2.5 0L1 1.5 3.5 4 1 6.5 2.5 8l4-4-4-4z' fill='currentColor'/%3E%3C/svg%3E");" aria-label="breadcrumb">
|
|
<ol class="breadcrumb texto-bread fw-bold">
|
|
<li class="breadcrumb-item texto-bread p-1"><a href="./" class="link-dark">Portada</a></li>
|
|
<li class="breadcrumb-item active p-1" aria-current="page">Servicios</li>
|
|
</ol>
|
|
</nav>
|
|
|
|
|
|
</div>
|
|
|
|
<div class="row">
|
|
|
|
<div class="col-12 col-md-1"></div>
|
|
<div class="col-12 col-md-10">
|
|
<div class="row">
|
|
|
|
<div class="col-12 py-3">
|
|
<h3 class=" p-2 fw-bold text-uppercase cuadrado-azul-seccion bg-color-blue-sky-medium text-blue-dark">Servicios</h3>
|
|
</div>
|
|
<div class="col-12 justificado">
|
|
<p>Descubra nuestra gama completa de servicios de mantenimiento industrial, comercial y residencial. Desde inspecciones exhaustivas hasta reparaciones especializadas, nuestro equipo altamente capacitado está listo para garantizar la fiabilidad y seguridad de sus instalaciones.
|
|
</p>
|
|
<p>Explore nuestra lista de servicios a continuación:</p>
|
|
</div>
|
|
<div class="col-12 ">
|
|
<div class="row">
|
|
<div class="col-6 col-xl-4 p-3 box-servicio rounded-2">
|
|
<a href="servicios-lectura.php?q=mantenimiento-a-subestaciones-electricas" class="d-block texto-cajas-centro link-underline link-underline-opacity-0 link-dark">
|
|
<div class="zoom-container rounded">
|
|
<img src="./assets/img/servicios/mantenimiento-a-subestaciones-electricas.webp" class="zoom-effect img-cover">
|
|
</div>
|
|
<p class="text-servicios fw-bold text-center pt-2 ">Mantenimiento a Subestaciones Eléctricas</p>
|
|
</a>
|
|
</div>
|
|
<div class="col-6 col-xl-4 p-3 box-servicio rounded-2">
|
|
<a href="servicios-lectura.php?q=mantenimiento-a-transformadores" class="link-underline link-underline-opacity-0">
|
|
<div class="zoom-container rounded link-underline-opacity-0">
|
|
<img src="./assets/img/servicios/mantenimiento-a-transformadores.webp" class="zoom-effect img-cover">
|
|
</div>
|
|
<p class="text-servicios fw-bold text-center pt-2">Mantenimiento a Transformadores</p>
|
|
</a>
|
|
</div>
|
|
<div class="col-6 col-xl-4 p-3 box-servicio rounded-2">
|
|
<a href="servicios-lectura.php?q=mantenimiento-a-equipos-de-aire-acondicionado-y-de-refrigeracion-comercial-e-industrial" class="link-underline link-underline-opacity-0">
|
|
<div class="zoom-container rounded link-underline-opacity-0"><img src="./assets/img/servicios/mantenimiento-a-equipos-de-aire-acondicionado-y-de-refrigeracion-comercial-e-industrial.webp" class="zoom-effect img-cover"></div>
|
|
<p class="text-servicios fw-bold text-center pt-2">Mantenimiento a Equipos de Aire Acondicionado y de Refrigeración Comercial e Industrial </p>
|
|
</a>
|
|
</div>
|
|
<div class="col-6 col-xl-4 p-3 box-servicio rounded-2">
|
|
<a href="servicios-lectura.php?q=limpieza-y-desinfeccion-de-ductos-por-robotica" class="link-underline link-underline-opacity-0">
|
|
<div class="zoom-container rounded"><img src="./assets/img/servicios/limpieza-y-desinfeccion-de-ductos-por-robotica.webp" class="zoom-effect img-cover"></div>
|
|
<p class="text-servicios fw-bold text-center pt-2">Limpieza y Desinfección de Ductos por Robótica</p>
|
|
</a>
|
|
</div>
|
|
<div class="col-6 col-xl-4 p-3 box-servicio rounded-2">
|
|
<a href="servicios-lectura.php?q=mantenimiento-a-bombas-y-sistemas-hidroneumaticos" class="link-underline link-underline-opacity-0">
|
|
<div class="zoom-container rounded"><img src="./assets/img/servicios/mantenimiento-a-bombas-y-sistemas-hidroneumaticos.webp" class="zoom-effect img-cover"></div>
|
|
<p class="text-servicios fw-bold text-center pt-2">Mantenimiento a Bombas y Sistemas Hidroneumáticos</p>
|
|
</a>
|
|
</div>
|
|
<div class="col-6 col-xl-4 p-3 box-servicio rounded-2">
|
|
<a href="servicios-lectura.php?q=mantenimiento-a-plantas-de-emergencia" class="link-underline link-underline-opacity-0">
|
|
<div class="zoom-container rounded"><img src="./assets/img/servicios/mantenimiento-a-plantas-de-emergencia.webp" class="zoom-effect img-cover"></div>
|
|
<p class="text-servicios fw-bold text-center pt-2">Mantenimiento a Plantas de Emergencia</p>
|
|
</a>
|
|
</div>
|
|
<div class="col-6 col-xl-4 p-3 box-servicio rounded-2">
|
|
<a href="servicios-lectura.php?q=pintura-e-impermeabilizacion" class="link-underline link-underline-opacity-0">
|
|
<div class="zoom-container rounded"><img src="./assets/img/servicios/pintura-e-impermeabilizacion.webp" class="zoom-effect img-cover"></div>
|
|
<p class="text-servicios fw-bold text-center pt-2">Pintura e Impermeabilización</p>
|
|
</a>
|
|
</div>
|
|
<div class="col-6 col-xl-4 p-3 box-servicio rounded-2">
|
|
<a href="servicios-lectura.php?q=desinfeccion" class="link-underline link-underline-opacity-0">
|
|
<div class="zoom-container rounded"><img src="./assets/img/servicios/desinfeccion.webp" class="zoom-effect img-cover"></div>
|
|
<p class="text-servicios fw-bold text-center pt-2">Desinfección</p>
|
|
</a>
|
|
</div>
|
|
<div class="col-6 col-xl-4 p-3 box-servicio rounded-2">
|
|
<a href="servicios-lectura.php?q=mantenimiento-a-tanques-de-agua-caliente" class="link-underline link-underline-opacity-0">
|
|
<div class="zoom-container rounded"><img src="./assets/img/servicios/mantenimiento-a-tanques-de-agua-caliente.webp" class="zoom-effect img-cover"></div>
|
|
<p class="text-servicios fw-bold text-center pt-2">Mantenimiento a Tanques de Agua Caliente</p>
|
|
</a>
|
|
</div>
|
|
<div class="col-6 col-xl-4 p-3 box-servicio rounded-2">
|
|
<a href="servicios-lectura.php?q=mantenimiento-a-calderas-generadores-de-vapor" class="link-underline link-underline-opacity-0">
|
|
<div class="zoom-container rounded"><img src="./assets/img/servicios/mantenimiento-a-calderas-generadores-de-vapor.webp" class="zoom-effect img-cover"></div>
|
|
<p class="text-servicios fw-bold text-center pt-2">Mantenimiento a Calderas / Generadores de Vapor</p>
|
|
</a>
|
|
</div>
|
|
<div class="col-6 col-xl-4 p-3 box-servicio rounded-2">
|
|
<a href="servicios-lectura.php?q=mantenimiento-a-lavadoras-y-secadoras-industriales" class="link-underline link-underline-opacity-0">
|
|
<div class="zoom-container rounded"><img src="./assets/img/servicios/mantenimiento-a-lavadoras-y-secadoras-industriales.webp" class="zoom-effect img-cover"></div>
|
|
<p class="text-servicios fw-bold text-center pt-2">Mantenimiento a Lavadoras y Secadoras Industriales</p>
|
|
</a>
|
|
</div>
|
|
<div class="col-6 col-xl-4 p-3 box-servicio rounded-2">
|
|
<a href="servicios-lectura.php?q=mantenimiento-a-extractores-centrifugos" class="link-underline link-underline-opacity-0">
|
|
<div class="zoom-container rounded"><img src="./assets/img/servicios/mantenimiento-a-extractores-centrifugos.webp" class="zoom-effect img-cover"></div>
|
|
<p class="text-servicios fw-bold text-center pt-2">Mantenimiento a Extractores Centrífugos</p>
|
|
</a>
|
|
</div>
|
|
<div class="col-6 col-xl-4 p-3 box-servicio rounded-2">
|
|
<a href="servicios-lectura.php?q=estudios-de-ingenieria-electrica" class="link-underline link-underline-opacity-0">
|
|
<div class="zoom-container rounded"><img src="./assets/img/servicios/estudios-de-ingenieria-electrica.webp" class="zoom-effect img-cover"></div>
|
|
<p class="text-servicios fw-bold text-center pt-2">Estudios de Ingeniería Eléctrica</p>
|
|
</a>
|
|
</div>
|
|
<div class="col-6 col-xl-4 p-3 box-servicio rounded-2">
|
|
<a href="servicios-lectura.php?q=mantenimiento-a-equipo-medico" class="link-underline link-underline-opacity-0">
|
|
<div class="zoom-container rounded"><img src="./assets/img/servicios/mantenimiento-a-equipo-medico.webp" class="zoom-effect img-cover"></div>
|
|
<p class="text-servicios fw-bold text-center pt-2">Mantenimiento a Equipo Médico</p>
|
|
</a>
|
|
</div>
|
|
<div class="col-6 col-xl-4 p-3 box-servicio rounded-2">
|
|
<a href="servicios-lectura.php?q=mantenimiento-a-cisternas" class="link-underline link-underline-opacity-0">
|
|
<div class="zoom-container rounded"><img src="./assets/img/servicios/mantenimiento-a-cisternas.webp" class="zoom-effect img-cover"></div>
|
|
<p class="text-servicios fw-bold text-center pt-2">Mantenimiento a Cisternas</p>
|
|
</a>
|
|
</div>
|
|
<div class="col-6 col-xl-4 p-3 box-servicio rounded-2">
|
|
<a href="servicios-lectura.php?q=mantenimiento-a-plantas-tratadoras-de-aguas-residuales" class="link-underline link-underline-opacity-0">
|
|
<div class="zoom-container rounded"><img src="./assets/img/servicios/mantenimiento-a-plantas-tratadoras-de-aguas-residuales.webp" class="zoom-effect img-cover"></div>
|
|
<p class="text-servicios fw-bold text-center pt-2">Mantenimiento a Plantas Tratadoras de Aguas Residuales</p>
|
|
</a>
|
|
</div>
|
|
<div class="col-6 col-xl-4 p-3 box-servicio rounded-2">
|
|
<a href="servicios-lectura.php?q=mantenimiento-a-tableros-electricos" class="link-underline link-underline-opacity-0">
|
|
<div class="zoom-container rounded"><img src="./assets/img/servicios/mantenimiento-a-tableros-electricos.webp" class="zoom-effect img-cover"></div>
|
|
<p class="text-servicios fw-bold text-center pt-2">Mantenimiento a Tableros Eléctricos</p>
|
|
</a>
|
|
</div>
|
|
<div class="col-6 col-xl-4 p-3 box-servicio rounded-2">
|
|
<a href="servicios-lectura.php?q=mantenimiento-a-sistemas-de-energia-ininterrumpible" class="link-underline link-underline-opacity-0">
|
|
<div class="zoom-container rounded"><img src="./assets/img/servicios/mantenimiento-a-sistemas-de-energia-ininterrumpible.webp" class="zoom-effect img-cover"></div>
|
|
<p class="text-servicios fw-bold text-center pt-2">Mantenimiento a Sistemas de Energía Ininterrumpible (UPS)</p>
|
|
</a>
|
|
</div>
|
|
<div class="col-6 col-xl-4 p-3 box-servicio rounded-2">
|
|
<a href="servicios-lectura.php?q=mantenimiento-a-sistemas-contra-incendio-recarga-de-extintores" class="link-underline link-underline-opacity-0">
|
|
<div class="zoom-container rounded"><img src="./assets/img/servicios/mantenimiento-a-sistemas-contra-incendio-recarga-de-extintores.webp" class="zoom-effect img-cover"></div>
|
|
<p class="text-servicios fw-bold text-center pt-2">Mantenimiento a Sistemas contra Incendio, Recarga de Extintores</p>
|
|
</a>
|
|
</div>
|
|
<div class="col-6 col-xl-4 p-3 box-servicio rounded-2">
|
|
<a href="servicios-lectura.php?q=obra-civil-e-instalaciones-electricas" class="link-underline link-underline-opacity-0">
|
|
<div class="zoom-container rounded"><img src="./assets/img/servicios/obra-civil-e-instalaciones-electricas.webp" class="zoom-effect img-cover"></div>
|
|
<p class="text-servicios fw-bold text-center pt-2">Obra Civil e Instalaciones Eléctricas</p>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
<div class="col-12 col-md-1"></div>
|
|
|
|
</div>
|
|
</div>
|
|
<?php include 'contacto-div.htm'; ?>
|
|
<?php include 'footer.php'; ?>
|
|
<?php include 'footer-scripts.htm'; ?>
|
|
</body>
|
|
</html>
|