Online Service Landing Page

Challenge number #8 :)

HTML

• Using semantic HTML such as main, nav, section and main to structure my HTML, and make it more readable.

CSS

• Follow the BEM methodology to structure my CSS code
• Using CSS Reset to reset most of the CSS default values, for better styling
• The view is kinda distorted in the tablet view, but I quite satisfy with the mobile and desktop view :)

JS

• Using the toggle method to toggle the class, to hidden or show the navbar in the mobile view depends on user's click.