Kontakt

<div style="display: flex; flex-direction: column; gap: 16px; align-items: center; padding: 24px 0;">
  <h3 style="margin: 0; font-size: 18px; font-weight: 600; letter-spacing: 0.5px;">Get in Touch</h3>
  <div style="display: flex; flex-direction: column; gap: 12px; align-items: center;">
    <a href="mailto:jlm.van.hr@gmail.com" style="display: flex; align-items: center; gap: 12px; text-decoration: none; color: inherit; font-weight: 500; transition: all 0.3s ease; padding: 10px 16px; border-radius: 8px;" onmouseover="this.style.opacity='0.8'; this.style.transform='translateY(-2px)';" onmouseout="this.style.opacity='1'; this.style.transform='translateY(0)';">
      <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="#FFD700" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="flex-shrink: 0;">
        <rect x="2" y="4" width="20" height="16" rx="2"></rect>
        <path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"></path>
      </svg>
      <span>jlm.van.hr@gmail.com</span>
    </a>
    <a href="tel:0998737275" style="display: flex; align-items: center; gap: 12px; text-decoration: none; color: inherit; font-weight: 500; transition: all 0.3s ease; padding: 10px 16px; border-radius: 8px;" onmouseover="this.style.opacity='0.8'; this.style.transform='translateY(-2px)';" onmouseout="this.style.opacity='1'; this.style.transform='translateY(0)';">
      <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="#20B2AA" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="flex-shrink: 0;">
        <path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path>
      </svg>
      <span>099 873 7275</span>
    </a>
  </div>
</div>