403Webshell
Server IP : 127.0.0.1  /  Your IP : 216.73.216.109
Web Server : Apache/2.4.54 (Win64) OpenSSL/1.1.1q PHP/8.1.10
System : Windows NT DESKTOP-E5T4RUN 10.0 build 19045 (Windows 10) AMD64
User : SERVERWEB ( 0)
PHP Version : 8.1.10
Disable Function : NONE
MySQL : OFF |  cURL : ON |  WGET : OFF |  Perl : OFF |  Python : OFF |  Sudo : OFF |  Pkexec : OFF
Directory :  C:/laragon/www/modules/unidades/

Upload File :
current_dir [ Writeable] document_root [ Writeable]

 

Command :


[ Back ]     

Current File : C:/laragon/www/modules/unidades/index-TDI.html
<!DOCTYPE html>
<html class="no-js">
<head>
    <meta charset="utf-8">
    <title>TDI - Jefatura de Tecnologías de Información | GAMQ</title>
    <meta name="description" content="Unidad TDI del Gobierno Autónomo Municipal de Quillacollo - Desarrollo de Sistemas, Gestión de Cámaras de Seguridad y Soporte Técnico">
    <meta name="author" content="Gobierno Autónomo Municipal de Quillacollo">
    <!-- Mobile Specific Metas -->
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <!-- Favicons -->
    <link rel="shortcut icon" href="/assets/images/brand/logo.png">
    <!-- FONTS -->
    <link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Roboto:100,300,400,400italic,700'>
    <link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Patua+One:100,300,400,400italic,700'>
    <link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Lato:400,400italic,700,700italic,900'>
    <link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Orbitron:100,300,400,400italic,500,700,700italic'>
    <!-- CSS -->
    <link rel='stylesheet' href='/assets/css/global.css'>
    <link rel='stylesheet' href='assets/tdi/css/structure.css'>
    <link rel='stylesheet' href='assets/tdi/css/universe.css'>
    <link rel='stylesheet' href='assets/tdi/css/custom.css'>
    <!-- Revolution Slider -->
    <link rel="stylesheet" href="/assets/plugins/rs-plugin-5.3.1/css/settings-ver.5.3.1.css">
    <style>
        
    .gallery-section {
        padding: 60px 0;
        background-color: #0e1a1a;
    }
    
    .section-title {
        text-align: center;
        color: #ffffff;
        margin-bottom: 40px;
        font-size: 28px;
        position: relative;
    }
    
    .section-title:after {
        content: "";
        display: block;
        width: 80px;
        height: 3px;
        background: #EBA43D;
        margin: 15px auto 0;
    }
    
    .gallery-container {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 20px;
    }
    
    .gallery-row {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin-bottom: 30px;
        gap: 20px;
    }
    
    .gallery-item {
        flex: 1 1 300px;
        max-width: 360px;
        position: relative;
        overflow: hidden;
        border-radius: 8px;
        box-shadow: 0 5px 15px rgba(0,0,0,0.3);
        transition: transform 0.3s ease;
    }
    
    .gallery-item:hover {
        transform: translateY(-5px);
    }
    
    .gallery-image {
        width: 100%;
        height: 240px;
        object-fit: cover;
        display: block;
        transition: transform 0.5s ease;
    }
    
    .gallery-item:hover .gallery-image {
        transform: scale(1.05);
    }
    
    .gallery-caption {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        background: rgba(0,0,0,0.7);
        color: white;
        padding: 12px;
        text-align: center;
        font-size: 16px;
        transform: translateY(100%);
        transition: transform 0.3s ease;
    }
    
    .gallery-item:hover .gallery-caption {
        transform: translateY(0);
    }
    
    @media (max-width: 768px) {
        .gallery-row {
            flex-direction: column;
            align-items: center;
        }
        
        .gallery-item {
            flex: 1 1 100%;
            max-width: 100%;
            margin-bottom: 20px;
        }
        
        .gallery-caption {
            transform: translateY(0);
            position: relative;
            background: rgba(0,0,0,0.8);
        }
    }
    
    .service-gallery {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
        gap: 15px;
        margin-top: 30px;
    }
    
    .service-gallery img {
        width: 100%;
        height: 200px;
        object-fit: cover;
        border-radius: 5px;
        transition: transform 0.3s ease;
    }
    
    .service-gallery img:hover {
        transform: scale(1.03);
    }
    
    .service-card {
        background: rgba(255,255,255,0.05);
        border-radius: 8px;
        padding: 25px;
        transition: all 0.3s ease;
        height: 100%;
        text-align: center;
    }
    
    .service-card:hover {
        background: rgba(255,255,255,0.1);
        transform: translateY(-5px);
    }
    
    .highlight-box {
        background: linear-gradient(135deg, rgba(30,30,30,0.9) 0%, rgba(50,50,50,0.9) 100%);
        border-left: 4px solid #EBA43D;
        padding: 25px;
        margin: 30px 0;
    }
    
    /* New styles for centered images */
    .centered-image-container {
        display: flex;
        justify-content: center;
        margin: 20px 0;
    }
    
    .centered-image {
        max-width: 100%;
        height: auto;
        border-radius: 8px;
        box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    }
    
    .service-section {
        text-align: center;
        margin-bottom: 40px;
    }
    
    .service-title {
        margin-bottom: 20px;
        color: #ffffff;
    }
    </style>
    <script src="/assets/js/lib/jquery-3.7.1.min.js"></script>
    <script> 
    $(function(){            
        var urlParams = new URLSearchParams(window.location.search);
        var category = urlParams.get('category');
        var author = 1;
        var tempFilter = 'all';
        $("#press").load("news-section.php", { author: author });
        $("#footer").load("footer.php");
        $('#apps').load('../../sections/section-apps.php', { tempFilter: tempFilter });
    });
    </script>
