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

De Task Wiki
Ir para: navegação, pesquisa
Linha 13: Linha 13:
  
 
[[Arquivo:elipse_1.png]] Primeiramente, será preciso configurar o código abaixo em um bloco de notas:<br>
 
[[Arquivo:elipse_1.png]] Primeiramente, será preciso configurar o código abaixo em um bloco de notas:<br>
 
<code><!DOCTYPE html></code>
 
<code><html lang="en"></code>
 
<code><head></code>
 
<code>  <meta charset="UTF-8"></code>
 
<code>  <title>TÍTULO DO SITE</title></code>
 
<code>  <link href="https://fonts.googleapis.com/css?family=Titillium+Web" rel="stylesheet"></code>
 
<code>  <style></code>
 
<code>    body{</code>
 
<code>      font-family: 'Titillium Web', sans-serif;</code>
 
<code>      color: #666666;</code>
 
<code>      text-align: center;</code>
 
<code>    }</code>
 
<code>    .box{</code>
 
<code>      background-color: #fff;</code>
 
<code>      width: 500px;</code>
 
<code>      margin: 50px auto;</code>
 
<code>    }</code>
 
<code>    #title {</code>
 
<code>      font-size: 30px;</code>
 
<code>      margin-top: 25px;</code>
 
<code>    }</code>
 
<code>    #descricao{</code>
 
<code>      font-size:20px;</code>
 
<code>      margin: 20px auto;</code>
 
<code>    }</code>
 
<code>    #logo {</code>
 
<code>      margin-top: 25px;</code>
 
<code>      max-width: 365px;</code>
 
<code>      height: auto;</code>
 
<code>    }</code>
 
 
<code>    #logo-task {</code>
 
<code>      width: 75px;</code>
 
<code>    }</code>
 
 
<code>  </style></code>
 
<code></head></code>
 
<code><body></code>
 
<code>  <div class="box"></code>
 
<code>    <img src="logo.png" id="logo"></code>
 
<code>    <div id="title"></code>
 
<code>      SITE EM MANUTENÇÃO</code>
 
<code>    </div></code>
 
<code>    <!-- Descrição breve  --></code>
 
<code>    <div id="descricao"></code>
 
<code>      (99) 99999-9999<br></code>
 
<code>      falecom@task.com.br</code>
 
<code>    </div></code>
 
<code>    <a href="http://task.com.br" target="_blank"></code>
 
<code>      <img src="https://www.task.com.br/assets/cabecalho/logo-task.png" id="logo-task"></code>
 
<code>    </a></code>
 
<code>  </div></code>
 
<code></body></code>
 
<code></html></code>
 

Edição das 16h05min de 9 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):

Elipse 1.png Primeiramente, será preciso configurar o código abaixo em um bloco de notas: