Mudanças entre as edições de "Criar página de "Site em manutenção""
Linha 68: | Linha 68: | ||
<br> | <br> | ||
[[Arquivo:elipse_2.png]] Em seguida, abra o arquivo salvo (index.html) e altere os campos destacados abaixo dentro do próprio código: | [[Arquivo:elipse_2.png]] Em seguida, abra o arquivo salvo (index.html) e altere os campos destacados abaixo dentro do próprio código: | ||
− | Procure por '''TÍTULO DO SITE''' e altere para outro de sua preferência; | + | Procure por '''TÍTULO DO SITE''' e altere para outro de sua preferência;<br> |
− | Procure pelo telefone de contato '''(99) 99999-9999''' e altere por seu número de telefone; | + | Procure pelo telefone de contato '''(99) 99999-9999''' e altere por seu número de telefone;<br> |
− | Procure pelo e-mail de contato '''falecom@task.com.br''' e altere por seu e-mail de contato; | + | Procure pelo e-mail de contato '''falecom@task.com.br''' e altere por seu e-mail de contato;<br> |
Procure por '''logo.png''' e altere para o mesmo nome do arquivo de imagem com a logo de seu site; | Procure por '''logo.png''' e altere para o mesmo nome do arquivo de imagem com a logo de seu site; | ||
<br> | <br> |
Edição das 17h05min 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): <html lang="en"> <head> <meta charset="UTF-8"> <title>TÍTULO DO SITE</title> <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> falecom@task.com.br </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>
|