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.
- 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
portfolio/
├─ index.html
├─ assets/
│ ├─ images/
│ ├─ fonts/
│ └─ icons/
├─ css/
│ └─ style.css
├─ js/
│ └─ main.js
└─ README.md
- Clona el repositorio:
git clone https://github.com/cristianquerolalves1/mi-portfolio.git-
Abre
index.htmlen cualquier navegador moderno para visualizarlo localmente. -
Para desplegarlo en GitHub Pages:
- Ve a la configuración del repositorio → Pages
- Selecciona la rama
mainy la carpeta raíz/ - Haz clic en
Savey tu portafolio estará disponible online.
El portafolio incluye un formulario de contacto funcional con Formspree:
- Regístrate en Formspree y crea un endpoint.
- Reemplaza la URL en el atributo
actiondel formulario:
<form action="https://formspree.io/f/tu-endpoint" method="POST">- Asegúrate de que los campos tengan los atributos
namecorrectos:
<input type="text" name="name" required>
<input type="email" name="email" required>
<textarea name="message" required></textarea>- Cuando alguien envíe un formulario, recibirás los mensajes en el correo asociado a tu cuenta de Formspree.
Este portafolio es propiedad personal y no es open-source. Todos los derechos reservados a Cristian Querol Alves.
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.
- Abre el portafolio en tu navegador.
- Ve a la sección Contacto.
- Completa los campos:
- Nombre completo
- Correo electrónico
- Mensaje
- 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:
