Advertisement
  1. Web Design
  2. Landing Pages

Criando uma Página "Em Breve" em 60 Segundos

Scroll to top
Read Time: 1 min
This post is part of a series called 60 Second Video Tutorials.
Adobe XD in 60 Seconds
Create a Lo-fi UI Prototype in 60 Seconds

Portuguese (Português) translation by Erick Patrick (you can also view the original English article)

Vejamos como fazer uma página "Em Breve"usando o modelo HTML Timex do Themeforest.

Inicie o Contador

Eis o que faremos:

TimexTimexTimex
Timex na Themeforest

Primeiro, ache uma imagem de plano de fundo que gostamos em um site como o unsplash.com, reduza-a para 1920x1080 e também crie substitutos para as imagens "logo_only.png" e "logo_large.png" na pasta "img" do modelo.

Nota: ambas devem ter planos de fundo transparentes

Adicionemos nossas três imagens à pasta "img" para substituir as antigas.

Agora, previsualizemos o arquivo index.html do modelo e veremos as imagens no lugar.

Editando o Arquivo Index

Agora, precisamos abre o arquivo index.html e editá-lo. Substituamos os textos descritivos por algo relativo à nossa empresa ou produto. É bom garantir a edição dos detalhes de contato, incluindo email, endereço, telefone, endereços web e e quaisquer redes sociais.

É Uma Data

Encontre a data do contador:

1
data-date="12/30/2016 00:00:00"

Altere-a para uma data no futuro e atualize sua página no navegador, e veja o contador funcionando e a página "em breve" finalizada.

Resumindo

Eis como se cria uma página "em breve" em sessenta segundos. Veja alguns dos modelos para páginas Em Construção entre os mais vendidos no Themeforest.

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Web Design tutorials. Never miss out on learning about the next big thing.
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.