Código para teste de site

Você gostaria que os visitantes do seu site pudessem iniciar diretamente um Teste TOP - Site? Copie o código HTML e CSS dos campos de texto abaixo para o código fonte de seu site.

HTML

<form action="https://top.nic.br/site/" method="POST">
      <p>
      <img class="top" src="https://top.nic.br/static/img/logo-top.png" alt="Sua Internet está atualizada?"/>
      Teste TOP - <em>Site</em>
      </p>
      <label for="top-site-url">Nome de domínio do seu <em>site</em>:</label>
      <input id="top-site-url" type="text" name="url" placeholder="www.exemplo.br (https://top.nic.br/widget-site/)">
      <button class="top">Iniciar o teste</button>
  </form>

CSS

img.imgtop {
  max-width: 100%;
  height: auto;
  width: 100%;
  float: none;
  clear: both;
  display: block;
}
button.top:hover {
    cursor: pointer;
}
button.top:hover,
button.top:focus,
button.top:active {
    background: #ffab4c;
}
button.top {
    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;
}

Notas

Logo: Recomendamos que você salve e use nosso logo em seu próprio servidor web. Dessa forma, não haverá nenhum contato com nosso servidor web quando seu site for visitado.
Política de Segurança de Conteúdo (CSP): Caso você esteja utilizando uma política de CSP para o seu site, você também precisará adicionar o top.nic.br às regras form-action e possivelmente também às regras img-src no caso de um link para o logo em nosso servidor web.

Código para teste de site

HTML

CSS

Notas

Apoiadores