Илля Подлесний
Предложите Илле работу над вашим следующим проектом или зарегистрируйте профиль фрилансера и начинайте зарабатывать прямо сейчас.
Личное сообщение
Предложить работу
Николаев,
Украина
25 дней 12 часов назад
немного занят
на сервисе 3 года
Рейтинг
Успешных проектов
Средняя оценка
Резюме
О себе
Нахожусь в активной стадии развития как frontend-разработчик. Пришёл на платформу в первую очередь для прокачки личных навыков и накопления практического опыта. Каждый проект для меня — это возможность глубже разобраться в HTML, CSS и современных подходах к вёрстке. Стремлюсь писать чистый и поддерживаемый код, уделяю внимание деталям интерфейса и постоянно работаю над улучшением качества своих работ.
Портфолио
-
400 UAH Pricing Cards
HTML и CSS верстка
Разработан адаптивный блок сравнения тарифов с интерактивными hover-эффектами для лендинга или SaaS-сервиса.
Реализованный функционал:
Четыре карточки тарифов (Enterprise, Professional, Standart, Basic) в горизонтальном ряду на Flexbox / CSS Grid
… Уникальная цветовая акцентная полоса сверху каждой карточки и соответствующий цвет кнопки BUY — цветовая система реализована через CSS-классы или переменные (розовый, золотой, тёмно-синий, зелёный)
Крупная типографика цены с подписью per month — иерархия через размеры шрифта и цвет
Список характеристик плана с выделением жирным ключевого пункта (Unlimited subdomains)
CSS hover-анимация масштабирования карточки (transform: scale() + transition) — плавное увеличение при наведении без JavaScript
Тени у карточек (box-shadow) для создания эффекта приподнятости над фоном
Скруглённые края карточек и кнопок (border-radius)
-
400 UAH My Wallet
HTML и CSS верстка
Разработан тёмный интерфейс веб-приложения для записи и отслеживания доходов и расходов в разрезе временных периодов.
Реализованный функционал:
Шапка приложения с названием и переключателем периодов (Week / Month / Year / All time) — реализован через группу кнопок с активным состоянием (active state через CSS-класс)
… Двухколоночный layout на CSS Grid: лента транзакций (Feed) слева и сводная панель (Summary) справа
Блок Summary с сеткой показателей: Income (зелёный), Expenses (красный), Balance (жёлтый) — цветовое кодирование данных через CSS-переменные
Блок By Category для отображения расходов по категориям
Пустые состояния (empty states) для блоков без данных с подсказками пользователю
Фиксированная кнопка + Add entry внизу экрана (position: fixed / sticky) с скруглёнными краями и фиолетовым акцентным цветом
Тёмная тема оформления (dark theme) с многоуровневыми оттенками фона для создания визуальной глубины между слоями
-
400 UAH Hometasks Dashboard
HTML и CSS верстка
Разработан интерфейс учебной платформы для отслеживания статусов домашних заданий по курсам программирования.
Реализованный функционал:
Навигационная панель (navbar) с логотипом, пунктами меню и аватаром пользователя
… Система цветовой индикации статусов: current (серый), reviewed (зелёный), under review (голубой), overdue (красный) — реализована через CSS-классы и кастомные переменные цвета
Карточный layout (CSS Grid, 3 колонки) для отображения заданий, сгруппированных по разделам (JavatarScript, HTML & CSS)
Кастомные кнопки действий: загрузка файла (Browse), просмотр (Your file), удаление (Remove), повторная отправка (Resend)
Бейджи с числовыми оценками в углу карточек
Адаптивная типографика и грамотная иерархия заголовков (h1, h2, карточные заголовки)
Семантическая HTML-разметка с логичной структурой секций
Технологии: HTML5, CSS3 (Flexbox + Grid), цветовые переменные, компонентный подход к UI.