Это решение – результат выполнения тестового задания, условия и пояснения к которому приведены ниже.
Перед открытием файла index.html нужно установить пакеты с помощью NPM, запустив из консоли npm install.
Создайте сайт-портфолио: расскажите о себе, своих работах и ожиданиях от Школы. Сайт должен максимально соответствовать предложенному макету (ссылки на макеты: 1000px, 600px, 320px, спецификация). Нас интересует только вёрстка, поэтому JavaScript просьба не использовать.
При проверке мы будем учитывать:
- размеры отступов, правильность цвета, начертание шрифтов, размер кегля;
- семантическую вёрстку;
- наличие различных состояний элементов: отображение кнопок и ссылок при наведении курсора, выделение активных полей ввода и т.д.;
- кроссбраузерность (проверяется в последних версиях популярных браузеров).
Плюсом будет:
- использование современных CSS-решений: flexbox, grid и др.;
- адаптивная вёрстка;
- использование пре- и (или) постпроцессоров, сборка, минификация, оптимизация выходного кода;
- HTML-валидация формы, стилизованная кнопка загрузки файлов.
Задание достаточно объёмное, поэтому можно пропустить то, что не будет получаться. Это немного снизит балл, но вы всё же сможете продемонстрировать свои знания. По завершению работы пришлите нам две ссылки — на портфолио и исходный код на GitHub.