Skip to content

Creo interfaces web modernas usando HTML, CSS, JavaScript y frameworks como React, con un enfoque en animaciones y efectos visuales únicos.

Notifications You must be signed in to change notification settings

cristianquerolalves1/mi-portfolio

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

29 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Banner del Portafolio

Formspree GitHub Pages CSS3 JavaScript HTML5 Mona Sans


📖 Descripción

Este es mi portafolio interactivo, diseñado para mostrar mis proyectos, habilidades y trabajos de manera profesional y moderna. Incluye un estilo futurista Glassmorphism, animaciones suaves y efectos visuales atractivos.

El portafolio cuenta con:

  • Sección Sobre mí y disponibilidad para contratación.
  • Proyectos y trabajos realizados.
  • Tecnologías y herramientas que utilizo.
  • Formulario de contacto funcional integrado con Formspree.
  • Alternancia de temas claro/oscuro con persistencia.
  • Sección de clientes y logos interactivos.

🛠 Tecnologías utilizadas

  • Frontend: HTML5, CSS3 (Flexbox, Grid, Glassmorphism), JavaScript (Vanilla JS)
  • Animaciones y efectos: Intersection Observer, transformaciones CSS, transiciones suaves
  • Formularios: Integración con Formspree para enviar mensajes
  • Temas: Modo claro/oscuro con persistencia en LocalStorage
  • Iconografía: Ionicons

🗂 Estructura del proyecto

portfolio/
├─ index.html
├─ assets/
│   ├─ images/
│   ├─ fonts/
│   └─ icons/
├─ css/
│   └─ style.css
├─ js/
│   └─ main.js
└─ README.md

🚀 Cómo Usarlo

  1. Clona el repositorio:
git clone https://github.com/cristianquerolalves1/mi-portfolio.git
  1. Abre index.html en cualquier navegador moderno para visualizarlo localmente.

  2. Para desplegarlo en GitHub Pages:

    • Ve a la configuración del repositorio → Pages
    • Selecciona la rama main y la carpeta raíz /
    • Haz clic en Save y tu portafolio estará disponible online.

📬 Formulario de Contacto

El portafolio incluye un formulario de contacto funcional con Formspree:

  1. Regístrate en Formspree y crea un endpoint.
  2. Reemplaza la URL en el atributo action del formulario:
<form action="https://formspree.io/f/tu-endpoint" method="POST">
  1. Asegúrate de que los campos tengan los atributos name correctos:
<input type="text" name="name" required>
<input type="email" name="email" required>
<textarea name="message" required></textarea>
  1. Cuando alguien envíe un formulario, recibirás los mensajes en el correo asociado a tu cuenta de Formspree.

⚖️ Licencia

Este portafolio es propiedad personal y no es open-source. Todos los derechos reservados a Cristian Querol Alves.


📬 Contáctame

Si quieres enviarme un mensaje, puedes usar el formulario de contacto integrado en mi portafolio. Está configurado con Formspree para que los mensajes lleguen directamente a mi correo.

Cómo usarlo:

  1. Abre el portafolio en tu navegador.
  2. Ve a la sección Contacto.
  3. Completa los campos:
    • Nombre completo
    • Correo electrónico
    • Mensaje
  4. Haz clic en Enviar y recibiré tu mensaje en mi correo asociado a Formspree.

También puedes contactarme directamente a través de mis redes o correo electrónico:

Email Instagram Discord

About

Creo interfaces web modernas usando HTML, CSS, JavaScript y frameworks como React, con un enfoque en animaciones y efectos visuales únicos.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published