Voyons comment créer une page d’attente en utilisant le template HTML Timex de Themeforest.

Lancer le chrono

Voici ce que nous cherchons à atteindre :

Tout d'abord, trouvez une image d'arrière-plan que vous aimez sur un site comme unsplash.com, modifiez-le jusqu'à une taille de 1920x1080, et profitez-en pour remplacer les fichiers « logo_only.png » et « logo_large.png » qui se trouvent dans le dossier « img » du template.

À noter : Ceux-ci doivent tous les deux avoir des fonds transparents.

Ajouter vos trois nouvelles images au dossier « img » du template pour remplacer les anciennes.

Maintenant visualisez le fichier index.html du template et vous verrez de nouvelles images en place.

Modifier le fichier Index

À présent nous avons besoin d’ouvrir ce fichier index.html et de modifier le code. Remplacez tout texte descriptif que vous trouverez avec des descriptions de votre entreprise ou produit. Assurez-vous de modifier les coordonnées, y compris votre adresse e-mail, votre adresse postale, votre numéro de téléphone, votre adresse Web et les liens de vos réseaux sociaux.

La date

Localisez le compte à rebours de la date :

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

Changez-le à une date future, puis actualisez votre page dans le navigateur pour voir votre compte à rebours en plein fonctionnement et votre page d’attente complète.

C’est terminé !

Voilà comment créer une page d’attente en soixante secondes. Jetez un œil à quelques-uns des templates de sites En Construction les plus vendus sur Themeforest :

• Xenon de Iron Templates
• Moonlight de pixelthrone
• Gravity de Avanzare