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
Brand of eco-cosmetics and magic candles
block. - Implement
If you choose the gifts of nature and care about it’s - scroll down
block. - Implement
About our brand
block. - Implement
Shop
block:
- implement tabs
- implement slider
- Implement
About the creators
block. - Implement
Ayurvedic Tooth Powder
block. - Implement
Contact us
block. - Implement footer.
Use Sharp Sans No2 Medium
and Avenir
, which you can find in fonts directory.
- 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 'solution'
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.