Coming Soon Page V07

Author: Colorlib

Released: September 2026

License: CC BY 3.0

An opening-soon page for a neighbourhood bakery and coffee shop, with an arched photo, a tilted calendar card and a relative "Opening in 24 days" line that updates itself. Visitors can leave an email for an opening-week pastry voucher. Below, a Find us panel pairs a street map drawn in inline SVG, with a bouncing pin, with the address and opening hours, so no external map service is needed.

It is plain HTML and CSS plus a few lines of vanilla JavaScript: no jQuery, no Bootstrap files, no plugins, and the download is 641 KB. Use it on its own, or drop it into a Bootstrap 4, 5 or 6 project and it looks the same.

• Opening date from data-days, data-hour and data-minute, formatted with Intl
• Relative countdown via Intl.RelativeTimeFormat in a role="timer" element
• Map placeholder drawn in inline SVG with an accessible text description
• Notify form with native validation and a success note
• Arched photo and rotating sticker that holds still under reduced motion