Tarjeta de contacto
Tus datos en una sola pantalla, listos para mostrar o imprimir · Otros ●○○
Cámbialo si quieres
Prompt
Crea una tarjeta de contacto para un profesional independiente, limpio y minimalista. Hazlo en un único archivo HTML que se abra en el navegador, sin necesidad de instalar nada y sin archivos adicionales. Incluye el CSS y el JavaScript dentro del mismo archivo. No uses archivos de imagen ni ninguna dirección externa; si necesitas algún símbolo, usa emojis o letras. Nombre, a qué te dedicas y hasta tres formas de contacto. Diseña una marca o distintivo simple a partir de las iniciales en lugar de usar una imagen. Cada texto debe poder editarse al hacer clic sobre él, y los cambios deben guardarse incluso después de cerrar el navegador. Añade un efecto de giro: al hacer clic en la tarjeta, debe darse la vuelta para mostrar una breve frase sobre lo que haces. Dos caras, como una de verdad. Dale las proporciones de una tarjeta de presentación real y añade un botón de imprimir que la coloque en la página con el tamaño adecuado. ⚠️ No añadas ningún formulario, registro ni nada que recopile datos de quien la esté viendo. Cuando termines, comprueba que el giro funcione tanto con un toque en el móvil como con un clic.
Lo que usa: Un solo archivo · Primero di qué es · Decide qué mostrar
Si la tarjeta se vuelve a dar la vuelta de inmediato, pídele que "alterne una clase al hacer clic en lugar de reaccionar al pasar el cursor (hover)".
Pega lo que te devolvió
También te puede gustar