Widget de test de site web

Souhaiteriez-vous que les visiteurs de votre site web puissent directement démarrer un test de site web ?
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/site/" method="POST">
  <p>
    <img class="internetnl" src="https://internet.nl/static/logo_en.svg" alt="Votre Internet est-il à jour ?"/>
    <strong>Testez votre site web</strong>
  </p>
  <label for="internetnl-site-url">Le nom de domaine de votre site :</label>
  <input id="internetnl-site-url" type="text" inputmode="url" name="url" placeholder="www.example.nl">
  <button class="internetnl">Démarrer</button>
</form>

CSS

img.internetnl {
  max-width: 100%;
  height: auto;
  float: none;
  clear: both;
  display: block;
}
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.