Skip to content

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Portafolio Freelancer - Imanol Perez

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.

Vista Previa del Portafolio

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.


✨ Características Principales

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-snap para guiar al usuario a través de las secciones de una manera fluida al desplazarse.
  • Optimización de Carga: Se utiliza preload en los enlaces de las hojas de estilo para mejorar los tiempos de carga.

🛠️ Tecnologías Utilizadas

  • 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.

📂 Cómo Utilizar este Proyecto

Si deseas explorar el código o utilizarlo como base para tu propio portafolio:

  1. Clona el repositorio:
    git clone [https://github.com/](https://github.com/Imaforbes/freelancer_portfolio.git)
  2. Navega a la carpeta del proyecto:
    cd [freelancer]
  3. Abre el archivo index.html en 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.


Autor

  • Imanol Perez
  • GitHub: [@imaforbes]
  • LinkedIn: @[www.linkedin.com/in/imanol-perez]

About

Sitio web de portafolio para un desarrollador freelancer, mostrando habilidades, proyectos y servicios. (Maquetación en HTML/CSS).

Topics

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages