Widget test e-mail

Doriți ca vizitatorii website-ului dvs. să poată porni direct un test de e-mail?
Copiați codul HTML și CSS din câmpurile de text de mai jos în codul sursă al website-ului dvs.

HTML

<form action="https://security.silvercord.ro/mail/" method="POST">
  <p>
    <img class="silvercord" src="https://security.silvercord.ro/static/logo_en.png" alt="Este internetul dvs. la zi?"/>
    <strong>Testați-vă e-mailul</strong>
  </p>
  <label for="silvercord-mail-url">Adresa dvs. de e-mail:</label>
  <span class="silvercord emailfield">
    <input id="silvercord-mail-url" type="text" inputmode="url" name="url" placeholder="example.ro">
  </span>
  <button class="silvercord">Pornire test</button>
</form>

CSS

img.silvercord {
  max-width: 100%;
  height: auto;
  float: none;
  clear: both;
  display: block;
}
.silvercord.emailfield:before {
  content: '@';
  background: #dadada;
  width: 8%;
  display: block;
  float: left;
  text-align: center;
  height: 100%;
  overflow: hidden;
  padding: 2px 0;
} 
button.silvercord:hover {
    cursor: pointer;
}
button.silvercord:hover,
button.silvercord:focus,
button.silvercord:active {
    background: #ffab4c;
}
button.silvercord {
    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;
}

Note

Logo: vă recomandăm să salvați și să folosiți logo-ul nostru pe propriul dvs. server web. În acest fel, nu va exista niciun contact cu serverul nostru web atunci când website-ul dvs. este vizitat.
Content-Security-Policy (CSP): dacă folosiți o politică CSP pentru website-ul dvs., va trebui de asemenea să adăugați security.silvercord.ro la regulile pentru form-action și, posibil, și pentru img-src, dacă faceți trimitere către logo-ul de pe serverul nostru web.