romansaltis/8-comming-soon

"Coming soon" project

8-comming-soon's Issues

Progress bar animation

On page load, progress bar should "load" from 0 width to designated width

Back to top element

on click - scroll to the top of the page (smoothly)

Run the clock

Target date: 04:19 10:00:00

Socials

• render with JS
• data from external file
• use Font Awesome icons https://fontawesome.com/v4.7.0/icons

Render Progress bars

• static content
• render with JS
• data from external file

Message from

design only

Footer bottom text

• logo
• 3 part element
• p

Main content structure

• h2
• p
• progress-bar placeholders (x3)
• message from placeholder

Progress bar loading event

Should start loading animation only if/than element is visible on screen

Subscribe form

design only

Favicon

Layout and responsive design

3 sections

• hero
  • hero content
• main content
  • left column
  • right column
• footer
  • socials
  • bottom text

Mouse

With CSS animation:

• moving top-to-bottom
• visibility goes from 1 to 0
• infinite repetition

Hero structure

• logo
• h1
• p
• clock placeholder
• subscribe from placeholder
• mouse placeholder

Clock

• static content (clock doesn't work)
• render with JS