Hero V04
Template Details
Author: Colorlib
Released: September 2026
License: CC BY 3.0
Description
A mobile-app landing hero for a habit tracker, with a rating line, a two-tone headline, short copy, two generic store download buttons and three quick facts. The right side shows two phones built entirely in HTML and CSS: today's habit list with a conic-gradient progress ring, and a tilted stats screen behind it. On phones the layout centres, the store buttons go full width and a single phone mock remains.
It is plain HTML and CSS plus a few lines of vanilla JavaScript: no jQuery, no Bootstrap files, no plugins, and the download is 376 KB. Use it on its own, or drop it into a Bootstrap 4, 5 or 6 project and it looks the same.
- Two phone mockups drawn in HTML and CSS, no screenshots
- Generic store buttons with inline SVG icons, no official logos
- Conic-gradient progress ring
- Centred phone layout designed for small screens
- Accessible mobile menu and reduced-motion support
Similar Templates
