CINXE.COM
SIS | Home
<div style="margin-top: 5rem;"></div> <!doctype html> <html lang="es"> <head> <meta charset="utf-8"> <title>SIS | Home</title> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous"> <link href="http://www.sis-energy.com/css/animations.css" rel="stylesheet"> <style> .footer{ padding: 1%; text-align: left; background: #343434; } </style> <style> .imgs_services{ background-color: #dc6629; } .imgs_clients{ background-color: #0261a6; } .square-clients-text{ color: white; text-align:center; } .clients-text{ background-color: #0261a6; height:200px; padding: 2rem; display: flex; align-items: center; justify-content: center; text-align: center; } </style> </head> <body > <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12"> <nav class="navbar fixed-top navbar-expand-lg navbar-light bg-light" style="background: #ffffff !important;"> <img class="ml-3" src="/img/logo-superior.png" width="320" alt="Logo-SIS"> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar_sis" aria-controls="navbar_sis" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse justify-content-end" id="navbar_sis"> <ul class="navbar-nav mt-2 mt-lg-0"> <li class="nav-item"> <a class="nav-link" href="/es"><img src="/img/home.png" width="28" alt="home"></a> </li> <li class="nav-item"> <a class="nav-link" href="#acerca">Acerca de Nosotros</a> </li> <li class="nav-item"> <a class="nav-link" href="#servicios">Servicios</a> </li> <li class="nav-item"> <a class="nav-link" href="#clientes">Nuestros Clientes</a> </li> <li class="nav-item"> <a class="nav-link" href="/es/login">Acceso a Inversionistas</a> </li> <li class="nav-item"> <a class="nav-link" href="#contacto">Contacto</a> </li> <li class="nav-item"> <a class="nav-link" href="#"><img src="/img/en/bandera.jpg" class="bandera" data-type-header="home" data-language="es" width="28" style="margin-top: 3px;" alt="bandera"></a> </li> </ul> </div> </nav> </div> <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" style="display: inline-block;"> <img class="logo-central" src="/img/es/logo-central.png" alt="logo-central" style=" z-index: 0; position: absolute; width: 396px; height: 122px; top: 25%; left: 38%;"> <img class="img-fluid img_banner" src="img/banner-superior.png" alt="banner-superior"> </div> <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" style="margin-top: 3%;"> <div class="row mb-5 pb-4" id="acerca"></div> <div class="row col-lg-12 col-md-12 col-sm-12 col-xs-12"> <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12"> <img class="img-fluid" src="img/vision.png" alt="vision"> </div> <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12" style="display: flex; align-items: center; justify-content: center; text-align: center;"> <br class="hidden-sm hidden-xs"> <br class="hidden-sm hidden-xs"> <br class="hidden-sm hidden-xs"> <h4> SIS es una integradora de proyectos fotovolt谩icos <br> en el sector industrial-comercial con la misi贸n <br> de acelerar la transici贸n hacia energ铆as <br> renovables y distribuidas </h4> </div> </div> <div class="row col-lg-12 col-md-12 col-sm-12 col-xs-12"> <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12" style="display: flex; align-items: center; justify-content: center; text-align: center;"> <br class="hidden-sm hidden-xs"> <br class="hidden-sm hidden-xs"> <br class="hidden-sm hidden-xs"> <h4> SIS facilita su misi贸n a trav茅s de proyectos de <br> rentabilidad financiera apoyados en nuestro network de <br> inversion e incentivos publico-privados </h4> </div> <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12"> <img class="img-fluid" src="img/mision.png" alt="mision"> </div> </div> </div> <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" style="background: #f8f7f7; padding-bottom: 3%; margin-top: 0px; padding-top: 3%"> <div class="row mb-5 pb-4" id="servicios"></div> <h2 style="color: #4d4d4d; text-align: center; padding-top: 4%; padding-bottom: 4%">Servicios</h2> <div class="row col-lg-12 col-md-12 hidden-sm hidden-xs"> <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12"> <img class="img-fluid imgs_services" src="/img/es/inge_dise.png" alt="ingenieria"> </div> <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12" style="text-align: center"> <img class="img-fluid imgs_services" src="/img/es/gestoria.png" alt="gestoria"> </div> <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12" style="text-align: end"> <img class="img-fluid imgs_services" src="/img/es/administracion.png" alt="administracion"> </div> </div> <div class="row col-lg-12 col-md-12 col-sm-12 col-xs-12" style="padding-top: 3%;"> <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12"> <img class="img-fluid imgs_services" width="100%" src="/img/es/plataforma.png" alt="plataforma"> </div> </div> </div> <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" style="margin-top: 3%;"> <div class="row mb-5 pb-4" id="clientes"></div> <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" style="text-align: center;"> <h2 style="padding-top: 4%; color: #4d4d4d; text-align: center;">Nuestros Clientes</h2> <h5 style="color: #000000; text-align: center; margin-top: 1%; margin-bottom: 2%;">Con la variedad de soluciones de SIS, trabajamos ciclo completo ofreciendo a nuestros <br> Clientes infraestructura energ茅tica 贸ptima y mayores beneficios financieros</h5> </div> <div class="row col-lg-12 col-md-12 hidden-sm hidden-xs"> <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12"> <img class="img-fluid imgs_clients" src="/img/es/inmueble.png" alt="inmueble"> </div> <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12"> <img class="img-fluid imgs_clients" src="/img/es/negocio.png" alt="negocio"> </div> <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12"> <img class="img-fluid imgs_clients" src="/img/es/gobierno.png" alt="gobierno"> </div> <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12"> <img class="img-fluid imgs_clients" src="/img/es/desarrolladores.png" alt="desarrolladores"> </div> </div> <div class="row col-lg-12 col-md-12 hidden-sm hidden-xs" style="text-align:center;"> <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12"> <img class="img-fluid" src="img/flecha.png" alt="flecha"> </div> <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12"> <img class="img-fluid" src="img/flecha.png" alt="flecha"> </div> <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12"> <img class="img-fluid" src="img/flecha.png" alt="flecha"> </div> <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12"> <img class="img-fluid" src="img/flecha.png" alt="flecha"> </div> </div> <div class="row col-lg-12 col-md-12 hidden-sm hidden-xs"> <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12 square-clients-text"> <h6 class="clients-text"> Aprovechamiento de activos fijos <br><br> Generador de energ铆a venta a la red </h6> </div> <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12 square-clients-text"> <h6 class="clients-text"> Reducci贸n de costos en autoconsumo <br><br> Esquemas de financiamiento y adquisici贸n de equipo </h6> </div> <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12 square-clients-text"> <h6 class="clients-text"> Desarrollo de proyectos <br><br> Apoyo a agendas energ茅ticas </h6> </div> <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12 square-clients-text"> <h6 class="clients-text"> Aceleraci贸n de proyectos <br><br> Co-inversi贸n </h6> </div> </div> <div class="row col-lg-12 col-md-12 hidden-sm hidden-xs"> <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" style="padding-top: 3%; text-align: center;"> <img class="img-fluid" src="/img/es/mapa.png" width="1264px" height="624px" alt="mapa"> </div> </div> </div> <div style="padding-bottom: 3% ;padding-top: 3% ;margin-top: 3%; background: linear-gradient(to bottom, rgba(29, 149, 235, 1) 0%, rgba(1, 68, 110, 1) 100%);"> <div class="row mb-5 pb-4" id="contacto"></div> <h2 style="color: #ffffff; text-align: center;">Contacto</h2> <form action="/contact_email" method="post" enctype="multipart/form-data"> <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12"> <div class="row col-lg-12 col-md-12 col-sm-12 col-xs-12"> <div class="col-lg-2 col-md-2 hidden-sm hidden-xs"></div> <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12" style="margin-top:2%"> <input id="name" name="name" type="text" class="form-control" placeholder="Nombre" aria-describedby="Nombre del Cliente" required> </div> <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12" style="margin-top:2%"> <input id="email" name="email" type="email" class="form-control" placeholder="Email" pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,4}$" aria-describedby="Email" required> </div> <div class="col-lg-2 col-md-2 hidden-sm hidden-xs"></div> </div> <div class="row col-lg-12 col-md-12 col-sm-12 col-xs-12"> <div class="col-lg-2 col-md-2 hidden-sm hidden-xs"></div> <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12" style="margin-top:2%"> <input id="ciudad" name="ciudad" type="text" class="form-control" placeholder="Ciudad" aria-describedby="Ciudad" required> </div> <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12" style="margin-top:2%"> <input id="telefono" name="telefono" type="tel" class="form-control" placeholder="Tel茅fono" aria-describedby="Tel茅fono" required> </div> <div class="col-lg-2 col-md-2 hidden-sm hidden-xs"></div> </div> <div class="row col-lg-12 col-md-12 col-sm-12 col-xs-12"> <div class="col-lg-2 col-md-2 hidden-sm hidden-xs"></div> <div class="col-lg-8 col-md-8 col-sm-12 col-xs-12" style="margin-top:2%"> <textarea id="mensaje" name="mensaje" type="text" class="form-control" rows="6" style="color: #000000;" placeholder="Mensaje" required></textarea> </div> <div class="col-lg-2 col-md-2 hidden-sm hidden-xs"></div> </div> <div class="row col-lg-12 col-md-12 col-sm-12 col-xs-12" style="text-align: right;"> <div class="col-lg-2 col-md-2 hidden-sm hidden-xs"></div> <div class="col-lg-8 col-md-8 col-sm-12 col-xs-12" style="margin-top:2%;"> <div class="g-recaptcha" data-sitekey="6Lf8BAEVAAAAAORPi3tctXOmz4F-KSOrxSte2wJA"></div> </div> <div class="col-lg-2 col-md-2 hidden-sm hidden-xs"></div> </div> <div class="row col-lg-12 col-md-12 col-sm-12 col-xs-12"> <div class="col-lg-2 col-md-2 hidden-sm hidden-xs"></div> <div class="col-lg-8 col-md-8 col-sm-12 col-xs-12" style="margin-top:2%"> <button type="submit" class="btn btn-block" style="background: #dc6629; color: #ffffff;">Enviar</button> </div> <div class="col-lg-2 col-md-2 hidden-sm hidden-xs"></div> </div> </div> </form> <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" style="margin-top:4%"> <h5 style="padding-top: 3%; color: #ffffff; text-align: center;">Redes Sociales</h5> <div class="row col-lg-12 col-md-12 col-sm-12 col-xs-12" style="text-align:center;"> <div class="col-lg-4 col-md-4 hidden-sm hidden-xs"></div> <div class="col-lg-1 col-md-1 col-sm-12 col-xs-12" style="margin-top:2%"> <img class="img-fluid" src="img/youtube.png" alt="youtube "> </div> <div class="col-lg-1 col-md-1 col-sm-12 col-xs-12" style="margin-top:2%"> <img class="img-fluid" src="img/twitter.png" alt="twitter"> </div> <div class="col-lg-1 col-md-1 col-sm-12 col-xs-12" style="margin-top:2%"> <img class="img-fluid" src="img/in.png" alt="in "> </div> <div class="col-lg-1 col-md-1 col-sm-12 col-xs-12" style="margin-top:2%"> <img class="img-fluid" src="img/facebook.png" alt="facebook "> </div> <div class="col-lg-4 col-md-4 hidden-sm hidden-xs"></div> </div> </div> </div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script> $(document).ready(function(){ // Add smooth scrolling to all links $("a").on('click', function(event) { // Make sure this.hash has a value before overriding default behavior if (this.hash !== "") { // Prevent default anchor click behavior event.preventDefault(); // Store hash var hash = this.hash; // Using jQuery's animate() method to add smooth page scroll // The optional number (800) specifies the number of milliseconds it takes to scroll to the specified area $('html, body').animate({ scrollTop: $(hash).offset().top }, 800, function(){ // Add hash (#) to URL when done scrolling (default click behavior) window.location.hash = hash; }); } // End if }); }); </script> <script src='https://www.google.com/recaptcha/api.js?render=6Lf8BAEVAAAAAORPi3tctXOmz4F-KSOrxSte2wJA'></script> <script src='https://www.google.com/recaptcha/api.js'></script> <script src='https://www.google.com/recaptcha/api.js?hl=es'></script> <footer class="footer" style="margin-top:auto;"> <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12"> <img src="/img/logo-footer.png" class="img-fluid" alt="logo-footer"> </div> </footer> <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script> $(document).ready(function(){ // Add smooth scrolling to all links $("a").on('click', function(event) { // Make sure this.hash has a value before overriding default behavior if (this.hash !== "") { // Prevent default anchor click behavior event.preventDefault(); // Store hash var hash = this.hash; // Using jQuery's animate() method to add smooth page scroll // The optional number (800) specifies the number of milliseconds it takes to scroll to the specified area $('html, body').animate({ scrollTop: $(hash).offset().top }, 800, function(){ // Add hash (#) to URL when done scrolling (default click behavior) window.location.hash = hash; }); } // End if }); $(".bandera").on('click', function(e){ e.preventDefault() console.log($(this).data('type-header')) if($(this).data('language') == 'es'){ window.location = "/en" }else{ window.location = "/es" } }); }); </script> </body> </html>