Card V19
Template Details
Author: Colorlib
Released: September 2026
License: CC BY 3.0
Description
A wide newsletter card with an SVG envelope illustration and a compact product-updates card. Both forms use the browser's email validation, show a clear inline error linked to the field, and swap to a success message that receives focus.
It is plain HTML and CSS plus a few lines of vanilla JavaScript: no jQuery, no Bootstrap files, no plugins, and the download is 275 KB. Use it on its own, or drop it into a Bootstrap 4, 5 or 6 project and it looks the same.
- Native constraint validation with custom inline messages
- aria-invalid and aria-describedby wired to the error
- Success state that moves focus to its heading
- Two layouts: split hero card and compact card
- Illustration drawn in SVG
Similar Templates
