Widget de test d'e-mail

Souhaiteriez-vous que les visiteurs de votre site web puissent directement démarrer un test d'e-mail ?
Copiez le code HTML et CSS des champs de texte ci-dessous dans le code source de votre site web.

HTML

<form action="https://internet.nl/mail/" method="POST">
  <p>
    <img class="internetnl" src="https://internet.nl/static/logo_en.svg" alt="Votre Internet est-il à jour ?"/>
    <strong>Testez votre e-mail</strong>
  </p>
  <label for="internetnl-mail-url">Votre domaine email :</label>
  <span class="internetnl emailfield">
    <input id="internetnl-mail-url" type="text" inputmode="url" name="url" placeholder="example.nl">
  </span>
  <button class="internetnl">Démarrer</button>
</form>

CSS

img.internetnl {
  max-width: 100%;
  height: auto;
  float: none;
  clear: both;
  display: block;
}
.internetnl.emailfield:before {
  content: '@';
  background: #dadada;
  width: 8%;
  display: block;
  float: left;
  text-align: center;
  height: 100%;
  overflow: hidden;
  padding: 2px 0;
} 
button.internetnl:hover {
    cursor: pointer;
}
button.internetnl:hover,
button.internetnl:focus,
button.internetnl:active {
    background: #ffab4c;
}
button.internetnl {
    display: block;
    margin: 0 auto .5em;
    background: #fff;
    border: solid .3em #ffab4c;
    font-family: 'robotobold', arial, sans-serif;
    font-weight: bold;
    font-size: 100%;
    border-radius: 18px;
    padding: .2em .5em;
}

Notes

Logo : Nous vous recommandons de sauvegarder et d'utiliser notre logo sur votre propre serveur web. De cette façon, il n'y aura aucun contact avec notre serveur web lorsque votre site web sera visité.
Content-Security-Policy (CSP) : Si vous utilisez une politique CSP pour votre site web, vous devriez également ajouter internet.nl aux règles pour form-action et possiblement aussi pour img-src au cas où vous liez vers le logo sur notre serveur web.