Developer Portfolio Template - Copy this Html, Tailwind Component to your project

Crea-un-portafolio-web-responsive-para-un-desarrollador-web-llamado-Rubén-Terré-utilizando-HTML-y-CSS.-El-diseño-debe-ser-moderno,-atractivo-y-seguir-esta-estructura:-1.-Header:---Nombre-del-desarrollador---Breve-presentación-(2-3-frases)---Botón-para-descargar-el-CV-en-PDF---Menú-de-navegación-2.-Sección-de-Habilidades:---Lista-de-habilidades-técnicas---Iconos-de-HTML,-CSS,-JS,-SVELTE,-BulmaCSS,-Firebase,-GitHub.-3.-Sección-de-Proyectos:---Cuadrícula-o-carrusel-de-proyectos-destacados---Cada-proyecto-debe-incluir:---Imagen-o-captura-de-pantalla---Título-del-proyecto---Breve-descripción---Tecnologías-utilizadas---Enlaces-al-proyecto-en-vivo-y-al-código-fuente-4.-Sección-de-Contacto:---Formulario-de-contacto---Enlaces-a-redes-sociales-profesionales-(LinkedIn,-GitHub)---Dirección-de-correo-electrónico-Especificaciones-de-diseño:---Utiliza-la-fuente-Poppins-para-todo-el-texto---Esquema-de-colores:---Fondo-principal:-#0d0d0d---Color-secundario:-#28e98c---Color-de-texto-principal:-blanco---Implementa-animaciones-sutiles-para-mejorar-la-interactividad---Asegúrate-de-que-el-diseño-sea-totalmente-responsive-Elementos-adicionales:---Incluye-un-favicon-personalizado---Agrega-un-botón-"Volver-arriba"-que-aparezca-al-hacer-scroll---Implementa-un-modo-oscuro/claro-alternativo---Optimiza-las-imágenes-para-una-carga-rápida-de-la-página-Asegúrate-de-que-el-código-HTML-sea-semántico-y-accesible,-y-que-el-CSS-esté-bien-organizado-y-comentado.-Utiliza-flexbox-o-grid-para-el-diseño-y-media-queries-para-la-responsividad.-Considera-usar-variables-CSS-para-los-colores-y-tamaños-de-fuente-para-facilitar-futuras-modificaciones.