Владислав Петрук
Рейтинг
Рівень володіння мовами
Резюме
Мене звати Владислав Петрук, я Junior Frontend Developer / HTML & CSS.
Роблю акуратну адаптивну верстку та правки для існуючих сайтів: Figma, HTML/CSS, Mobile First, семантика, BEM.
Що можу зробити для вас:
Верстка лендингу / сторінки / секції за макетом (Figma, PSD)
Адаптація під мобільні/планшети, виправлення “з’їхало/роз’їхалось”
Правки по CSS (відступи, шрифти, кнопки, блоки), дрібні баги верстки
Базові інтерактиви на JS (DOM): меню, модалки, таби, акордеони
Стек та інструменти:
HTML5, CSS3, Flexbox/Grid, BEM, Mobile First, базовий JavaScript (DOM), Git/GitHub, DevTools, Figma. SCSS — вивчаю та використовую в проєктах.
Додатково: 3D (Blender)
Маю 2 роки досвіду в 3D та працюю в Blender (моделювання/текстурування). Можу підготувати простий 3D-контент для вебу: об’єкти/ассети, прев’ю, оптимізація під використання на сайті.
Як працюю:
уточнюю ТЗ і критерії готовності (що саме має бути “як у макеті”)
роблю першу версію + проміжний результат
вношу правки та здаю фінал (архів / GitHub / хостинг)
Портфоліо / посилання:
- GitHub: https://github.com/Kavaakari
- Приклади робіт: (kavaakari.github.io/Rain/),(kavaakari.github.io/Nexcent/)(https://kavaakari.github.io/ResponsiveWebDesign/)
- ArtStation: https://www.artstation.com/roseinkwhirl
Готовий взяти невеликі задачі та довгострокову підтримку сайту. Працюю віддалено, на зв’язку щодня.
Навички та вміння
Програмування
Дизайн та арт
Послуги
Переклади
Портфоліо
-
Responsive Web Design адаптивні компоненти та сітки
HTML та CSS верстанняПриклад адаптивної верстки з використанням Mobile First, Flexbox/Grid та коректної структури секцій.
Показано підхід до побудови сіток, роботи з відступами та масштабуванням інтерфейсу під різні пристрої.
#HTML #CSS #Adaptive/Responsive #MobileFirst #flexbox #grid
-
Rain адаптивна сторінка з анімаціями (HTML/CSS/JS)
HTML та CSS верстанняОдносторінковий сайт з акцентом на акуратну верстку, візуальні ефекти та плавні переходи.
Опрацьовано адаптивність, типографіку та поведінку блоків на різних екранах.
Використано сучасні CSS-підходи (Flexbox/Grid), оптимізовано структуру секцій.
#HTML #CSS #Adaptive/Responsive #Animations #flexbox #grid
-
Nexcent адаптивний лендинг (Figma, HTML/CSS)
HTML та CSS верстанняАдаптивна верстка лендингу з акцентом на Mobile First та семантичну розмітку.
Реалізовано структуру класів за BEM, використано Flexbox/Grid для побудови сітки.
Опрацьовано типографіку, відступи, блоки та компоненти, підготовлено сторінку під різні розміри екранів.
#HTML #CSS #Adaptive/Responsive #MobileFirst #BEM #flexbox #grid