<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Desarrollo Web, Softwares y Tecnología | OXUS</title>
        <meta name="description" content="Empresa de desarrollo web y softwares a la medida, configuración de servidores, conexiones con API de redes sociales y Google Maps">
        <meta name="keywords" content="desarrollo web, desarrollo medida, softwares, agencia digital, configuración servidores">
        <meta property="og:locale" content="es_ES" />
        <meta property="og:type" content="website" />
        <meta property="og:title" content="Desarrollo Web, Softwares y Tecnología | OXUS" />
        <meta property="og:description" content="Empresa de desarrollo web y softwares a la medida, configuración de servidores, conexiones con API de redes sociales y Google Maps" />
        <meta property="og:url" content="" />
        <meta property="og:site_name" content="OXUS" />
        <meta property="og:image" content="https://oxus.cl/img/oxus_shared.jpg" />
        <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600,700' rel='stylesheet' type='text/css'>
        <!--FAVICON-->
        <link rel="apple-touch-icon" sizes="57x57" href="apple-touch-icon-57x57.png">
        <link rel="apple-touch-icon" sizes="114x114" href="apple-touch-icon-114x114.png">
        <link rel="apple-touch-icon" sizes="72x72" href="apple-touch-icon-72x72.png">
        <link rel="apple-touch-icon" sizes="144x144" href="apple-touch-icon-144x144.png">
        <link rel="apple-touch-icon" sizes="60x60" href="apple-touch-icon-60x60.png">
        <link rel="apple-touch-icon" sizes="120x120" href="apple-touch-icon-120x120.png">
        <link rel="apple-touch-icon" sizes="76x76" href="apple-touch-icon-76x76.png">
        <link rel="apple-touch-icon" sizes="152x152" href="apple-touch-icon-152x152.png">
        <link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon-180x180.png">
        <link rel="icon" type="image/png" href="favicon-192x192.png" sizes="192x192">
        <link rel="icon" type="image/png" href="favicon-160x160.png" sizes="160x160">
        <link rel="icon" type="image/png" href="favicon-96x96.png" sizes="96x96">
        <link rel="icon" type="image/png" href="favicon-16x16.png" sizes="16x16">
        <link rel="icon" type="image/png" href="favicon-32x32.png" sizes="32x32">
        <meta name="msapplication-TileColor" content="#2b5797">
        <meta name="msapplication-TileImage" content="mstile-144x144.png">
        <!-- jQuery library (served from Google) -->
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
        <!-- bxSlider Javascript file -->
        <script src="js/jquery.bxslider.min.js"></script>
        <!-- bxSlider CSS file -->
        <link href="css/jquery.bxslider.css" rel="stylesheet" />
        <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
        <script src="js/parallax.js"></script>
        <script src="js/jquery.easing.js"></script>
        <script src="js/global.js"></script>
        <script src="js/contact.js"></script>
        <link rel="stylesheet" href="css/style.css">
        	<script type="text/javascript">

                var _gaq = _gaq || [];
                 _gaq.push(['_setAccount', 'UA-254692-1']);
                _gaq.push(['_trackPageview']);

                (function() {
                        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
                        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';

                        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
                })();

        </script>
        <script>
            function initialize() {
                //MAPA

                var myLatlng = new google.maps.LatLng(-33.4531966, -70.6522316);
                var thisLatlng = new google.maps.LatLng(-33.4531966, -70.6500429);

                var myOptions = {
                    zoom: 15, //nivel de zoom
                    center: myLatlng,
                    scrollwheel: false,
                    mapTypeId: google.maps.MapTypeId.ROADMAP
                }

                var map = new google.maps.Map(document.getElementById("map"), myOptions);

                var image = 'img/mapa.png'; //imagen del marcador

                var marker = new google.maps.Marker({
                    position: thisLatlng,
                    map: map,
                    icon: image
                });
                marker.setMap(map);
            }
            google.maps.event.addDomListener(window, 'load', initialize);
        </script>

    </head>
    <body>
        <header>
            <div class="wrapper">
                <h1>
                    <a href="#inicio" class="logo" title="Oxus"><img src="img/logo.png" alt="OXUS, Innovacion y tecnologia"></a>
                </h1>
                <nav>
                    <a href="#inicio" title="Inicio" data-slug="/" class="active">Inicio</a>
                    <a href="#hacemos" title="Qué Hacemos" data-slug="/que-hacemos/">¿Qué Hacemos?</a>
                    <a href="#experiencia" title="Experiencia" data-slug="/experiencia/">Experiencia</a>
                    <a href="#clientes" title="Clientes" data-slug="/clientes/">Clientes</a>
                    <!-- <a href="#contacto" title="Contacto" data-slug="/contacto/">Contacto</a> -->
                </nav>
            </div>
        </header>