</head>

<body class="button-stroke layout-full-width one-page no-content-padding header-simple sticky-header sticky-tb-color ab-hide subheader-both-center menu-link-color mobile-tb-center mobile-side-slide mobile-mini-mr-ll tablet-sticky mobile-header-mini mobile-sticky">
    <div id="Wrapper">
        <div id="Header_wrapper">
            <header id="Header">
                <div class="header_placeholder"></div>
                <div id="Top_bar">
                    <div class="container">
                        <div class="column one">
                            <div class="top_bar_left clearfix">
                                <div class="logo">
                                    <a id="logo" href="/" title="GAMQ" data-height="60" data-padding="5">
                                        <img class="logo-main scale-with-grid" src="/assets/images/brand/Logos GAMQ whiteText.png" title="GAMQ" data-retina="/assets/images/brand/logo-retina-white.png" data-height="89">
                                        <img class="logo-sticky scale-with-grid" src="/assets/images/brand/Logos GAMQ whiteText.png" title="GAMQ" data-retina="/assets/images/brand/logo-retina-white.png" data-height="89">
                                        <img class="logo-mobile scale-with-grid" src="/assets/images/brand/Logos GAMQ whiteText.png" title="GAMQ" data-retina="/assets/images/brand/logo-retina-white.png" data-height="89">
                                        <img class="logo-mobile-sticky scale-with-grid" src="/assets/images/brand/Logos GAMQ whiteText.png" title="GAMQ" data-retina="/assets/images/brand/logo-retina-white.png" data-height="89"></a>
                                </div>
                                <div class="menu_wrapper">
                                    <nav id="menu">
                                        <ul id="menu-menu" class="menu menu-main">
                                            <li>
                                                <a href="#Header_wrapper"><span>Inicio</span></a>
                                            </li>
                                            <li>
                                                <a href="#quienessomos"><span>Quiénes Somos</span></a>
                                            </li>
                                            <li>
                                                <a href="#sistemas"><span>Desarrollo de Software</span></a>
                                            </li>
                                            <li>
                                                <a href="#camaras"><span>Servicio de Cámaras</span></a>
                                            </li>
                                            <li>
                                                <a href="#soportetec"><span>Soporte Técnico</span></a>
                                            </li>
                                            <li>
                                                <a href="#normativas"><span>Normativas</span></a>
                                            </li>
                                            <li>
                                                <a href="#gallery"><span>Galería</span></a>
                                            </li>
                                            <li>
                                                <a href="#contact"><span>Contactos</span></a>
                                            </li>
                                        </ul>
                                    </nav>
                                    <a class="responsive-menu-toggle" href="#"><i class="icon-menu-fine"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="mfn-main-slider" id="mfn-rev-slider">
                    <div id="rev_slider_1_1_wrapper" class="rev_slider_wrapper fullwidthbanner-container" data-source="gallery">
                        <div id="rev_slider_1_1" class="rev_slider fullwidthabanner" style="display:none;" data-version="5.4.7.2">
                            <ul>
                                <li data-index="rs-1" data-transition="fade" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default" data-easeout="default" data-masterspeed="300" data-rotate="0" data-saveperformance="off" data-title="Slide"
                                    data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
                                    <img src="assets/tdi/images/universe-slider-bg.jpg" title="universe-slider-bg" width="1913" height="1401" data-bgposition="right bottom" data-bgfit="cover" data-bgrepeat="no-repeat" class="rev-slidebg">
                                    <div class="tp-caption   tp-resizeme" id="slide-1-layer-1" data-x="center" data-hoffset="" data-y="194" data-width="['auto']" data-height="['auto']" data-type="text" data-responsive_offset="on" data-frames='[{"delay":0,"speed":300,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
                                        data-textAlign="['center','center','center','center']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" style="z-index: 5;margin: -56px; font-size: 62px; letter-spacing: -2px;padding: -11px; white-space: nowrap;  line-height: 70px; font-weight: 400; color: #ffffff; font-family:Orbitron">
                                        Tecnologías 
                                        <br> de Información
                                    </div>
                                    <div class="tp-caption   tp-resizeme" id="slide-1-layer-4" data-x="751" data-y="720" data-width="['none','none','none','none']" data-height="['none','none','none','none']" data-type="image" data-responsive_offset="on" data-frames='[{"delay":0,"speed":300,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
                                        data-textAlign="['inherit','inherit','inherit','inherit']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" style="z-index: 7"><img src="assets/tdi/images/universe-slider-line.png" data-ww="3px" data-hh="137px" width="3" height="137">
                                    </div>
                                    <div class="tp-caption   tp-resizeme" id="slide-1-layer-6" data-x="144" data-y="605" data-width="['auto']" data-height="['auto']" data-type="text" data-responsive_offset="on" data-frames='[{"delay":0,"speed":300,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
                                        data-textAlign="['inherit','inherit','inherit','inherit']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" style="z-index: 9; white-space: nowrap; font-size: 20px; line-height: 22px; font-weight: 500; color: #ffffff; letter-spacing: 0px;font-family:Orbitron">
                                        Jefatura de Tecnologías De Información (T.D.I.)
                                    </div>
                                    <p class="tp-caption   tp-resizeme" id="slide-1-layer-7" data-x="144" data-y="657" data-width="['330']" data-height="['177']" data-type="text" data-responsive_offset="on" data-frames='[{"delay":0,"speed":300,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
                                        data-textAlign="['inherit','inherit','inherit','inherit']" data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]" style="z-index: 10; min-width: 330px; max-width: 330px; max-width: 177px; max-width: 177px; white-space: normal; font-size: 14px; line-height: 22px; font-weight: 400; color: #85929e; letter-spacing: 0px;font-family:Orbitron">
                                        Unidad responsable de garantizar el funcionamiento óptimo de la infraestructura tecnológica del Gobierno Autónomo Municipal de Quillacollo, brindando soluciones innovadoras en desarrollo de sistemas, gestión de cámaras de seguridad y soporte técnico especializado.
                                    </p>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </header>
        </div>        
        <div id="Content">
        <div class="content_wrapper clearfix">
            <div class="sections_group">
                <div class="entry-content">
                    <div class="section mcb-section" id="quienessomos" style="padding-top:0px; padding-bottom:0px; background-color:#000">
                        <div class="section_wrapper mcb-section-inner">
                            <!-- Camera Services -->
                            <div class="wrap mcb-wrap one-third valign-top clearfix" style="padding:0 3%">
                                <div class="mcb-wrap-inner">
                                    <div class="column mcb-column one column_icon_box">
                                        <div class="icon_box icon_position_top no_border">
                                            <div class="image_wrapper">
                                                <img src="assets/tdi/images/universe-icon3.png" class="scale-with-grid" alt="Cámaras de Seguridad">
                                            </div>
                                            <div class="desc_wrapper">
                                                <h4 class="title">Gestión de Cámaras</h4>
                                                <div class="desc">
                                                    <p>
                                                        Administración integral del sistema de videovigilancia municipal "Ojo Vivo", incluyendo instalación, configuración, mantenimiento preventivo y correctivo de cámaras de seguridad en espacios públicos y dependencias municipales.
                                                    </p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- Software Development -->
                            <div class="wrap mcb-wrap one-third valign-top clearfix" style="padding:0 3%">
                                <div class="mcb-wrap-inner">
                                    <div class="column mcb-column one column_icon_box">
                                        <div class="icon_box icon_position_top no_border">
                                            <div class="image_wrapper">
                                                <img src="assets/tdi/images/universe-icon1.png" class="scale-with-grid" alt="Desarrollo de Software">
                                            </div>
                                            <div class="desc_wrapper">
                                                <h4 class="title">Gestión de Sistemas</h4>
                                                <div class="desc">
                                                    <p>
                                                        Desarrollo, implementación y mantenimiento de soluciones tecnológicas personalizadas para optimizar procesos institucionales y mejorar servicios al ciudadano, impulsando la transformación digital del municipio.
                                                    </p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- IT Support -->
                            <div class="wrap mcb-wrap one-third valign-top clearfix" style="padding:0 3%">
                                <div class="mcb-wrap-inner">
                                    <div class="column mcb-column one column_icon_box">
                                        <div class="icon_box icon_position_top no_border">
                                            <div class="image_wrapper">
                                                <img src="assets/tdi/images/universe-icon2.png" class="scale-with-grid" alt="Soporte Técnico">
                                            </div>
                                            <div class="desc_wrapper">
                                                <h4 class="title">Soporte Técnico</h4>
                                                <div class="desc">
                                                    <p>
                                                        Asistencia técnica especializada para equipos informáticos, redes y servidores, garantizando la operatividad de la infraestructura tecnológica municipal mediante mantenimiento preventivo y correctivo.
                                                    </p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>            
                <!-- Software Development Section -->
                <div class="section mcb-section" id="sistemas" style="padding-top:80px; padding-bottom:80px; background-color:#1a0e1a">
                    <div class="section_wrapper mcb-section-inner">
                        <div class="fancy_heading fancy_heading_line">
                            <h2 class="title">GESTIÓN DE SISTEMAS</h2>
                            <div class="inside">
                                <span class="big">Innovación tecnológica para un gobierno eficiente</span>
                            </div>
                        </div>                        
                        <div class="highlight-box">
                            <p>La Unidad TDI desarrolla e implementa soluciones tecnológicas que automatizan procesos municipales, mejoran la transparencia y facilitan el acceso a servicios públicos mediante plataformas digitales innovadoras.</p>
                        </div>                        
                        <div class="section_wrapper mcb-section-inner">
                            <div class="wrap mcb-wrap one valign-top clearfix">
                                <div class="mcb-wrap-inner">
                                    <div class="column mcb-column one-third column_column">
                                        <div class="service-card">
                                            <div class="column_attr clearfix">
                                                <h4>Desarrollo de Software</h4>
                                                <p>Creación de sistemas a medida para optimizar procesos administrativos y servicios ciudadanos.</p>
                                                <div class="centered-image-container">
                                                    <img src="https://images.unsplash.com/photo-1551288049-bebda4e38f71?ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=80" class="centered-image" alt="Desarrollo de Software">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="column mcb-column one-third column_column">
                                        <div class="service-card">
                                            <div class="column_attr clearfix">
                                                <h4>Gobierno Digital</h4>
                                                <p>Migración de trámites a plataformas digitales para mayor eficiencia y transparencia.</p>
                                                <div class="centered-image-container">
                                                    <img src="https://images.unsplash.com/photo-1522542550221-31fd19575a2d?ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=80" class="centered-image" alt="Gobierno Digital">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="column mcb-column one-third column_column">
                                        <div class="service-card">
                                            <div class="column_attr clearfix">
                                                <h4>Capacitación</h4>
                                                <p>Formación a funcionarios en el uso de sistemas desarrollados para maximizar su aprovechamiento.</p>
                                                <div class="centered-image-container">
                                                    <img src="https://images.unsplash.com/photo-1486312338219-ce68d2c6f44d?ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=80" class="centered-image" alt="Capacitación">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>                            
                            <div class="fancy_heading fancy_heading_line" style="margin-top:50px;">
                                <h4>PROYECTOS TECNOLÓGICOS</h4>
                            </div>
                            <div id="apps"></div>
                        </div>
                    </div>
                </div>
                <!-- Camera Services Section-->
                <div class="section mcb-section" id="camaras" style="padding-top:80px; padding-bottom:80px; background-color:#0e1a1a">
                    <div class="section_wrapper mcb-section-inner">
                        <div class="fancy_heading fancy_heading_line">
                            <h2 class="title">GESTIÓN DE CÁMARAS</h2>
                            <div class="inside">
                                <span class="big">Videovigilancia para la seguridad ciudadana</span>
                            </div>
                        </div>
                        
                        <div class="highlight-box">
                            <p>El sistema de cámaras de seguridad "Ojo Vivo" es una herramienta fundamental para la prevención del delito y el monitoreo de espacios públicos en el municipio de Quillacollo, contribuyendo a la seguridad ciudadana.</p>
                        </div>
                        
                        <div class="service-section">
                            <h3 class="service-title">Servicios Especializados</h3>
                            <p>Nuestra unidad ofrece servicios integrales para el sistema de videovigilancia municipal:</p>
                            <ul class="list_check" style="text-align: left; display: inline-block; margin: 0 auto;">
                                <li>Instalación profesional de cámaras IP, WiFi y CCTV</li>
                                <li>Mantenimiento preventivo y correctivo del sistema</li>
                                <li>Configuración y optimización de DVR/NVR</li>
                                <li>Monitoreo continuo del sistema "Ojo Vivo"</li>
                                <li>Asesoría técnica para expansión del sistema</li>
                            </ul>
                            
                            <div class="centered-image-container" style="margin-top: 30px;">
                                <img class="centered-image" src="/assets/images/units/tdi/CAMARAS.jpg" alt="Sistema de cámaras de seguridad" style="max-height: 400px;">
                            </div>
                        </div>
                        
                        <div class="gallery-section">
                            <h3 class="section-title">Galería de Trabajos Realizados</h3>                            
                            <div class="gallery-container">
                                <!-- Row 1 -->
                                <div class="gallery-row">
                                    <div class="gallery-item">
                                        <img src="/assets/images/units/tdi/c2.jpg" alt="Instalación de cámara de seguridad" class="gallery-image">
                                        <div class="gallery-caption">Instalación de cámara IP</div>
                                    </div>
                                    <div class="gallery-item">
                                        <img src="/assets/images/units/tdi/c5.jpg" alt="Mantenimiento de equipo" class="gallery-image">
                                        <div class="gallery-caption">Mantenimiento preventivo</div>
                                    </div>
                                    <div class="gallery-item">
                                        <img src="/assets/images/units/tdi/c6.jpg" alt="Configuración de sistema" class="gallery-image">
                                        <div class="gallery-caption">Configuración de DVR</div>
                                    </div>
                                </div>                                
                                <!-- Row 2 -->
                                <div class="gallery-row">
                                    <div class="gallery-item">
                                        <img src="/assets/images/units/tdi/c9.jpg" alt="Equipo técnico trabajando" class="gallery-image">
                                        <div class="gallery-caption">Trabajo en equipo</div>
                                    </div>
                                    <div class="gallery-item">
                                        <img src="/assets/images/units/tdi/c14.jpg" alt="Cámara instalada" class="gallery-image">
                                        <div class="gallery-caption">Punto de vigilancia</div>
                                    </div>
                                    <div class="gallery-item">
                                        <img src="/assets/images/units/tdi/c16.jpg" alt="Sala de monitoreo" class="gallery-image">
                                        <div class="gallery-caption">Centro de monitoreo</div>
                                    </div>
                                </div>                                
                                <!-- Row 3 -->
                                <div class="gallery-row">
                                    <div class="gallery-item">
                                        <img src="/assets/images/units/tdi/c3.jpg" alt="Instalación en exteriores" class="gallery-image">
                                        <div class="gallery-caption">Instalación exterior</div>
                                    </div>
                                    <div class="gallery-item">
                                        <img src="/assets/images/units/tdi/c4.jpg" alt="Revisión técnica" class="gallery-image">
                                        <div class="gallery-caption">Revisión técnica</div>
                                    </div>
                                    <div class="gallery-item">
                                        <img src="/assets/images/units/tdi/c8.jpg" alt="Configuración de red" class="gallery-image">
                                        <div class="gallery-caption">Configuración de red</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>                    
                
                <!-- Technical Support Section --> 
                <div class="section mcb-section" id="soportetec" style="padding-top:80px; padding-bottom:80px; background-color:#1a1a0e">
                    <div class="section_wrapper mcb-section-inner">
                        <div class="fancy_heading fancy_heading_line">
                            <h2 class="title">SOPORTE TÉCNICO</h2>
                            <div class="inside">
                                <span class="big">Garantizando la operatividad tecnológica municipal</span>
                            </div>
                        </div>
                        
                        <div class="highlight-box">
                            <p>Brindamos asistencia técnica especializada para mantener en óptimo funcionamiento la infraestructura tecnológica del GAMQ, asegurando la continuidad operativa de todos los sistemas y equipos.</p>
                        </div>
                        
                        <div class="service-section">
                            <h3 class="service-title">Áreas de Soporte</h3>
                            <p>Nuestros servicios abarcan todas las necesidades tecnológicas del municipio:</p>
                            <ul class="list_check" style="text-align: left; display: inline-block; margin: 0 auto;">
                                <li>Mantenimiento de redes y servidores</li>
                                <li>Reparación de equipos informáticos (PCs, laptops, impresoras)</li>
                                <li>Soporte técnico preventivo y correctivo</li>
                                <li>Gestión de la red interna municipal</li>
                                <li>Asesoría en adquisición de equipos tecnológicos</li>
                                <li>Solución rápida a fallas técnicas</li>
                            </ul>
                            
                            <div class="centered-image-container" style="margin-top: 30px;">
                                <img class="centered-image" src="https://images.unsplash.com/photo-1558494949-ef010cbdcc31?ixlib=rb-1.2.1&auto=format&fit=crop&w=1000&q=80" alt="Técnico trabajando en red" style="max-height: 400px;">
                            </div>
                        </div>
                        
                        <h3 class="section-title">Nuestro Trabajo en Imágenes</h3>                        
                        <div class="service-gallery">
                            <div class="image_frame image_item no_link scale-with-grid aligncenter no_border">
                                <img src="/assets/images/units/tdi/soporte3.png" alt="Configuración de red">
                            </div>
                            <div class="image_frame image_item no_link scale-with-grid aligncenter no_border">
                                <img src="/assets/images/units/tdi/soporte4.png" alt="Soporte a usuario">
                            </div>
                            <div class="image_frame image_item no_link scale-with-grid aligncenter no_border">
                                <img src="/assets/images/units/tdi/soporte5.png" alt="Equipo técnico">
                            </div>
                            <div class="image_frame image_item no_link scale-with-grid aligncenter no_border">
                                <img src="/assets/images/units/tdi/soporte1.png" alt="Mantenimiento de servidores">
                            </div>
                            <div class="image_frame image_item no_link scale-with-grid aligncenter no_border">
                                <img src="/assets/images/units/tdi/soporte2.png" alt="Reparación de equipo">
                            </div>
                        </div>
                    </div>
                </div>

                <div class="section mcb-section" id="normativas" style="padding-top:150px; padding-bottom:100px; background-color:#000">
                    <div class="section_wrapper mcb-section-inner">
                        <div class="wrap mcb-wrap one-sixth valign-top clearfix">
                            <div class="mcb-wrap-inner">
                                <div class="column mcb-column one column_placeholder">
                                    <div class="placeholder">
                                        &nbsp;
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="wrap mcb-wrap two-third valign-top move-up clearfix" style="margin-top:-120px" data-mobile="no-up">
                            <div class="mcb-wrap-inner">
                                <div class="column mcb-column one column_column">
                                    <div class="column_attr clearfix bg-cover" style="background-image:url('assets/tdi/images/universe-box-bg2.jpg'); background-repeat:no-repeat; background-position:right bottom; padding:80px 8%">
                                        <h3>NORMATIVAS</h3>
                                        <hr class="no_line" style="margin: 0 auto 10px">
                                        <p>
                                            Régimen general de telecomunicaciones y tecnologías de información y comunicación
                                        </p>
                                        <br>
                                        <hr class="no_line" style="margin:0 auto 30px">
                                        <a class="button button_size_2 button_stroke_custom button_js" href="/assets/images/units/tdi/LEY_164_TELECOMUNICACIONES_Y_TECNOLOGIAS.....pdf" target="_blank" style="border-color:#d1dadf !important; color:#d1dadf">
                                            <span class="button_label">Descargar Documento</span>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                            
		    </div>
		</div>
		</div>
	</div>
    <div id="footer"></div>        
    <!-- side menu -->
	<div id="Side_slide" class="right dark" data-width="250">
		<div class="close-wrapper">
			<a href="#" class="close"><i class="icon-cancel-fine"></i></a>
		</div>
		<div class="extras">
			<div class="extras-wrapper"></div>
		</div><div class="menu_wrapper"></div>
	</div>
    <div id="body_overlay"></div>
    <!-- JS -->
    <script src="/assets/js/jquery-3.6.0.min.js"></script>
	<script src="/assets/js/jquery-migrate-3.4.0.min.js"></script>
    <script src="/assets/js/mfn.menu.js"></script>
    <script src="/assets/js/jquery.plugins.js"></script>
    <script src="/assets/js/jquery.jplayer.min.js"></script>
    <script src="/assets/js/animations/animations.js"></script>
	<script src="/assets/js/translate3d.js"></script>
    <script src="/assets/js/scripts.js"></script>
	<script src="/assets/plugins/rs-plugin-5.3.1/js/jquery.themepunch.tools.min.js"></script>
    <script src="/assets/plugins/rs-plugin-5.3.1/js/jquery.themepunch.revolution.min.js"></script>

    <script src="/assets/plugins/rs-plugin-5.3.1/js/extensions/revolution.extension.video.min.js"></script>
    <script src="/assets/plugins/rs-plugin-5.3.1/js/extensions/revolution.extension.slideanims.min.js"></script>
    <script src="/assets/plugins/rs-plugin-5.3.1/js/extensions/revolution.extension.actions.min.js"></script>
    <script src="/assets/plugins/rs-plugin-5.3.1/js/extensions/revolution.extension.layeranimation.min.js"></script>
    <script src="/assets/plugins/rs-plugin-5.3.1/js/extensions/revolution.extension.kenburn.min.js"></script>
    <script src="/assets/plugins/rs-plugin-5.3.1/js/extensions/revolution.extension.navigation.min.js"></script>
    <script src="/assets/plugins/rs-plugin-5.3.1/js/extensions/revolution.extension.migration.min.js"></script>
    <script src="/assets/plugins/rs-plugin-5.3.1/js/extensions/revolution.extension.parallax.min.js"></script>
    <script src="http://maps.google.com/maps/api/js?sensor=false&ver=5.9"></script>
    <script src="/assets/js/email.js"></script>
	<script>
							
		  var revapi1, tpj;
		  ( function() {
				  if (!/loaded|interactive|complete/.test(document.readyState))
					  document.addEventListener("DOMContentLoaded", onLoad);
				  else
					  onLoad();
				  function onLoad() {
					  if (tpj === undefined) {
						  tpj = jQuery;
						  if ("off" =="on")
							  tpj.noConflict();
					  }
					  if (tpj("#rev_slider_1_1").revolution == undefined) {
						  revslider_showDoubleJqueryError("#rev_slider_1_1");
					  } else {
						  revapi1 = tpj("#rev_slider_1_1").show().revolution({
							  sliderType :"standard",
							  sliderLayout :"auto",
							  dottedOverlay :"none",
							  delay : 9000,
							  navigation : {
								  onHoverStop :"off",
							  },
							  visibilityLevels : [1240, 1024, 778, 480],
							  gridwidth : 1240,
							  gridheight : 1024,
							  lazyType :"none",
							  shadow : 0,
							  spinner :"spinner2",
							  stopLoop :"off",
							  stopAfterLoops : -1,
							  stopAtSlide : -1,
							  shuffle :"off",
							  autoHeight :"off",
							  disableProgressBar :"on",
							  hideThumbsOnMobile :"off",
							  hideSliderAtLimit : 0,
							  hideCaptionAtLimit : 0,
							  hideAllCaptionAtLilmit : 0,
							  debugMode : false,
							  fallbacks : {
								  simplifyAll :"off",
								  nextSlideOnWindowFocus :"off",
								  disableFocusListener : false,
							  }
						  });
					  };
				  };
			  }());
    </script>
</body>
</html>






Youez - 2016 - github.com/yon3zu
LinuXploit