• hero logo (png)
• hero background (jpg)

Resource: https://cdn.discordapp.com/attachments/648536139677958156/651479019476221953/coming-soon-wide.png

Email and message should be required inputs.

• animation

Inner element is moving (up -> down) non-stop, every ~1s.

• html sections (3)
• columns
• desktop only

• static content
• responsive

• data from separate file
• input validation (selector)
• render socials with JS
• js docs

• css effect (smooth scroll behavior)

Fixed position image

• animation

Blue line is expanding from 0% to [x]% in ~1s.

• footer logo (png)

Resource: https://cdn.discordapp.com/attachments/648536139677958156/651479019476221953/coming-soon-wide.png

• socials
• bottom texts

For social icons we'll use FontAwesome v.4.7.

Transform responsive design into grid system

• single logic for any form in the page
• validation rules can be detected based on data-* attribute values
• on submit, if success: show success message in a "toast" component
• on submit, if error: show error message in a "toast" component
• js docs

Let it countdown - update number values every 1s.

• h2
• p + nuorodos (www + email)
• placeholder: progress bar
• placeholder: message form

Make it not removable:

• master
• develop

• data from separate file
• input validation (selector)
• render progress bars with JS
• js docs

• static content

• input validation (selector)
• render clock with JS
• static content
• js docs

Target date is New Year evening.

• part of community checklist

• logo
• h1
• p
• placeholder: clock
• placeholder: subscribe form
• placeholder: mouse

• static content

• part of community checklist

margin-left/right/top/bottom -> margin

• part of community checklist

Add margin to the left and to the right.

Change text length from 10 symbols to 1000

• initiate animation only if component is actually visible