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 lifeblock. - Implement
Why Thrive?block. - Implement
About usblock. - Implement
We can help you withblock 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 knowblock. - Implement
Contact usblock. - 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
srcfolder. - Run
npm run lintand fix code style errors. - Run
npm run deployto 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
developto branchmasterof original repo. - Replace
<your_account>with your Github username in the DEMO LINK. - Copy
DEMO LINKto the PR description.
To update you PR repeat steps 7-11.