<div class="index_cont" id="inicio">
    <div id="bx-pager">
        <a data-slide-index="0" href="" class="one"></a>
        <a data-slide-index="1" href="" class="two"></a>
        <a data-slide-index="2" href="" class="three"></a>
    </div>
    <div class="wrap_sltxt">
        <ul class="text_slider">
            <li>
                <div class="text_here">
                    <p>Somos una empresa de desarrollo de software, con experiencia en diversos rubros y estamos comprometidos con nuestros clientes.</p>
                </div>
            </li>
            <li>
                <div class="text_here">
                    <p>Investigamos, escuchamos, analizamos y proponemos la mejor solución para las necesidades de nuestros clientes.</p>
                </div>
            </li>
            <li>
                <div class="text_here">
                    <p>Nos involucramos en los procesos de negocios de nuestros clientes para empatizar con sus necesidades.</p>
                </div>
            </li>
        </ul>
    </div>
    <section id="index">
        <ul class="bxslider">
            <li id="un"></li>
            <li id="deux"></li>
            <li id="trois"></li>
        </ul>
    </section>
    <div class="opac"></div>
</div><section id="hacemos">
    <div class="wrapper">
        <h2 class="tit">¿Qué Hacemos?</h2>
        <ul class="do">
            <li>
                <img src="img/sistemas.png" alt="Sistemas de gestion de empresas">
                <div class="txt_here">
                    <h3>Sistemas de gestión de empresas</h3>
                    <p>
                        Desarrollamos sistemas que faciliten la <strong>gestión interna y externa</strong> a empresas de distintos rubros permitiendo el uso de éstas de una manera ágil.
                    </p>
                </div>
            </li>
            <li>
                <img src="img/desarrollo.png" alt="Desarrollo Web">
                <div class="txt_here">
                    <h3>Desarrollo Web</h3>
                    <p>
                        Construimos <strong>sitios web administrables</strong>, gestores de contenidos, sitios de campañas, y resolvemos tus necesidades en la web.
                    </p>
                </div>
            </li>
            <li>
                <img src="img/conexiones.png" alt="Conexiones con redes sociales">
                <div class="txt_here">
                    <h3>Manejo de API</h3>
                    <p>
                        Manejamos las <strong>API de redes sociales y Google Maps</strong> para conectarlas con tus aplicaciones o sistemas digitales.
                    </p>
                </div>
            </li>
            <li>
                <img src="img/servidor.png" alt="Configuración de servidores">
                <div class="txt_here">
                    <h3>Configuración de servidores</h3>
                    <p>
                        Configuración de forma óptima los <strong>servidores de tus proyectos</strong>. También configuramos los servidores de correos.
                    </p>
                </div>
            </li>
        </ul>
        <div class="clear"></div>
        <h3 class="tit">Manejamos</h3>
        <ul class="manejamos">
            <li>Java</li>
            <li>PHP</li>
            <li>JS</li>
            <li>HTML5</li>
            <li>SqlServer</li>
            <li>Jboss</li>
            <li>Linux</li>
            <li>Mysql</li>
            <li>Apache</li>
            <li>Oracle</li>
            <li>Tomcat</li>
            <li>WordPress</li>
            <li>Magento</li>
        </ul>
    </div>
