MTEK

BootstrapcssFont AwesomeHtmlJavascript VanillajqueryPHPPurgeCssSlick Slider

Descripción

Sitio Web para MTEK, una empresa que ofrece servicios de soporte técnico y soluciones de microinformática. El sitio está diseñado para proporcionar información detallada sobre los servicios que ofrece la empresa, incluyendo venta de equipamiento, monitoreo de sistemas, operación asistida, y más. Además, el sitio incluye secciones sobre la empresa, oportunidades laborales, y un formulario de contacto para facilitar la comunicación con los clientes.

Tecnologías Utilizadas:

  • HTML5: Utilizado para estructurar el contenido del sitio web, asegurando que sea semántico y accesible.
  • CSS3: Empleado para el diseño y la presentación visual del sitio. Se utilizan técnicas avanzadas de CSS, como animaciones y media queries, para asegurar que el sitio sea responsivo y atractivo en diferentes dispositivos.
  • JavaScript y jQuery: Implementados para añadir interactividad al sitio. Se utilizan para manejar eventos, animaciones, y funcionalidades como menús desplegables y sliders. jQuery facilita la manipulación del DOM y la implementación de efectos visuales.

  • Slick Slider: Una librería de JavaScript utilizada para crear sliders responsivos y personalizables en varias secciones del sitio, como testimonios y galerías de imágenes.
  • PurgeCSS: Herramienta utilizada para eliminar CSS no utilizado, optimizando así el rendimiento del sitio al reducir el tamaño de los archivos CSS.
  • Font Awesome: Proporciona iconos vectoriales que se utilizan en el diseño del sitio para mejorar la interfaz de usuario.

  • Bootstrap: Framework CSS que ayuda a crear un diseño responsivo y móvil primero, facilitando el desarrollo de un sitio web que se adapta a diferentes tamaños de pantalla.
  • WOW.js y Animate.css: Utilizados para implementar animaciones al desplazarse por la página, mejorando la experiencia del usuario con efectos visuales atractivos.

  Funcionalidades Clave:

  • Formulario de Contacto: Permite a los usuarios enviar consultas directamente desde el sitio web. Incluye validación de datos y manejo de respuestas del servidor. Se incluyo uno tanto en el footer como en la web de contacto
  • Menú Responsivo: Un menú de navegación que se adapta a diferentes dispositivos, asegurando una experiencia de usuario fluida en móviles y escritorios.
  • Galería de Imágenes y Portafolio: Secciones dedicadas a mostrar los productos y servicios de la empresa de manera visualmente atractiva.

Este proyecto demuestra habilidades en el desarrollo de sitios web modernos y responsivos, utilizando una combinación de tecnologías front-end para crear una experiencia de usuario atractiva y funcional.

Rol:

Frontend Developer

Tecnologias:

BootstrapcssFont AwesomeHtmlJavascript VanillajqueryPHPPurgeCssSlick Slider

Rol:

Frontend Developer

Tecnologias:

BootstrapcssFont AwesomeHtmlJavascript VanillajqueryPHPPurgeCssSlick Slider