EVOLUTION-MANAGER
Edit File: index.html
<!DOCTYPE html> <html lang="es"> <head> <meta charset="UTF-8" /> <title>GrupoFMO</title> <link rel="icon" type="image/png" href="images/favicon.png" /> <link href="https://fonts.googleapis.com/css?family=Fjalla+One|Souce+Sans+Pro" rel="stylesheet" /> <link rel="stylesheet" href="css/estilos.css"/> </head> <body> <header class="header"> <div class="container"> <figure class="logo"> <img src="images/GrupoFMO-Nuevo.png" height="50" alt="Logo de https://www.grupofmo.com" /> </figure> <nav class="menu"> <ol> <li> <a class="link" href="#portafolio"><strong>Nuestros Servicios</strong></a> </li> <li> <a class="link" href="#experiencia"><strong>Experiencia</strong></a> </li> <li> <a class="link" href="#contacto"><strong>Trabajemos juntos</strong></a> </li> </ol> </nav> </div> </header> <section class="seccion"> <div class="container"> <h1> Somos un equipo de profesionales, integradores y desarrolladores de tecnología. </h1> <img class="seccion-image" src="images/devices.png" width="500" height="300" alt="imagen principal del sitio"> </section> </div> <section> <div class="container"> <h2 id="seccionpost" class="seccion-posterior">Con pasión por lo que sabemos y nos gusta hacer, evolucionamos con la tecnología apoyados en el OpenSource.</h2> </div> </section> <section id="portafolio" class="portfolio"> <div class="container"> <h2>Nuestros Servicios</h2> <article class="project"> <div class="project-details"> <h3 class="project-title">Desarrollo de aplicaciones Web y Móviles</h3> <h6 class="project-course">Ionic / React Native / React / HTML / Javascript / PHP / Python</h6> <!--<p class="project-date"><small><strong>Fecha:</strong> 06/07/2020</small></p> <p class="project-url"><small><strong>Puedes verlo en:</strong> www.grupofmo.com</small></p>--> <p class="project-description"> ¡El futuro es ahora! Te ayudamos con el desarrollo de aplicaciones móviles y Web a la medida de tus necesidades, somos parte de tu <strong>EQUIPO</strong> de desarrollo. </p> </div> <figure class="project-imageContainer"> <img class="project-image" width="250" height="350" src="images/slide-1_0.png" alt="Tecnologías usadas"> </figure> </article> <article class="project"> <div class="project-details"> <h3 class="project-title">Implementación de soluciones Open Source</h3> <h6 class="project-course">Servidores / IoT / DBTS / RDBMS / Networking</h6> <!--<p class="project-date"><small><strong>Fecha:</strong> 06/07/2020</small></p> <p class="project-url"><small><strong>Puedes verlo en:</strong> www.grupofmo.com</small></p>--> <p class="project-description">Implementamos soluciones OpenSource; servidores de correo, servidores de archivos, proyectos IoT, sistemas de bases de datos relacionales y de series de tiempo, soluciones de networking, telefonía IP. </p> </div> <figure class="project-image"> <img class="project-imageContainer" width="500" src="images/screens_0.png" alt="Implementaciones"> </figure> </article> </div> </section> <div class="container"> <h2 class="event-list-title">Nuestra experiencia</h2> </div> <section id="experiencia" class="event-list"> <div class="container"> <article class="event"> <figure class="event-ImageContainer"> <img class="event-image" src="images/Zeroshell.gif" width="500" /> </figure> <div class="event-detail"> <h3 class="event-title">ZeroShell</h3> <p class="event-description">Experiencia con ZeroShell el firewall por software más ligero y poderoso del mercado OpenSource.</p> <a class="event-url" href="https://zeroshell.org/" target="_blank">Ir al sitio</a> </div> </article> <article class="event"> <figure class="event-ImageContainer"> <img class="event-image" src="images/centos8.png" width="500" /> </figure> <div class="event-detail"> <h3 class="event-title">CentOS</h3> <p class="event-description">La distribución basada en RedHat™ más utilizada en servidores.</p> <a class="event-url" href="https://www.centos.org/" target="_blank">Ir al sitio</a> </div> </article> <article class="event"> <figure class="event-ImageContainer"> <img class="event-image" src="images/zimbra.png" width="500" /> </figure> <div class="event-detail"> <h3 class="event-title">Zimbra</h3> <p class="event-description">La herramienta colaborativa Open Source más popular.</p> <a class="event-url" href="https://www.zimbra.com/" target="_blank">Ir al sitio</a> </div> </article> <article class="event"> <figure class="event-ImageContainer"> <img class="event-image" src="images/le-logo-twitter.png" width="500" /> </figure> <div class="event-detail"> <h3 class="event-title">Let's Encrypt</h3> <p class="event-description">El proyecto Open Source líder de certificados digitales.</p> <a class="event-url" href="https://letsencrypt.org/" target="_blank">Ir al sitio</a> </div> </article> </div> </section> <section id="contacto" class="contact"> <div class="container"> <form action="mailto:soporte@grupofmo.com" method="GET" class="form-email"> <h3>¿Tienes una idea? Te ayudamos a desarrollarla.</h3> <input type="text" placeholder="Déjanos tu correo" id="email"> <button>Enviar</button> </form> <div class="social"> <a href="https://twitter.com/grupo_fmo" class="social-link twitter"></a> <a href="https://github.com/soportefmo" class="social-link github"></a> <a href="https://instagram.com/grupofmo_ec" class="social-link instagram"></a> <a href="https://www.youtube.com/channel/UCaEaZgt_g8xg7YkJhJIggiA" class="social-link youtube"></a> </div> </div> </section> <footer class="footer"> <div class="container"> <div> <p><img src="images/1200px-Tux.svg.png" width="35" alt="Tux" /> <img src="images/opensource-1.png" width="50" alt="OpenSource" /></p> </div> <div> <p>Diseñado por el GrupoFMO© 2019 - <script>document.write(new Date().getFullYear())</script> <img src="images/ecuador-mucho-mejor.png" width="70" alt="Mucho mejor en Ecuador" /> </p> </div> </div> </footer> </body> </html>