Maak binnen 60 seconden een Coming Soon -pagina

Laten we eens kijken hoe we een "Coming Soon" -pagina kunnen maken met behulp van de Timex HTML-template van Themeforest.

Start de klok

 

Dit is waar we naartoe werken:

Timex op Themeforest

Zoek eerst een achtergrondafbeelding die u leuk vindt op een site zoals unsplash.com, bewerk deze tot 1920 x 1080 pixels en vervang vervolgens de "logo_only.png" en de "logo_large.png" -bestanden in de site, die u kunt vinden in de map "img" van de sjabloon.

Notitie: deze moeten beide een transparante achtergrond hebben.

Voeg je drie nieuwe afbeeldingen toe aan de map "img" van de sjabloon om de oude te vervangen.

Bekijk nu een voorbeeld van het index.html-bestand van de sjabloon en u zult nieuwe afbeeldingen zien te vinden.

Bewerk het indexbestand

Nu moeten we dat index.html-bestand openen en de code bewerken. Vervang beschrijvende tekst die u misschien zou vinden met beschrijvingen van uw eigen bedrijf of product. Zorg ervoor dat u de contactgegevens bewerkt, waaronder uw e-mailadres, uw postadres, uw telefoonnummer, webadres en links naar sociale media.

Het is een date

Zoek de aftellingdatum van de klok:

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

Verander het naar een datum in de toekomst, ververs dan je pagina in de browser om je aftellen te zien werken en je hele "coming soon" -pagina compleet. 

Het zit erop!

Zo creëer je binnen zestig seconden een "coming soon" -pagina. Bekijk enkele van de best verkochte Under Construction-sjablonen op Themeforest:

• Xenon door IronTemplates
• Moonlight voor pixelthrone
• Zwaartekracht door Avanzare