Contact card
Your details on one screen, ready to show or print · Other ●○○
Change these if you like
Prompt
Make a contact card for a freelancer, clean and minimal. Make it a single HTML file that opens in a browser with nothing to install and no other files. Put the CSS and JavaScript inside it. Do not use image files or any external address; use emoji or letters if you need a symbol. Name, what you do, and up to three ways to reach you. Draw a simple mark from the initials rather than using a picture. Every piece of text is editable by clicking on it, and changes stay after the browser is closed. Add a flip: clicking the card turns it over to show a short line about what you do. Two sides, like a real one. Give it the proportions of an actual business card and add a print button that puts it on the page at the right size. ⚠️ Do not add a form, a sign-up, or anything that collects details from whoever is looking at it. When you are done, check the flip works with a tap on a phone as well as a click.
What it uses: One file only · Say what it is first · Decide what shows
If the card flips back immediately, ask it to "toggle a class on click instead of reacting to hover".
Paste what came back
You might also like