Илля Подлесний
Запропонуйте Иллі роботу над вашим наступним проєктом або зареєструйте профіль фрилансера і починайте заробляти просто зараз.
Особисте повідомлення
Запропонувати роботу
Миколаїв,
Україна
25 днів 15 годин тому
трохи зайнятий
на сервісі 3 роки
Рейтинг
Успішних проєктів
Середня оцінка
Портфоліо
-
400 UAH Цінові картки
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 Мій гаманець
HTML та CSS верстання
Розроблений темний інтерфейс веб-додатку для запису та відстеження доходів і витрат у розрізі часових періодів.
Реалізований функціонал:
Шапка додатку з назвою та перемикачем періодів (Тиждень / Місяць / Рік / Увесь час) — реалізовано через групу кнопок з активним станом (active state через CSS-клас)
… Двохколонний layout на CSS Grid: стрічка транзакцій (Feed) зліва та зведена панель (Summary) справа
Блок Summary з сіткою показників: Доходи (зелений), Витрати (червоний), Баланс (жовтий) — кольорове кодування даних через CSS-змінні
Блок By Category для відображення витрат за категоріями
Порожні стани (empty states) для блоків без даних з підказками користувачу
Фіксована кнопка + Додати запис внизу екрану (position: fixed / sticky) з закругленими краями та фіолетовим акцентним кольором
Темна тема оформлення (dark theme) з багатошаровими відтінками фону для створення візуальної глибини між шарами
-
400 UAH Панель домашніх завдань
HTML та CSS верстання
Розроблено інтерфейс навчальної платформи для відстеження статусів домашніх завдань по курсах програмування.
Реалізований функціонал:
Навігаційна панель (navbar) з логотипом, пунктами меню та аватаром користувача
… Система кольорової індикації статусів: current (сірий), reviewed (зелений), under review (блакитний), overdue (червоний) — реалізована через CSS-класи та кастомні змінні кольору
Картковий layout (CSS Grid, 3 колонки) для відображення завдань, згрупованих по розділах (JavaScript, HTML & CSS)
Кастомні кнопки дій: завантаження файлу (Browse), перегляд (Your file), видалення (Remove), повторна відправка (Resend)
Бейджі з числовими оцінками в кутках карток
Адаптивна типографіка та грамотна ієрархія заголовків (h1, h2, карткові заголовки)
Семантична HTML-розмітка з логічною структурою секцій
Технології: HTML5, CSS3 (Flexbox + Grid), кольорові змінні, компонентний підхід до UI.