11/21/2025
𝗟𝗮𝗻𝗱𝗶𝗻𝗴 𝗣𝗮𝗴𝗲 𝗰𝗼𝗻 𝗠𝗮𝘁𝗲𝗿𝗶𝗮𝗹𝗶𝘇𝗲
Hoy quiero compartir un pequeño proyecto que estuve realizando para seguir mejorando mis bases en desarrollo web. No es nada complejo ni un gran producto, pero me sirvió muchísimo para entender mejor el flujo de trabajo con Materialize CSS, responsive design y algunos componentes clave.
¿Qué aprendí / implementé?
✅ Uso de Materialize CSS (navbar, sidenav, cards, formularios, grid).
✅ Hero section full-screen con diseño responsive.
✅ Secciones organizadas: Inicio, Nosotros, Servicios, Portafolio y Contacto.
✅ Formulario funcional con estilos Materialize.
✅ Comportamiento adaptado para móvil, tablet y desktop.
✅ Estructura HTML5 semántica + CSS3 + JavaScript Vanilla.
Tecnologías utilizadas:
HTML5 | CSS3 | Materialize CSS | Material Icons | JS ES6+
𝗗𝗲𝗺𝗼 𝗱𝗲𝗹 𝗽𝗿𝗼𝘆𝗲𝗰𝘁𝗼:
https://landing-page-materialize.pablogarciajc.com/
𝗥𝗲𝗽𝗼𝘀𝗶𝘁𝗼𝗿𝗶𝗼 𝗲𝗻 𝗚𝗶𝘁𝗛𝘂𝗯: https://github.com/PabloGarciaJC/landing-page-materialize