Preview:
<!DOCTYPE html>
<html>
<head>
<title>Invitasjon</title>
</head>
<body style="font-family: Arial, sans-serif; color: #333; background-color: #f4f4f4; margin: 0; padding: 0;">
  <table width="100%" border="0" cellspacing="0" cellpadding="0" style="background-color: #f4f4f4; padding: 20px;">
    <tr>
      <td align="center">
        <!-- Main Content Table -->
        <table width="600px" border="0" cellspacing="0" cellpadding="0" style="background-color: white; padding: 20px; box-shadow: 0 4px 8px rgba(0,0,0,0.1);">
          <tr>
            <td style="padding: 20px; text-align: center;">
              <!-- Logo eller Event Bilde -->
              <img src="ditt-bilde-url-her.jpg" alt="Logo/Event Bilde" width="560" style="max-width: 100%; height: auto;">
            </td>
          </tr>
          <tr>
            <td style="padding: 20px; text-align: left; color: #333;">
              <!-- Event Tittel -->
              <h1 style="margin: 0; font-size: 24px; color: #f1592a;">Velkommen til Vårt Event!</h1>
            </td>
          </tr>
          <tr>
            <td style="padding: 20px; text-align: left; color: #333;">
              <!-- Innledende Tekst -->
              <p style="margin: 0; font-size: 16px;">Kjære [Participant.FirstName],</p>
              <p style="margin-top: 10px; font-size: 16px;">Vi er glade for å invitere deg til vårt spennende event!</p>
              <!-- Event Detaljer -->
              <p style="margin-top: 10px; font-size: 16px;"><strong>Sted:</strong> [Event.Sted]</p>
              <p style="margin-top: 10px; font-size: 16px;"><strong>Dato:</strong> [Event.Dato]</p>
              <p style="margin-top: 10px; font-size: 16px;"><strong>Tid:</strong> [Event.Tid]</p>
            </td>
          </tr>
          <tr>
            <td style="padding: 20px; text-align: center;">
              <!-- Registreringsknapp -->
              <a href="[invite_link_url]" target="_blank" style="background-color: #f1592a; color: white; padding: 10px 20px; text-decoration: none; font-size: 16px; border-radius: 5px;">Registrer deg nå</a>
            </td>
          </tr>
          <tr>
            <td style="padding: 20px; text-align: center; color: #6c757d; font-size: 14px;">
              <!-- Footer Note -->
              Påmelding håndteres av [Din Organisasjon]
            </td>
          </tr>
        </table>
      </td>
    </tr>
  </table>
</body>
</html>
downloadDownload PNG downloadDownload JPEG downloadDownload SVG

Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!

Click to optimize width for Twitter