Mudanças entre as edições de "Criar página de "Site em manutenção""
De Task Wiki
| Linha 13: | Linha 13: | ||
<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> | ||
| + | <blockquote><pre> | ||
| + | <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> | ||
| + | </blockquote></pre> | ||
<br> | <br> | ||
[[Arquivo:elipse_2.png]] Em seguida, deverá alterar os campos destacados dentro do próprio código: | [[Arquivo:elipse_2.png]] Em seguida, deverá alterar os campos destacados dentro do próprio código: | ||
Edição das 16h44min 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):
| |
