Another interview exercise.
The purpose of this exercise is for Dare to get an idea of how you write HTML, CSS and JavaScript. Please complete it to the best of your ability. You are free to use any framework or library to conduct this exercise, but please justify your choice in the ReadMe file. This exercise is not meant to be done in 2 hours, it is much longer. However please do not spend more than a couple of hours on it, we do not expect you to finish it. Just tell us how long you spend on it and what you chose to do.
We've provided a design, and would like you to bring this to life using HTML, CSS and JavaScript.
You will be able to inspect the sketch files in InVision without having to download Sketch.
The font to be used is https://fonts.google.com/specimen/Noto+Sans
Download the assets attached to the email.
The website is made of 5 pages. The top part of the page is a menu. When you click on one the background, the title in the center and the body underneath update accordingly. The body of each page is made of one or several components. Components are:
- Text + image
- Form (on submit nothing should happen)
- Accordion (only one section can be open at a time) Output
- Please either compress your code and send it to us as a zip, or provide us with a link to it on your Github/Bitbucket account if you have one.
- Please provide a ReadMe file with any instructions on how to compile or run your code, and any assumptions you have made.
- Please comment on your code where necessary.
- Please make sure your code works across the latest versions of each browser. (Chrome, Firefox, I.E, Safari, Edge) Good luck!
This project was generated with Angular CLI version 10.0.5.
Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.
Run ng generate component component-name to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module.
Run ng build to build the project. The build artifacts will be stored in the dist/ directory. Use the --prod flag for a production build.
Run ng test to execute the unit tests via Karma.
Run ng e2e to execute the end-to-end tests via Protractor.
To get more help on the Angular CLI use ng help or go check out the Angular CLI README.