Implement landing page according to Figma design - Use BEM and SCSS
- The design 1440px
- Notebook 1280px
- Tablet 768px
- Mobile (> 320px)
- Implement the header with
nav
. - Implement
For whom
block. - Implement
Features
block. - Implement
POTR team
block with the card reused 3 times. - Implement
Materials
block with 4 process cards. - Implement
POTR size
block. - Implement
Benefits
block. - Implement
Questions
block - Implement the footer.
- Скорость анимаций на всем лендинге одинаковая (например увеличение при наведении или выезд блоков при скроле)
- Placeholder в формах подсказывают что именно ввести, а если стоит валидация формы, то понятно в каком формате вводить номер телефона
- Убедитесь, что с мобильных выглядит все аккуратно и без горизонтальной прокрутки
- Добавьте favicon
- Добавьте мягкий скролл при клике на меню до соответствующих блоков страницы
- Кнопки в футер меню также должны быть кликабельны и вести на блоки в лендинге.
- После нажатия кнопок меню лендинг скролит именно на начало нужного блока (именно, туда, где начинается его секция)
- Важно, чтобы у пользователя была возможность удобно написать текст в 2-3 строки в поле message
- При попытке отправить форму нет 405 ошибки, нужно чтобы данные вносились, форма очищалась, а после отправки перекидывало на верх страницы или происходила перезагрузка страницы
- Иконки соцсетей в лендинге при нажатии пусть ведут на реальные соц.сети
- Кнопка корзины кликабельна и ведет на форму обратной связи
- Для пользователя удобно, когда при клике на Address, он открывался в новой вкладке в гугл-картах.
- 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 changesgit 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
--> CHECKLIST