Hero V01
Template Details
Author: Colorlib
Released: September 2026
License: CC BY 3.0
Description
A split landing-page hero for a finance software product, with an announcement pill, headline, supporting copy, two calls to action and a short trust list on the left. The right side is a product dashboard drawn entirely in HTML and CSS, with KPI tiles, a bar and line chart and recent transactions, so there is no screenshot to replace. A top bar with logo, links and sign-in collapses into a menu button on phones.
It is plain HTML and CSS plus a few lines of vanilla JavaScript: no jQuery, no Bootstrap files, no plugins, and the download is 250 KB. Use it on its own, or drop it into a Bootstrap 4, 5 or 6 project and it looks the same.
- Dashboard mock built with HTML and CSS, no images
- Fluid clamp() headline with gradient accent
- Accessible mobile menu with Esc and outside-click close
- Mock simplifies itself on phones instead of shrinking
- Reduced-motion friendly chart and card animations
Similar Templates
