Skip to content

Thank-you page after sending

The page shown after a quote request or contact message: clear confirmation, announced response time, printable summary, next steps and useful links.

  • Tailwind
  • React
  • CSS
  • WordPress
Open in a new tab

Description

Visitors immediately know their request went through, when they will hear back and what happens next. The summary repeats the request with its reference, copyable in one click and printable; the print stylesheet hides buttons and links. Accessibility: a single level-one heading followed by named sections, a description list for the summary, an ordered list of steps with aria-current="step" on the current one, copy confirmation announced by a role="status" region, visible focus on every control, AA contrast in light and dark modes. The checkmark animation is removed with prefers-reduced-motion. Without JavaScript the copy and print buttons stay hidden instead of doing nothing. One column from 360 px, two on tablets.

Code

Loading the code…

Archive contents

page-merci-confirmation-html-tailwind.zip3 files · 7 Ko

  • index.html18 Ko
  • README.md3 Ko
  • LICENSE.md1 Ko

Tags

Updated on October 16, 2026.

In the same spirit

  • A page for a product no longer sold, with an explanation and three similar products.

    • Tailwind
    • React
    • CSS
    • WordPress
    Component
  • A page shown during maintenance, with the expected return time and ways to stay informed.

    • Tailwind
    • React
    • CSS
    • WordPress
    Component
  • Offline page

    Coming soon

    The page shown by an installable web app when the connection is lost, with practical tips.

    • Tailwind
    • React
    • CSS
    • WordPress
    Component
  • A server error page that reassures, offers to try again and provides a reference to give support.

    • Tailwind
    • React
    • CSS
    • WordPress
    Component