This is a solution to the Officelite coming soon site challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.

• Frontend Mentor - Officelite coming soon site solution
  • Table of contents
  • Overview
    • The challenge
  • Screenshots
    • Mobile View
    • Tablet View
    • Desktop View
  • Built with
  • Links
  • Resources
  • Author

Users should be able to:

• View the optimal layout for the site depending on their device's screen size
• See hover states for all interactive elements on the page
• See error states when the contact form is submitted if:
  • The Name and/or Email Address fields are empty
  • The Email Address is not formatted correctly
• Bonus: See a live countdown timer that ticks down every second
• Bonus: See a custom-styled select form control in the sign-up form

• HTML5
• CSS Flexbox
• JavaScript | Get & Set Date()
• JavaScript | Countdown timer
• JavaScript | Email verfication
• Mobile-first workflow

• Solution URL: Github Code

• Live Site URL: Officelite Coming Soon Site

• JavaScript Style Guide: w3schools
• Simple Javascript Countdown Tutorial: YT - Dev Ed
• How TO - Javascript Countdown Timer: w3schools
• CSS background-property: w3schools
• CSS selectors: w3schools
• How to add, remove and toggle CSS classes in JavaScript: Atta
• How to create the Custom Select Box using HTML CSS and Jquery -- Custom Dropdown Box: Coding Market
• An Ultimate Guide To CSS Pseudo Classes And Pseudo Elements: Ricardo Zea

• Github - Veronica L. Orozco
• Frontend Mentor - @VLOrozco
• Codecademy - orozcov3