Contact person: Business Client

Phone:Show

Email:Show

Location: Balussery, India

Budget: Recommended by industry experts

Time to start: As soon as possible

Project description:
"Goal
Create a single, self-contained Bootstrap 5 modal that centers an image and provides three actions: Order a Print, Edit, Delete. One pasteable demo—nothing more.

Tech Constraints (Baseline)
Use standard Bootstrap 5 classes and a few lines of vanilla JS to demo the two redirects/callbacks.
No external libraries (no jQuery, no extra frameworks).
One HTML demo file only (plus an optional [login to view URL]). No extra pages. (for the contest only or an image of the code running)

Using the official Bootstrap 5 CDN is fine.
Styling Note (Your Creative Touch Welcome!)

Baseline must look clean using only Bootstrap utilities.

You may include an optional “Enhanced Skin” ([login to view URL], tasteful colors, spacing, subtle transitions. Must be removable—baseline should still pass all criteria without it.

Required Behavior

Modal opens over any page content; ESC closes, focus is trapped (ARIA friendly).

Image centered and responsive for portrait/landscape (no overflow, no CLS).

Footer buttons:

Order a Print (primary) → simple JS redirect/callback
Edit (secondary) → simple JS redirect/callback
Delete (danger) → confirm first → simulate delete success → close modal

Accessibility (must-have)

Modal uses correct roles/labels: role="dialog", aria-modal="true", aria-labelledby.
Initial focus set on the close button or the first action; focus returns to the trigger after close.
Acceptance Criteria
Works on latest Chrome/Firefox/Safari and mobile.
looks good on mobile phone/ small screen

No layout overflow; the image fits within viewport height (e.g., max-height: 70–80vh).
Baseline is Bootstrap-only + vanilla JS and fully functional.
Enhanced Skin (if included) is visually nicer but 100% optional." (client-provided description)