html-верстальщик

На данный момент html-верстальщик.

Мои компетенции и опыт

Здравствуйте! Меня зовут Евгений, и я хотел бы предложить свою кандидатуру на позицию HTML-верстальщика.

Создавал адаптивные промостраницы и карточки товаров. Разрабатывал интерактивные элементы, мобильные меню, слайдеры и аккордеоны. Прекрасно ориентируюсь в работе с DOM-деревом и его модификацией. Имею опыт работы с WordPress, Битрикс и OpenCart.

Примеры моих работ:

нужен доступ к резюме -

задача: сверстать лендинг для курсов по SQL с формой обратной связи и кастомным аккордеоном, который перестраивается в зависимости от ширины экрана

решение: меню на мобильных устройствах и аккордеон реализованы средствами нативного JavaScript, а для валидации формы использовалась библиотека Prestine JS

нужен доступ к резюме

задача: по дизайн макету сверстать адаптивную страничку с несколькими слайдерами и мобильным меню

решение: используя библиотеку Swiper JS добавил и настроил несколько слайдеров, а на ванильном JS написал удобное меню для мобильных устройств

нужен доступ к резюме -

задача: выполнить тестовое задание, сверстать главную страницу новостного портала

решение: используя комбинацию grid и flex сеток сверстал адаптивный макет и решил проблему с переполнением текста в новостных карточках

нужен доступ к резюме

задача: выполнить тестовое задание, сверстать несколько начальных блоков десктоп версии сайта

решение: применяя семантические HTML теги и DOM-методологию, выполнил верстку данного макета. Реализовал умную sticky-шапку и анимированную кнопку для запуска приветственного видео.

нужен доступ к резюме -

задача: сделать таблицу-карусель сравнений характеристик различных товаров с группировкой по сериям и sticky-хедером

решение: таблица реализована средствами нативного JavaScript без сторонних библиотек и отлично справляется со своими ф-ми на десктоп и мобильных устройствах

нужен доступ к резюме -

задача: для увеличения спроса на аксессуары сделать анимированную демонстрацию кастомных накладок для точек доступа

решение: используя css-анимации и нативный JavaScript сверстал не сложный, но наглядный демо-элемент

нужен доступ к резюме -

задача: используя оф. сайт западной компании сверстать промо страницы и карточки топовых позиций, адаптируя для заказчика под различные CMS и мобильные устройства

решение: в чистом и минималистичном стиле удалось сверстать ключевые страницы, а используя JavaScript оживить некоторые элементы с целью привлечения внимания посетителей сайта на важных местах

нужен доступ к резюме -

задача: по дизайн-макету сверстать лендинг и адаптировать под мобильные устройства, также разработать систему переменных по управлению цветом и шрифтами на сайте, чтобы меняя минимум значений в коде была возможность менять и переиспользовать данную верстку под разные тематики

решение: сверстал данный макет для десктопа в perfect pixel и удачно адаптировал лейаут и шрифты под мобильные устройства, также реализовал эффективную систему переменных, например меняя значение всего 1 переменной можно управлять цветовой схемой всего сайта - для демонстрации добавил переключатель на баннер - можно поиграться ;)

нужен доступ к резюме -

задача: сделать страницу приложения для контроля эффективности сотрудников

решение: удалось аккуратно разместить мелкие элементы детальной инф. в рамках табличных строк и логично сгруппировать основные метрики для удобства считывания на мобильных устройствах

нужен доступ к резюме -

задача: сделать адаптивную промо страницу для интернет-рассылки, дизайн на свое усмотрение

решение: в оформлении опирался на оф. сайт заказчика, а для того чтобы сделать страницу более динамичной карточки товара разместил в карусели с автопрокруткой