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):
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
<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>
Em seguida, deverá alterar os campos destacados dentro do próprio código:
Então deverá salvar o arquivo e envia-lo juntamente com a imagem (logo do seu site) ao nosso servidor (para enviar os arquivos, basta seguir o tutorial sobre FTP;
Ao finalizar o envio dos arquivos, poderá testar o site pelo seu navegador de internet.
|