Web Greetings UI

end a greeting they'll never forget. ✦

This isn't a Canva template or a downloaded image. This is a

live, animated greeting card — a real web page that opens in

any browser, plays on any phone, and feels like it was made

just for them.

Whether it's a birthday, anniversary, graduation, Valentine's

Day, or just a "thinking of you" — this template gives you a

premium foundation that you can personalize in minutes.

───────────────────────────────

WHAT MAKES IT SPECIAL

───────────────────────────────

✦ Envelope opening experience

  Your recipient sees a sealed envelope first. They tap to

  open it — and the card reveals itself with a full animation.

  It's a moment, not just a message.

✦ Elegant gold & dark aesthetic

  Deep dark background with warm gold accents and a

  Cormorant Garamond serif — refined, timeless, and unlike

  anything from a generic template site.

✦ Floating particle atmosphere

  Subtle animated particles float in the background throughout

  the card, giving it a warm, cinematic feel.

✦ Gold confetti on reveal

  The moment the card opens, a burst of gold confetti rains

  down — making the reveal feel like a true celebration.

✦ Music strip

  A soft "Now Playing" strip at the bottom shows your chosen

  song title — giving the card a personal soundtrack feel.

✦ Live date

  The card automatically displays today's date — so it always

  feels current, not pre-made.

✦ Mobile-first & responsive

  Perfectly designed for phones, tablets, and desktop screens.

  No pinching, no zooming, no broken layouts.

───────────────────────────────

WHAT YOU CAN CUSTOMIZE

───────────────────────────────

Every editable section is clearly marked with a comment

inside the HTML file:

 → Recipient name

 → Personal message / quote

 → Sender name

 → Occasion word (e.g. "With Love", "Happy Birthday")

 → Song title in the music strip

 → Accent colors (just change 2 lines at the top)

No coding knowledge needed — just find the marked sections

and type your text.

───────────────────────────────

WHAT'S INCLUDED

───────────────────────────────

 ✓ greeting-card.html  — the full template (1 file,

              self-contained, no dependencies)

 ✓ HOW-TO-CUSTOMIZE.txt — step-by-step editing guide

 ✓ COLOR-PRESETS.txt  — 5 ready-made color combinations

              (gold, rose, teal, blue, neutral)

───────────────────────────────

HOW TO SHARE IT

───────────────────────────────

 Option A — Upload to any free host (Netlify, Vercel,

       GitHub Pages) and share the link.

       Free and takes under 5 minutes.

 Option B — Send the .html file directly via email,

       Messenger, or Google Drive. Recipient opens

       it in their browser.

 Option C — Ask Step Up to host it for you.

       We offer 30-day hosting as an add-on.