Mudanças entre as edições de "Criar página de "Site em manutenção""

Edição das 16h48min de 13 de novembro de 2017

Abaixo, disponibilizamos tutorial para criação de uma página simples de "Site em manutenção" com sua logomarca e dados de contato (e-mail e telefone):

Primeiramente, deverá copiar o código abaixo e colar em um editor de textos simples (exemplo 'Bloco de notas') e salvar o arquivo com nome index.html

<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>TÍTULO DO SITE</title> <!-- ALTERAR 'TÍTULO DO SITE' PARA NOME DE SUA PREFERENCIA  -->
  <link href="https://fonts.googleapis.com/css?family=Titillium+Web" rel="stylesheet">
  <style>
    body{
      font-family: 'Titillium Web', sans-serif;
      color: #666666;
      text-align: center;
    }
    .box{
      background-color: #fff;
      width: 500px;
      margin: 50px auto;
    }
    #title {
      font-size: 30px;
      margin-top: 25px;
    }
    #descricao{
      font-size:20px;
      margin: 20px auto;
    }
    #logo {
      margin-top: 25px;
      max-width: 365px;
      height: auto;
    }
    #logo-task {
      width: 75px;
    }
  </style>
</head>
<body>
  <div class="box">
    <img src="logo.png" id="logo">
    <div id="title">
      SITE EM MANUTENÇÃO
    </div>
    <div id="descricao">
      (99) 99999-9999<br> <!--  ALTERAR TELEFONE  -->
      falecom@task.com.br <!--  ALTERAR E-MAIL  -->
    </div>
    <a href="http://task.com.br" target="_blank">
      <img src="https://www.task.com.br/assets/cabecalho/logo-task.png" id="logo-task">
    </a>
  </div>
</body>
</html>

Em seguida, deverá alterar os campos destacados dentro do próprio código:

Então deverá salvar o arquivo e envia-lo juntamente com a imagem (logo do seu site) ao nosso servidor (para enviar os arquivos, basta seguir o tutorial sobre FTP;

Ao finalizar o envio dos arquivos, poderá testar o site pelo seu navegador de internet.

@@ Linha 12: / Linha 12: @@
 Abaixo, disponibilizamos tutorial para criação de uma página simples de "Site em manutenção" com sua logomarca e dados de contato (e-mail e telefone):<br><br>
 <br>
-[[Arquivo:elipse_1.png]] Primeiramente, deverá copiar o código abaixo e colar em um editor de textos simples (exemplo 'Bloco de notas) e salvar o arquivo com nome '''index.html'''<br>
+[[Arquivo:elipse_1.png]] Primeiramente, deverá copiar o código abaixo e colar em um editor de textos simples (exemplo 'Bloco de notas') e salvar o arquivo com nome '''index.html'''<br>
 <br>
 <pre>