Este es el código fuente de mi portafolio personal como desarrollador web freelancer. Es una página estática de una sola vista (single-page) diseñada para ser limpia, profesional y totalmente responsiva.
Sugerencia: Sube una captura de pantalla de tu proyecto a la carpeta y enlaza la imagen aquí para que los visitantes puedan ver tu trabajo de inmediato.
Este portafolio está construido desde cero con un enfoque en las mejores prácticas de desarrollo web.
- Diseño Responsivo (Responsive Design): La interfaz se adapta perfectamente a cualquier tamaño de pantalla, desde dispositivos móviles hasta monitores de escritorio, gracias al uso de Media Queries.
- CSS Moderno:
- Uso de Variables CSS (Custom Properties) para una gestión de colores fácil y centralizada.
- Maquetación moderna con Flexbox para la navegación y CSS Grid para la sección de servicios y el formulario.
- Secciones Claras y Definidas: La página está dividida en secciones intuitivas para una fácil navegación:
- Inicio: Un encabezado "hero" con un llamado a la acción claro.
- Servicios: Una presentación visual de los servicios ofrecidos (Diseño Web, Aplicaciones Web, E-Commerce).
- Contacto: Un formulario de contacto funcional y estilizado.
- Experiencia de Usuario Mejorada: Se implementa
scroll-snappara guiar al usuario a través de las secciones de una manera fluida al desplazarse. - Optimización de Carga: Se utiliza
preloaden los enlaces de las hojas de estilo para mejorar los tiempos de carga.
- HTML5: Para la estructura semántica y el contenido del sitio.
- CSS3: Para todo el diseño, la maquetación responsiva y los estilos visuales.
- Normalize.css: Para asegurar que el sitio se renderice de manera consistente en todos los navegadores modernos.
Si deseas explorar el código o utilizarlo como base para tu propio portafolio:
- Clona el repositorio:
git clone [https://github.com/](https://github.com/Imaforbes/freelancer_portfolio.git)
- Navega a la carpeta del proyecto:
cd [freelancer] - Abre el archivo
index.htmlen tu navegador web.
¡Eso es todo! Puedes personalizar el contenido directamente en el archivo index.html y cambiar los colores y fuentes fácilmente en la sección :root del archivo css/styles.css.
- Imanol Perez
- GitHub:
[@imaforbes] - LinkedIn:
@[www.linkedin.com/in/imanol-perez]
