Mudanças entre as edições de "Criar página de "Site em manutenção""
| Linha 14: | Linha 14: | ||
[[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> | + | <code><!DOCTYPE html></code> |
| − | <!DOCTYPE html> | + | <code><html lang="en"></code> |
| − | <html lang="en"> | + | <code><head></code> |
| − | <head> | + | <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> | |
| − | </head> | + | <code></head></code> |
| − | <body> | + | <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> | |
| − | </body> | + | <code></body></code> |
| − | </html> | + | <code></html></code> |
| − | </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):
| |
