| Deadline | Folder name |
|---|---|
| 04.11.2018 23:59 | markup-2018q3 |
Create web page, strictly according to:
PSD:
JPG:
Pixel Perfect is reference point of the task.
PerfectPixel extension for chrome
Browser support: Google Chrome, Mozilla Firefox, Microsoft Edge.
Сверстанный макет и папки с контентом залить в ветку markup-2018q3 в своем репозитории. Когда макет будет готов, сделать пулл реквест на ветку master и передать адрес пулл реквеста свеому ментору для проверки.
За полностью выполненное задание, без нарушений, начисляется 100 баллов. Это касается разметки и использования HTML и CSS.
Ограничений на использование библиотек, препроцессоров или других технических средств - нет.
-
За сдачу не в срок ментор может вычесть до 40 баллов из общего результата!
-
За невыполнение какого-либо из пунктов ТЗ ментор может вычесть от 3 до 10 баллов.
-
За неправильное оформление кода или некорректный синтаксис ментор может вычесть до 20 баллов.
-
За несоблюдение дизайна, кроме нюансов со шрифтами, ментор может вычесть до 40 баллов.
-
Если при масштабировании верстка сильно плывет (не responsive), выпадают элементы, скрывается часть контента, то ментор может вычесть до 30 баллов.
Interactive == some effects or animations on user's interactions like hover or click.
- Header.
- Interactive nav
- Think of where h1 should be used
- Interactive login/register
- Main.
- Interactive domain input with dropdown of first domains (.com, .net, .org).
- Table should strictly be the same as design, and the cells number should be as much, as visible cells are.
- The circle elements should be made using CSS, transformations.
- The itmes should be intractive on hover.
- links in "about us" should be interactive.
- The feddback items should be interactive. (слайдер делать функциональным не обязательно, но желательно)
- Services items should be links.
- Footer
- Menus should be intractive
- Phone and mail interactions should correspond correctly. (например, при нажатии на телефон должно предложить звонок)
Ссылки на шрифты: