Diana Tsapenko

Zaproponuj Diana pracę nad swoim kolejnym zleceniem.

Ukraina

2 miesiące 23 dni temu

gotowy do podjęcia pracy

wiek 20 lat

w Serwisie 1 rok

flexbox

Ranking

Zakończonych zleceń

Średnia ocena

Ranking

Układ HTML i CSS

2341 miejsce z 5621

Programowanie stron internetowych

3393 miejsce z 6430

Poziom znajomości języków obcych

Umiejętności i kwalifikacje

Programowanie

41 PLN
SmartSpace - adaptacyjna strona docelowa

Układ HTML i CSS

Opracowałam nowoczesną stronę internetową dla agencji nieruchomości "SmartSpace".
Cechy techniczne:
HTML5/CSS3: Semantyczne kodowanie, wykorzystanie metodologii BEM dla wsparcia skalowalności kodu.
Responsywność: Strona poprawnie wyświetla się na wszystkich urządzeniach.
… JavaScript (ES6+): Zrealizowano interaktywne elementy w czystym JS bez ciężkich bibliotek.
Optymalizacja: Wykorzystanie sprite'ów SVG dla ikon oraz atrybutów lazy loading.
Architektura stylów: Wykorzystanie zmiennych CSS dla łatwej personalizacji schematu kolorów.
41 PLN
Cyberpunk 2077 — Adaptacyjna strona docelowa

Układ HTML i CSS

To jest strona promocyjna stworzona dla gry Cyberpunk 2077. Projekt demonstruje umiejętności tworzenia skomplikowanych, w pełni responsywnych interfejsów za pomocą HTML5, CSS3 (Grid, Flexbox, Własne Właściwości) oraz JavaScript (Klasy ES6).

Kluczowe cechy:
Pełna responsywność dla wszystkich typów urządzeń.
… Dynamiczna zmiana tła w sekcji hero za pomocą klasy JS.
Wykorzystanie nowoczesnych technik CSS, takich jak clip-path do stworzenia unikalnego stylu.
Akcent na dostępności: semantyczne znaczniki, atrybuty ARIA oraz prawidłowe działanie z formularzami.

Stos technologii:
HTML5
CSS3 (Zmienne CSS, Układ Grid, Flexbox)
JavaScript (Klasy ES6)
16 PLN
Generator losowych palet kolorów

Układ HTML i CSS

To interaktywny jednopanelowy aplikacja internetowa, przeznaczona do szybkiego tworzenia i wizualizacji palet kolorów. Narzędzie zostało zaprojektowane dla web designerów, programistów i wszystkich, którzy pracują z kolorem i potrzebują źródła inspiracji lub gotowych rozwiązań do swoich projektów. Aplikacja pozwala generować, dostosowywać i zapisywać harmonijne schematy kolorów w jeden klik.

Kluczowa funkcjonalność:
Dynamiczne generowanie: Tworzenie nowej palety z pięciu losowych kolorów odbywa się natychmiast po naciśnięciu klawisza "Spacja".
… Blokowanie kolorów: Użytkownik może zablokować jeden lub kilka kolorów, które mu się spodobały. Zablokowane kolory pozostaną niezmienne podczas kolejnych generacji, co pozwala dokładnie dobrać połączenia.
Kopiowanie kodu HEX: Po kliknięciu na kod koloru automatycznie kopiowany jest do schowka dla wygodnego użycia w edytorach graficznych lub kodzie.
Adaptacyjny kontrast tekstu: Kolor tekstu i ikon automatycznie zmienia się na czarny lub biały w zależności od jasności tła, zapewniając doskonałą czytelność i dostępność interfejsu (WCAG).

Stos technologiczny:
HTML5
CCS3
JavaScript(Vannila JS)
Chroma.js
Font Awesome
49 PLN
Kolekcja naturalnych artefaktów – interaktywny landing

Układ HTML i CSS

Adaptacyjna strona promocyjna, stworzona w celu prezentacji cyfrowej kolekcji naturalnych artefaktów. Projekt łączy elegancką typografię, nowoczesne techniki układania oraz interaktywne slidery na Swiper.js, tworząc fascynujące i wizualnie atrakcyjne doświadczenie przeglądania.

Co zostało zrealizowane:
Czysta struktura HTML5 z metodologią BEM dla skalowalnego kodu.
… Adaptacyjny układ oparty na Flexbox i zapytaniach medialnych.
Integracja Swiper.js;
Stany hover, focus, disabled dla wygody i dostępności.
System typografii na Google Fonts;
Płynne animacje (all 0.2s ease) dla interaktywnych elementów.

Technologie:
HTML5
CSS3 (Flexbox, Media Queries)
JavaScript (ES6)
Swiper.js
Ikony SVG
Metodologia BEM

Kluczowe funkcje:
W pełni adaptacyjny design (desktop → tablet → mobilny).
Interaktywny slider Swiper.js z własnymi przyciskami i paginacją.
Formularz zwrotnego kontaktu.
Dostosowane stany hover, focus, active dla przycisków, linków i inputów.
33 PLN
Splice - landing dla serwisu instrumentów muzycznych i wtyczek.

Układ HTML i CSS

To jest jednolita strona docelowa, stworzona w celu zaprezentowania możliwości serwisu muzycznego. Strona zawiera bloki promocyjne, sekcję z zaletami, opinie użytkowników, blok call-to-action oraz rozszerzoną stopkę z nawigacją.

Co zostało zrealizowane:
Struktura strony została zbudowana zgodnie z metodologią BEM dla wygody wsparcia i skalowania.
… Zrealizowano stałą nagłówkę z logo, nawigacją i przyciskami logowania.
Stworzono menu hamburgerowe, które adaptacyjnie otwiera się na urządzeniach mobilnych.
Utworzono sekcje z zaletami, które przeplatają się (zwykłe i odwrócone bloki) dla dynamicznego wyglądu.
Rozszerzona stopka z kolumnami nawigacyjnymi, listami linków i prawami autorskimi.
Responsywność dla różnych rozmiarów ekranów (desktop, tablet, mobile).
Zastosowano efekty hover dla przycisków i linków, co czyni interfejs bardziej interaktywnym.

Technologie:
HTML5
CSS3
Google Fonts
JavaScript
Metodologia BEM

Główne cechy:
Responsywny design (od 320px do dużych ekranów).
Interaktywne menu hamburgerowe.
Wygodna nawigacja w stopce.

Aktywność

	Ostatnie oferty 1	Budżet	Dodana	Terminy	Oferta
	Wersja strony lądowania (desktop+mobile). Makieta stworzona w figma 82 PLN	82 PLN	sier 2025	3 dni	odrzucona