Advertisement
  1. Web Design
  2. HTML/CSS
  3. Landing Pages

Tworzenie strony "Już wkrótce" w 60 sekund

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

() translation by (you can also view the original English article)

Dowiedzmy się jak wykonać stronę "Już wkrótce" za pomocą szablonu HTML Timex z Themeforest.

Uruchom zegar

Oto co chcemy osiągnąć:

TimexTimexTimex
Timex w Themeforest

Najpierw, znajdź obraz tła na przykład na stronie unsplash.com, zmień jego rozmiar na 1920x1080, następnie wstaw własne logo w plikach “logo_only.png” i "logo_large.png" znajdujących się w folderze "img" szablonu.

Uwaga: logo powinno mieć przezroczyste tło.

Dodaj swoje trzy obrazy do folderu "img" szablonu zastępując stare.

Teraz otwórz plik index.html szablonu, aby zobaczyć nowe obrazy.

Edytuj plik index

W tej chwili musisz otworzyć plik index.html i edytować kod. Zamień wszystkie fragmenty tekstu opisami własnej firmy lub produktu. Pamiętaj, aby edytować dane kontaktowe, włącznie z adresem email, kodem pocztowym, numerem telefonu, adresem strony internetowej oraz profilów społecznościowych.

To data

Znajdź datę zegara odliczającego:

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

Zmień ją na dzień w przyszłości, następnie odśwież swoją stronę w przeglądarce, aby zobaczyć jak działa odliczanie i kompletna strona "już wkrótce".

To koniec!

Oto jak stworzyć stronę "już wkrótce w sześćdziesiąt sekund. Zachęcam do zapoznania się z najlepiej sprzedającymi się szablonami w budowie w 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.