https://github.com/circleci/front-end-engineering-exercise
A short exercise to help us talk about ui development.
https://github.com/circleci/front-end-engineering-exercise
Last synced: about 1 year ago
JSON representation
A short exercise to help us talk about ui development.
- Host: GitHub
- URL: https://github.com/circleci/front-end-engineering-exercise
- Owner: circleci
- Archived: true
- Created: 2019-11-15T15:31:32.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2024-02-06T14:27:39.000Z (over 2 years ago)
- Last Synced: 2025-02-22T19:12:29.254Z (over 1 year ago)
- Homepage:
- Size: 922 KB
- Stars: 4
- Watchers: 49
- Forks: 8
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Codeowners: CODEOWNERS
Awesome Lists containing this project
README
# Front-End Engineering Exercise
## Description
We are launching a new page. Please create this new page leveraging web best practices. Feel free to use plain JS/html/css or any framework that you are comfortable with or helps you to be the most productive.
## Requirements
- Page must be responsive for desktop and smartphone.
- Page should be optimized for SEO.
- Page should be optimized for accessibility.
- Page should be support translation.
- When the visitor selects Japanese from the language selector, the CTA `Start Building for Free` should change to `無料でビルドを開始する`
## Designs
[Designs in Figma](https://www.figma.com/file/Ms6vThgfjmwQcUsstSB7F0/Hiring-exercise-Front-End-Software-Engineer-Web?node-id=0%3A1)—includes mobile, tablet, and desktop layouts.
## Copy
- **URL**: domain/landing-page/
- **Page Title**: Nori grape silver beet
- **Meta Description**: Celery quandong swiss chard chicory earthnut pea potato.
### Top navigation
- **Logo**: [logo-cci.svg](assets/logo-cci.svg)
- **Text link #1**: Beetroots
- **Text link #2**: Horseradish
- **Text link #3**: Sea lettuce
- **CTA button**: Start Building for Free
### Hero
- **Header**: Nori grape silver beet broccoli kombu beet greens fava bean potato quandong celery
- **Subhead**: Celery quandong swiss chard chicory earthnut pea potato. Salsify taro catsear garlic gram celery bitterleaf wattle seed collard greens nori.
- **Hero image**: [image-testing.jpg](assets/image-testing.jpg)
### Boxes 1-3
- **Category**: Type of content
- **Title**: Veggies es bonus vobis, proinde postulo essum magis kohlrabi
- **Module image**: [image-CD.png](assets/image-CD.png)
- Image avatar: [speak-no-evil-monkey.png](assets/speak-no-evil-monkey.png)
- **Image avatar copy**: First and last name | Title/role/company
### Footer
- **Logo**: [logo-cci.svg](assets/logo-cci.svg)
- **Language selector options**:
- English (US)
- 日本語
- **Text link #1**: Terms of Service
- **Text link #2**: Privacy Policy
- **Text link #3**: Cookie Policy
- **Text link #4**: Security
- **Copyrights boilerplate**: © 2019 Circle Internet Services, Inc., All Rights Reserved.