Illya Podlesny
Offer Illya work on your next project.
Private message
Offer work
Mykolaiv,
Ukraine
1 month 17 days back
a little busy
on the service 3 years
Rating
Successful projects
Average rating
Portfolio
-
9 USD Pricing Cards
HTML & CSS
A responsive tariff comparison block with interactive hover effects has been developed for a landing page or SaaS service.
Implemented functionality:
Four tariff cards (Enterprise, Professional, Standard, Basic) in a horizontal row using Flexbox / CSS Grid.
… A unique color accent stripe at the top of each card and a corresponding BUY button color — the color system is implemented through CSS classes or variables (pink, gold, dark blue, green).
Large typography for the price with a label per month — hierarchy through font sizes and color.
A list of plan features with the key point (Unlimited subdomains) highlighted in bold.
CSS hover animation scaling the card (transform: scale() + transition) — smooth enlargement on hover without JavaScript.
Shadows on the cards (box-shadow) to create a lifted effect above the background.
Rounded edges on cards and buttons (border-radius).
-
9 USD My Wallet
HTML & CSS
A dark interface for a web application designed for recording and tracking income and expenses over time periods has been developed.
Implemented functionality:
- Application header with the title and period switcher (Week / Month / Year / All time) — implemented through a group of buttons with an active state (active state via CSS class)
… - Two-column layout using CSS Grid: transaction feed on the left and summary panel on the right
- Summary block with a grid of indicators: Income (green), Expenses (red), Balance (yellow) — color coding of data through CSS variables
- By Category block for displaying expenses by categories
- Empty states for blocks without data with hints for the user
- Fixed + Add entry button at the bottom of the screen (position: fixed / sticky) with rounded edges and a purple accent color
- Dark theme design with multi-layered background shades to create visual depth between layers.
-
9 USD Hometasks Dashboard
HTML & CSS
A user interface for an educational platform has been developed to track the statuses of homework assignments for programming courses.
Implemented functionality:
- Navigation bar (navbar) with logo, menu items, and user avatar
… - Color status indication system: current (gray), reviewed (green), under review (blue), overdue (red) — implemented through CSS classes and custom color variables
- Card layout (CSS Grid, 3 columns) for displaying assignments grouped by sections (JavaScript, HTML & CSS)
- Custom action buttons: upload file (Browse), view (Your file), delete (Remove), resend (Resend)
- Badges with numerical grades in the corner of cards
- Responsive typography and proper heading hierarchy (h1, h2, card titles)
- Semantic HTML markup with a logical section structure
Technologies: HTML5, CSS3 (Flexbox + Grid), color variables, component-based approach to UI.