Illya Podlesny
Zaproponuj Illya pracę nad swoim kolejnym zleceniem.
Prywatna wiadomość
Zaproponuj zlecenie
Nikołajew,
Ukraina
1 miesiąc 17 dni temu
częściowo zajęty
w Serwisie 3 lata
Ranking
Zakończonych zleceń
Średnia ocena
Portfolio
-
34 PLN Karty cenowe
Układ HTML i CSS
Opracowany responsywny blok porównania taryf z interaktywnymi efektami hover dla strony docelowej lub usługi SaaS. Zrealizowana funkcjonalność:
Cztery karty taryf (Enterprise, Professional, Standart, Basic) w poziomym rzędzie na Flexbox / CSS Grid
Unikalny kolorowy pasek akcentowy na górze każdej karty i odpowiadający kolor przycisku KUP — system kolorów zrealizowany za pomocą klas CSS lub zmiennych (różowy, złoty, ciemnoniebieski, zielony)
… Duża typografia ceny z podpisem per month — hierarchia przez rozmiary czcionki i kolor
Lista cech planu z wyróżnieniem pogrubionym kluczowego punktu (Unlimited subdomains)
CSS hover-animacja skalowania karty (transform: scale() + transition) — płynne powiększenie przy najechaniu bez JavaScript
Cienie na kartach (box-shadow) dla stworzenia efektu uniesienia nad tłem
Zaokrąglone krawędzie kart i przycisków (border-radius)
-
34 PLN Mój portfel
Układ HTML i CSS
Zaprojektowano ciemny interfejs aplikacji webowej do rejestrowania i śledzenia przychodów oraz wydatków w podziale na okresy czasowe. Zrealizowane funkcjonalności:
Nagłówek aplikacji z nazwą i przełącznikiem okresów (Tydzień / Miesiąc / Rok / Cały czas) — zrealizowany za pomocą grupy przycisków z aktywnym stanem (active state przez klasę CSS)
Dwukolumnowy układ na CSS Grid: strumień transakcji (Feed) po lewej stronie i panel podsumowujący (Summary) po prawej stronie
… Blok Summary z siatką wskaźników: Przychody (zielony), Wydatki (czerwony), Bilans (żółty) — kodowanie kolorów danych za pomocą zmiennych CSS
Blok By Category do wyświetlania wydatków według kategorii
Puste stany (empty states) dla bloków bez danych z podpowiedziami dla użytkownika
Przyciski + Dodaj wpis na dole ekranu (position: fixed / sticky) z zaokrąglonymi krawędziami i fioletowym kolorem akcentowym
Ciemna tematyka (dark theme) z wielowarstwowymi odcieniami tła, aby stworzyć wizualną głębię między warstwami.
-
34 PLN Panel zadań domowych
Układ HTML i CSS
Został opracowany interfejs platformy edukacyjnej do śledzenia statusów prac domowych w kursach programowania. Zrealizowane funkcjonalności:
Panel nawigacyjny (navbar) z logo, punktami menu i awatarem użytkownika
System kolorowej indykacji statusów: current (szary), reviewed (zielony), under review (niebieski), overdue (czerwony) — zrealizowany za pomocą klas CSS i niestandardowych zmiennych kolorów
… Układ kart (CSS Grid, 3 kolumny) do wyświetlania zadań, pogrupowanych według sekcji (JavaScript, HTML & CSS)
Niestandardowe przyciski akcji: przesyłanie pliku (Browse), podgląd (Your file), usuwanie (Remove), ponowne wysyłanie (Resend)
Odznaki z ocenami liczbowymi w rogu kart
Responsywna typografia i poprawna hierarchia nagłówków (h1, h2, nagłówki kart)
Semantyczne znaczniki HTML z logiczną strukturą sekcji
Technologie: HTML5, CSS3 (Flexbox + Grid), zmienne kolorów, komponentowe podejście do UI.