Stat-trio
Drie kerncijfers.
Rasterbalk met scan-lijnen, mono-labels en een goud accent voor het derde vak. Gebruik alleen cijfers die je kunt onderbouwen. Let op: het derde vak (EU) mag pas als EU-hosting worden gelezen als de locatie van het datacentrum is benoemd; tot die tijd staat er [locatie TE BEVESTIGEN].
Stat-trio
MKB
Focus
NL
Gevestigd
EU
Provider (locatie TE BEVESTIGEN)
HTML
<div class="kit-stat-trio" style="display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:0;margin-top:0;border-top:1px solid var(--border-strong);border-bottom:1px solid var(--border-strong);padding-top:clamp(22px,3vw,32px);padding-bottom:clamp(22px,3vw,32px);position:relative"><div aria-hidden="true" style="position:absolute;top:-1px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(46,128,255,.6),transparent);animation:8s ease-in-out 0s infinite atlas-scan-shift"></div><div aria-hidden="true" style="position:absolute;bottom:-1px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(46,128,255,.35),transparent);animation:8s ease-in-out 4s infinite atlas-scan-shift"></div><div style="position:relative;padding-right:24px;padding-left:0"><div style="margin-bottom:6px"><span style="display:inline-flex;align-items:center;gap:5px"><span aria-hidden="true" style="width:4px;height:4px;border-radius:999px;background:var(--success);box-shadow:0 0 5px var(--success);animation:2.4s ease-in-out 0s infinite atlas-pulse"></span></span></div><div style="font-family:var(--font-display);font-size:clamp(24px,3.2vw,40px);font-weight:900;color:var(--text-1);margin-bottom:4px;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums"><span>MKB</span></div><div style="font-size:11px;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.16em;font-family:var(--font-mono)">Focus</div></div><div style="position:relative;padding-right:24px;padding-left:24px;border-left:1px solid var(--border)"><div style="margin-bottom:6px"><span style="display:inline-flex;align-items:center;gap:5px"><span aria-hidden="true" style="width:4px;height:4px;border-radius:999px;background:var(--success);box-shadow:0 0 5px var(--success);animation:2.4s ease-in-out 0s infinite atlas-pulse"></span></span></div><div style="font-family:var(--font-display);font-size:clamp(24px,3.2vw,40px);font-weight:900;color:var(--text-1);margin-bottom:4px;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums"><span>NL</span></div><div style="font-size:11px;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.16em;font-family:var(--font-mono)">Gevestigd</div></div><div style="position:relative;padding-right:24px;padding-left:24px;border-left:1px solid var(--border)"><div style="margin-bottom:4px"><svg width="16" height="16" viewBox="0 0 16 16" aria-hidden="true" class="" style="flex-shrink:0;overflow:visible"><line x1="8.00" y1="1.00" x2="8.00" y2="-2.50" stroke="rgba(212,162,76,0.52)" stroke-width="0.5" stroke-linecap="round"/><circle cx="8.00" cy="1.00" r="1.2" fill="var(--accent-gold)"/><line x1="11.50" y1="1.94" x2="13.25" y2="-1.09" stroke="rgba(212,162,76,0.52)" stroke-width="0.5" stroke-linecap="round"/><circle cx="11.50" cy="1.94" r="1.2" fill="var(--accent-gold)"/><line x1="14.06" y1="4.50" x2="17.09" y2="2.75" stroke="rgba(212,162,76,0.52)" stroke-width="0.5" stroke-linecap="round"/><circle cx="14.06" cy="4.50" r="1.2" fill="var(--accent-gold)"/><line x1="15.00" y1="8.00" x2="18.50" y2="8.00" stroke="rgba(212,162,76,0.52)" stroke-width="0.5" stroke-linecap="round"/><circle cx="15.00" cy="8.00" r="1.2" fill="var(--accent-gold)"/><line x1="14.06" y1="11.50" x2="17.09" y2="13.25" stroke="rgba(212,162,76,0.52)" stroke-width="0.5" stroke-linecap="round"/><circle cx="14.06" cy="11.50" r="1.2" fill="var(--accent-gold)"/><line x1="11.50" y1="14.06" x2="13.25" y2="17.09" stroke="rgba(212,162,76,0.52)" stroke-width="0.5" stroke-linecap="round"/><circle cx="11.50" cy="14.06" r="1.2" fill="var(--accent-gold)"/><line x1="8.00" y1="15.00" x2="8.00" y2="18.50" stroke="rgba(212,162,76,0.52)" stroke-width="0.5" stroke-linecap="round"/><circle cx="8.00" cy="15.00" r="1.2" fill="var(--accent-gold)"/><line x1="4.50" y1="14.06" x2="2.75" y2="17.09" stroke="rgba(212,162,76,0.52)" stroke-width="0.5" stroke-linecap="round"/><circle cx="4.50" cy="14.06" r="1.2" fill="var(--accent-gold)"/><line x1="1.94" y1="11.50" x2="-1.09" y2="13.25" stroke="rgba(212,162,76,0.52)" stroke-width="0.5" stroke-linecap="round"/><circle cx="1.94" cy="11.50" r="1.2" fill="var(--accent-gold)"/><line x1="1.00" y1="8.00" x2="-2.50" y2="8.00" stroke="rgba(212,162,76,0.52)" stroke-width="0.5" stroke-linecap="round"/><circle cx="1.00" cy="8.00" r="1.2" fill="var(--accent-gold)"/><line x1="1.94" y1="4.50" x2="-1.09" y2="2.75" stroke="rgba(212,162,76,0.52)" stroke-width="0.5" stroke-linecap="round"/><circle cx="1.94" cy="4.50" r="1.2" fill="var(--accent-gold)"/><line x1="4.50" y1="1.94" x2="2.75" y2="-1.09" stroke="rgba(212,162,76,0.52)" stroke-width="0.5" stroke-linecap="round"/><circle cx="4.50" cy="1.94" r="1.2" fill="var(--accent-gold)"/></svg></div><div style="font-family:var(--font-display);font-size:clamp(24px,3.2vw,40px);font-weight:900;color:var(--accent-gold);margin-bottom:4px;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums"><span>EU</span></div><div style="font-size:11px;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.16em;font-family:var(--font-mono)">Provider (locatie TE BEVESTIGEN)</div></div></div>Kaartenrij
Drie kaarten, één rij.
Gebruik .atlas-chip-grid met feature-kaarten (zie ook Kaarten).
FAQ
Veelgestelde vragen.
01.Hoe lang duurt een ERP-implementatie?
Dit is een voorbeeldtekst voor het FAQ-onderdeel. Vervang hem door het echte antwoord uit de pagina waar je het blok gebruikt.
02.Werken jullie met onze huidige software?
Voorbeeldantwoord. De accordeon is een standaard
<details>-element en werkt zonder JavaScript.03.Wat kost het?
Voorbeeldantwoord. Gebruik alleen prijzen en claims die op de tarievenpagina staan.