Implement landing page according to Figma design - Use BEM and SCSS
- Large screens 2560px
- Full HD 1920px
- The design 1600px
- Notebook 1280px
- Tablet 1024
- Mobile (> 320px)
- Implement the header with
nav
- Implement
Global digital agency
block - Implement slider
- Implement
Welcome
block - Implement
What we do
block with the card reused 3 times - Implement
Process
block with 4 process cards - Implement
Feature
block - Implement
Testimonials
block - Implement
Vision, Passion, Results
block- Background use one reusable oval block many times.
- Use mixin
- The color is set with --modifier
- The size is limited by parent container
- Implement
Send us a message
- Implement
Contact us
- Implement the footer
- Adopt the page to mobile screens
- Fork the repo.
- Clone the forked one. (The project link should have your name but not
mate-academy
) - Run
npm install
(or justnpm i
) - Run
npm start
. - Open one more terminal window for the next steps
git checkout -b develop
- to create new branch and switch on it- Write you code in
src
folder - Run
npm run lint
and fix code style errors. - Run
npm run deploy
to deploy your solution to gh-pages git add . && git commit -m 'solution'
to save your chagesgit push origin develop
- to send you code for PR- Create a Pull Request (PR) from your branch
develop
to branchmaster
of original repo. - Replace
<your_account>
with your Github username in the DEMO LINK - Copy
DEMO LINK
to the PR description
To update you PR repeat steps 7-11