This test consists on implementing a simple view following a design handoff with basic requirements. This is a basic example of the daily job a Front end Developer does here at Telos. Depending on the project, we can use different libraries, frameworks and approaches, but essentially it always comes down to the use of HTML, CSS and Javascript on a Ruby on Rails environment to implement a design and/or client needs, using clean and maintainable code.
- The final website should look exactly like the one in the design handoff for the specified screen sizes. It should be pixel perfect for those resolutions.
- The final delivery should be in a fork repository in Github. This should be shared trough a link via email, alongside a short summary about any opinions and thoughts you had while working on this project.
- Nothing should look broken at any specific point. There is lack of specification for screens between mobile and desktop. This is on purpose. Use your best judgement to make it look correct.
- The content of the hero, the sections and the CTA should be vertically aligned from the sides. The image on the CTA and the background colors are the exception.
- The content of the hero, the sections and the CTA shouldn’t get wider than
1312px. The image on the CTA, and the background colors are the exception.
- Can I use Bootsrap, jQuery or a similar frontend framework/library? No, for the purposes of this test it is better if everyone uses just the essentials.
- Can I use Bootstrap, Tailwind, Bulma or a similar CSS framework/library? No. All styles should be custom made, but CSS pre-processors are permitted.
- Which copy should I use inside each point in the why us section? You can use any text you want, such as “lorem ipsum”.
- Do I need to use the Roboto font? Yes, you can import it via Google Fonts.
- Is there any flexibility on the font-sizes and line heights? No, these should follow what's defined in the design handoff.
