IconHighlight icon

---
// IconHighlight, recovered from blurr-components.pages.dev
---

<div class="ihl-wrap"> <div class="ihl-head"> <h2 class="ihl-headline">Alles wat je nodig hebt</h2> <p class="ihl-sub">Een volledig marketingteam zonder de overhead van een intern team.</p> </div> <ul class="ihl-list"> <li class="ihl-item"> <span class="ihl-icon"></span> <span class="ihl-label">Strategie &amp; planning</span> </li><li class="ihl-item"> <span class="ihl-icon"></span> <span class="ihl-label">SEO &amp; content</span> </li><li class="ihl-item"> <span class="ihl-icon"></span> <span class="ihl-label">Betaalde advertenties</span> </li><li class="ihl-item"> <span class="ihl-icon"></span> <span class="ihl-label">Social media management</span> </li><li class="ihl-item"> <span class="ihl-icon"></span> <span class="ihl-label">E-mail marketing</span> </li><li class="ihl-item"> <span class="ihl-icon"></span> <span class="ihl-label">Analytics &amp; rapportage</span> </li> </ul> </div>

<style>
.ihl-wrap{--color-accent: #6366f1;--color-primary: #0a0a0a;border-left:4px solid var(--color-accent);background:#f5f3ff;border-radius:0 12px 12px 0;padding:32px 36px;font-family:system-ui,sans-serif;max-width:640px}
.ihl-head{margin-bottom:24px}
.ihl-headline{margin:0 0 8px;font-size:1.4rem;font-weight:800;color:var(--color-primary)}
.ihl-sub{margin:0;font-size:.95rem;color:#374151;line-height:1.6}
.ihl-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 24px}
.ihl-list{grid-template-columns:1fr}
.ihl-item{display:flex;align-items:center;gap:10px}
.ihl-icon{font-size:1rem;flex-shrink:0}
.ihl-label{font-size:.9rem;font-weight:600;color:#1f2937}
</style>