suna/backend/agent/workspace
marko-kraemer c4cb7bc920 fix: fe – only scroll to bottom on initial page load, not on tab switch 2025-03-31 20:39:14 -07:00
..
README.md fix: fe – only scroll to bottom on initial page load, not on tab switch 2025-03-31 20:39:14 -07:00
index.html fix: fe – only scroll to bottom on initial page load, not on tab switch 2025-03-31 20:39:14 -07:00
script.js fix: fe – only scroll to bottom on initial page load, not on tab switch 2025-03-31 20:39:14 -07:00
styles.css fix: fe – only scroll to bottom on initial page load, not on tab switch 2025-03-31 20:39:14 -07:00

README.md

Brand Identity Business Card

This is a modern, interactive business card design implemented with HTML, CSS, and JavaScript.

Features

  • Interactive flip animation to show front and back of the card
  • Color theme customization with predefined color options
  • Responsive design that works on different screen sizes
  • Modern, clean aesthetic with attention to typography and spacing
  • Social media icons and contact information

Usage

  1. Open index.html in any modern web browser
  2. Click the "Flip Card" button to see both sides of the business card
  3. Use the color dots below to change the card's color theme
  4. You can also double-click on the card to flip it

Customization

To customize this business card for your own use:

  1. Edit the HTML to change the name, title, and contact information
  2. Modify the logo and branding elements in the CSS
  3. Add or remove social media icons as needed
  4. Adjust the color palette by changing the color option values

Technologies Used

  • HTML5
  • CSS3 (with variables, flexbox, and transitions)
  • JavaScript
  • Font Awesome for icons
  • Google Fonts (Montserrat and Playfair Display)