Портфолио

Webpack, SASS, Babel

vue inspiration app image

Vue/Vuex app

Готовая страница Исходники Написанное на vue/vuex приложение, служащее для моментального вдохновления путем созерцания красивых фотографий.
В приложении используется стороннее api.

15 February 2019

html template image

Форма обмена валют

Готовая форма Исходники Выполненное тестовое задание:
Без использования компонентных либ\фрэймворков сделать функционально и визуально максимально похожую форму:
source form
Дано:
- скриншот формы
- веб сайт, форму которого нужно повторить
- доступные по api данные

1 February 2019

html template image

Лэндинг

Готовая страница Исходники Выполненное тестовое задание:
сверстать лэндинг

Дано:
- макет в фигме
- образец как это должно быть (фото) telecom example
Напутствие:
- при верстке страницы основной акцент должен быть сфокусирован на мобильном адаптиве.
- необходимо адаптировать страницу под все основные разрешения мобильных устройств. Будет достаточно вертикального отображения.
- отсутствие вертикального и горизонтального скрола.
- блок номер 3 должен располагаться на расстоянии в 35 px от кнопки.
- кнопка “Смотреть”(4) Должна располагаться строго по центру экрана. Размеры кнопки - 80% на 20%.
- блок №5 должен располагаться на расстоянии в 10px от блока №4
- на маленьких экранах пункты 1,2 и 3 можно убрать (если они не умещаются).
- изображения 1 и 2 необходимо выполнить без потери качества (svg)
- графа 6 должна располагаться строго снизу страницы, в эту форму необходимо ввести свои данные.

16 January 2019