</section>
<section id="experiencia">
    <div class="wrapper">
        <h2 class="tit">Casos de éxito</h2>
        <ul class="experience">
            <li>
                <div class="ct_img">
                    <img src="img/mineduc.jpg" alt="Experiencia">
                </div>
                <div class="ct_txt">
                    <h2 class="tit">Simce TIC MideUC</h2>
                    <div class="text_here">
                        <p>
                            Diseñar un producto que permita evaluar las capacidades de los niños de Chile en el ámbito de las tecnologías de la información, permitiendo, a través de un ambiente simulado, realizar distintas actividades sobre un sistema operativo, herramientas de ofimática e internet.
                        </p>
                        <ul class="dat">
                            <li>
                                <p><span>+1000</span></p>
                                <p>niños evaluados</p>
                            </li>
                            <li>
                                <p><span>30</span></p>
                                <p class="big">actividades realizadas por prueba</p>
                            </li>
                            <li>
                                <p><span>2</span></p>
                                <p class="big">años, frecuencia de prueba</p>
                            </li>
                        </ul>
                    </div>
                </div>
            </li>
            <li>
                <div class="ct_img">
                    <img src="img/transantiago.jpg" alt="Experiencia">
                </div>
                <div class="ct_txt">
                    <h2 class="tit">Transantiago - Infografías</h2>
                    <div class="text_here">
                        <p>
                            Automatización de la infografía del sistema de transporte público de la ciudad de Santiago, incluyendo señales de parada, cenefas y próximamente los paneles de información en refugios.
                        </p>
                        <ul class="dat">
                            <li>
                                <p><span>12000</span></p>
                                <p>señales de parada</p>
                            </li>
                            <li>
                                <p><span>8000</span></p>
                                <p>cenefas generadas</p>
                            </li>
                            <li>
                                <p><span>7500</span></p>
                                <p>paneles informativos</p>
                            </li>
                            <li>
                                <p><span>4.7MM</span></p>
                                <p>de usuarios del STP</p>
                            </li>
                        </ul>
                    </div>
                </div>
            </li>
            <li>
                <div class="ct_img">
                    <img src="img/meds.jpg" alt="Experiencia">
                </div>
                <div class="ct_txt">
                    <h2 class="tit">Clínica MEDS - Sitio web</h2>
                    <div class="text_here">
                        <p>
                            CMS a la medida para la administración de todos los contenidos de la clínica MEDS. Implementación de diseño y asesoría en arquitectura de información.
                            Intranet para gestión de cirugías y presupuestos, cursos impartidos, contenidos colaborativos y oferta de servicios online.
                        </p>
                        <ul class="dat">
                            <li>
                                <p><span>+1000</span></p>
                                <p>páginas de contenido</p>
                            </li>
                            <li>
                                <p><span>+40</span></p>
                                <p>categorias</p>
                            </li>
                        </ul>
                    </div>
                </div>
            </li>
        </ul>
        <div class="pag_exp">
            <a href="#" title="Mineduc" data-slide-index="0">Mineduc</a>
            <a href="#" title="Transantiago" data-slide-index="1">Transantiago</a>
            <a href="#" title="MEDS" data-slide-index="2">Clínica MEDS</a>
        </div>
    </div>
</section><section id="clientes">
    <div class="wrapper">
        <h2 class="tit">Ellos ya confiaron en nosotros.</h2>
        <ul class="clt">
            <li>
                <img src="img/clients/cl_01.png" alt="Banco Central de Chile" title="Banco Central de Chile">
            </li>
            <li>
                <img src="img/clients/cl_02.png" alt="Banco Estado" title="Banco Estado">
            </li>
            <li>
                <img src="img/clients/cl_03.png" alt="Chile Transparente" title="Chile Transparente">
            </li>
            <li>
                <img src="img/clients/cl_04.png" alt="Consalud" title="Consalud">
            </li>
            <li>
                <img src="img/clients/cl_05.png" alt="Copec" title="Copec">
            </li>
            <li>
                <img src="img/clients/cl_06.png" alt="Cuprum AFP" title="Cuprum AFP">
            </li>
            <li>
                <img src="img/clients/cl_07.png" alt="Fundación Luksic" title="Fundación Luksic">
            </li>
            <li>
                <img src="img/clients/cl_08.png" alt="ISN" title="ISN">
            </li>
            <li>
                <img src="img/clients/cl_09.png" alt="Mas Consultores" title="Mas Consultores">
            </li>
            <li>
                <img src="img/clients/cl_10.png" alt="Clinica MEDS" title="Clinica MEDS">
            </li>
            <li>
                <img src="img/clients/cl_11.png" alt="Mide UC" title="Mide UC">
            </li>
            <li>
                <img src="img/clients/cl_12.png" alt="Ministerio de Educación" title="Ministerio de Educación">
            </li>
            <li>
                <img src="img/clients/cl_13.png" alt="Ministerio de Vivienda y Urbanismo" title="Ministerio de Vivienda y Urbanismo">
            </li>
            <li>
                <img src="img/clients/cl_14.png" alt="Monticello" title="Monticello">
            </li>
            <li>
                <img src="img/clients/cl_15.png" alt="Moure" title="Moure">
            </li>
            <li>
                <img src="img/clients/cl_16.png" alt="Ministerio de transporte y telecomunicaciones" title="Ministerio de transporte y telecomunicaciones">
            </li>
            <li>
                <img src="img/clients/cl_17.png" alt="MetLife" title="MetLife">
            </li>
            <li>
                <img src="img/clients/cl_18.png" alt="Tattersall" title="Tattersall">
            </li>
            <li>
                <img src="img/clients/cl_19.png" alt="Transoceanica" title="Transoceanica">
            </li>
            <li>
                <img src="img/clients/cl_20.png" alt="United Cargo" title="United Cargo">
            </li> 
            <li>
                <img src="img/clients/cl_21.png" alt="ViCORP" title="ViCORP">
            </li> 
        </ul>
    </div>
    <div class="patt"></div>
