Features & content
Four-figure stats band
A dark full-width band with four large numbers and their labels.
When to use it
A short band that breaks up a long page and gives the eye somewhere to land between two heavy sections. It is intentionally plain markup — four equal grid cells, each with a number and a label — so it converts into four predictable pairs rather than something clever that has to be untangled afterwards. Swap the figures for your own before publishing; placeholder numbers that never get replaced are worse than no band at all.
What it converts to
Converted with the Native components mode. The component list below is what this template produces — not a generic example.
- Container × 1 — the dark band
- Container (grid, 4 columns) × 1
- Container × 4 — one per figure
- Heading × 4 — the numbers
- Text Editor × 4 — the labels
Things worth knowing
- The numbers are headings so they inherit a single typography control after import — useful when you want to change all four at once.
- If you want Elementor’s animated Counter instead, convert this band and then replace each number Heading with a Counter widget; a static page cannot express a count-up animation, so no converter can infer one.
- Four columns drop to two below 860px and stay at two on phones, which reads better than a single tall column.
The HTML
This is the complete source. Copy it, or send it straight to the converter and adjust the options before exporting.
Show the HTML source
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Four-figure stats band</title>
<style>
body{margin:0;font-family:Arial,Helvetica,sans-serif}
.band{background:#14233a;color:#fff;padding:56px 24px}
.grid{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:28px;text-align:center}
.stat h2{margin:0 0 8px;font-size:44px;letter-spacing:-.04em;color:#ff7a56}
.stat p{margin:0;color:#a9b8cb;font-size:13.5px;line-height:1.6;letter-spacing:.04em;text-transform:uppercase}
@media(max-width:860px){.grid{grid-template-columns:repeat(2,1fr);gap:32px}.stat h2{font-size:36px}}
</style>
</head>
<body>
<section class="band">
<div class="grid">
<div class="stat"><h2>189</h2><p>Sites migrated</p></div>
<div class="stat"><h2>9 yrs</h2><p>With WordPress and Elementor</p></div>
<div class="stat"><h2>0</h2><p>Files uploaded to a server</p></div>
<div class="stat"><h2>2</h2><p>Ways to export</p></div>
</div>
</section>
</body>
</html>