Crea una pagina Prossimamente in 60 secondi

Vediamo come creare una pagina "Coming Soon" usando il template Timex HTML di Themeforest.

Inizia l'orologio

 

Ecco a cosa stiamo lavorando:

Timex su Themeforest

Per prima cosa, trova un'immagine di sfondo che ti piace su un sito come unsplash.com, modificala fino a 1920x1080 in dimensioni, quindi mentre ci sei, sostituisci i file "logo_only.png" e "logo_large.png" trovati in la cartella "img" del modello.

Nota: entrambi dovrebbero avere sfondi trasparenti.

Aggiungi le tue tre nuove immagini alla cartella "img" del modello per sostituire quelle vecchie.

Ora visualizza l'anteprima del file index.html del modello e vedrai nuove immagini sul posto.

Modifica il file indice

Ora dobbiamo aprire il file index.html e modificare il codice. Sostituisci qualsiasi testo descrittivo che potresti trovare con le descrizioni della tua attività o del tuo prodotto. Assicurati di modificare i dettagli del contatto, incluso il tuo indirizzo e-mail, il tuo indirizzo postale, il tuo numero di telefono, l'indirizzo web e qualsiasi link di social media.

È un appuntamento

Trova la data del conto alla rovescia dell'orologio:

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

Passa a una data futura, quindi aggiorna la pagina nel browser per vedere il tuo conto alla rovescia funzionante e la tua intera pagina "coming soon" completata. 

È un involucro!

È così che crei una pagina "coming soon" in sessanta secondi. Dai uno sguardo ai modelli di Under Construction più venduti su Themeforest:

  • Xenon di IronTemplates
  • Moonlight di pixelthrone
  • Gravity di Avanzare