</section><!-- <section id="contacto">
    <div id="map"></div>
    <div class="wrapper">
        <!?php
        if (isset($_GET['mail'])){
            echo '<div id="contacto_return">';
            require_once(BASE.'sendmail.php');
            echo '</div>';
        }
        ?>
        <form action="index.php?mail#contacto" method="post" data-target="sendmail" class="frm">
            <div class="contenido">
                <h2 class="tit">Contáctanos</h2>
                <p><span class="icon"></span>San diego 630 Piso 5 Oficina 54, Santiago centro, Santiago de Chile</p>
                <p class="second"><span class="icon tel"></span>(+56 2) 2 235 2659</p>
                <div class="line required">
                    <label for="contact[name]">Nombre (*):</label>
                    <input type="text" placeholder="Ej.: Dennis Ritchie" id="contact[name]" name="Nombre_contacto" value="<!?php echo @$_POST['Nombre_contacto']; ?>" class="npt">
                </div>
                <div class="line">
                    <div class="half_line required">
                        <label for="contact[mail]">Correo (*):</label>
                        <input class="email npt" placeholder="Ej.: nombre@dominio.cl" type="email" id="contact[mail]" name="Correo_contacto" value="<!?php echo @$_POST['Correo_contacto']; ?>">
                    </div>
                    <div class="half_line required">
                        <label for="contact[phone]">Teléfono (*):</label>
                        <input type="tel" id="contact[phone]" placeholder="Ej.: 22352659" name="Telefono_contacto" value="<!?php echo @$_POST['Telefono_contacto']; ?>" class="npt">
                    </div>
                    <div class="clear"></div>
                </div>
                <div class="line required">
                    <label for="contact[text]">Mensaje o Consulta (*):</label>
                    <textarea name="Mensaje_contacto" id="contact[text]" class="npt"><!?php echo @$_POST['Mensaje_contacto']; ?></textarea>
                </div>
                <div class="line capt">
                    <!?php require_once(BASE.'captcha.php');?>
                </div>
                <div class="line submit">
                    <p id="feed_msg"></p>
                    <input type="submit" value="Enviar">
                    <span class="oblig">(*) Campos obligatorios</span>
                </div>
            </div>
        </form>
    </div>
</section> -->

<div class="whatsapp-container">
    <a href="https://wa.me/+56991381660?text=Quisiera+comunicarme+con+ustedes%21." target="_blank">
        <img src="whatsapp-icon.png" alt="Enviar mensaje de WhatsApp" class="whatsapp-logo">
    </a>
</div>
<style>
   .whatsapp-container {
        position: fixed;
        bottom: 20px; /* Distancia desde la parte inferior */
        right: 20px; /* Distancia desde la parte derecha */
        transition: transform 0.3s ease;
        z-index: 1000; /* Asegura que el botón esté por encima de otros elementos */
    }
    .whatsapp-logo {
        width: 93px; /* Ajusta el tamaño según sea necesario */
        height: auto;
    }
    .whatsapp-container:hover .whatsapp-logo {
        transform: scale(1.3); /* Efecto de escala al pasar el mouse */
    }
</style><footer id="footer">
    <div class="wrapper">
        <div class="left">
            <a class="logo_foot" href="/" title="Oxus Innovacion y tecnologia">
                <img src="img/logo_foot.png" alt="Oxus Innovacion y tecnologia">
            </a>
        </div>
        <div class="center">
            <p>
                OXUS. Innovación y tecnología.<br />
                Desarrollo de software a la medida
            </p>
        </div>
        <div class="right">
            <!-- <p><span class="icon tel"></span>(+56 2) 2 235 2659</p>
            <p><span class="icon"></span>San diego 630 Piso 5 Oficina 54, Santiago centro, Santiago de Chile</p> -->
        </div>
        <div class="row color">
            <p><span class="icon tel"></span>(+56 2) 2 235 2659</p>
            <p><span class="icon"></span>San diego 630 Piso 5 Oficina 54, Santiago centro, Santiago de Chile</p>
        </div>
    </div>
    <div class="patt"></div>
</footer>
<input name="url" value="/oxus/web" type="hidden">
</body>
</html>

<style>
    .color{
        color: white;
    }
</style>
