FIDDER
Terug naar status

Status Badge

Laat je bezoekers zien dat je hosting betrouwbaar is. Kies een stijl en plak de code op je website.

Stijl

Thema

Branding

Badge toont FIDDER logo icoon

Preview

FStatus

Embed code

<!-- FIDDER Status Badge (minimaal) -->
<a href="https://fidderregelt.nl/status" target="_blank" rel="noopener" style="display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:6px;font-family:system-ui,sans-serif;font-size:12px;font-weight:500;text-decoration:none;background:#fff;color:#333;border:1px solid #e5e5e5;">
  <svg width="14" height="14" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient id="fg" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="0%" style="stop-color:#5B9A9A"/><stop offset="100%" style="stop-color:#7B8AB8"/></linearGradient></defs><rect width="32" height="32" rx="6" fill="url(%23fg)"/><text x="8" y="24" font-family="system-ui,sans-serif" font-size="22" font-weight="700" fill="white">F</text></svg> <span style="width:6px;height:6px;border-radius:50%;background:#10b981;"></span>
  Status
</a>

Hoe te gebruiken

  1. 1Kies een stijl en thema dat bij je website past
  2. 2Kies of je de FIDDER branding wilt tonen
  3. 3Kopieer de embed code
  4. 4Plak de code in de footer of body van je HTML