Implement landing page according to Figma design - Use BEM and SCSS
Check font styles. Use Playfair Display, Raleway
- The design 1440px
- Desktop 1280px
- Tablet 640px
- Mobile (> 320px)
- Implement the header with menu.
- Implement
Актуальтні виставки
block. - Implement
Найближчі події
block. - Implement
Сплануйте візит до музею
block. - Implement
Новини
block with the three cards. - Implement
Підпишіться на дайджест
block. - 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.