|
|
| 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>
| |
