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
Helping you thrive in all areas of life
block. - Implement
Why Thrive?
block. - Implement
About us
block. - Implement
We can help you with
block with the card reused 3 times. - Implement block with 6 cards (
Physical Health
,Mental Health
,Nutrition
,Gymnastics
,Crossfit
,Aerobics
). - Implement block with 6 text-cards (
Nutritional Plans
,Weight Loss
,Mental Peace
,Home Training
,Work/Life Balance
,Cardio
). - Implement
You should also know
block. - Implement
Contact us
block. - Implement blocks:
Some info
,Enfold health
,Office hourse
. - Implement footer.
- 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 togh-pages
. git add . && git commit -m 'write a short description of the changes you made'
to save your changes.git 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.