Hire me Связаться

Available for work — Minsk, Belarus Доступна для сотрудничества — Минск, Беларусь

HTML & CSS Developer HTML & CSS разработчик

I'm Maria — a Frontend Markup Developer with 6+ years of experience turning Figma designs into semantic, responsive, cross-browser interfaces ready for integration Я Мария — Frontend Markup Developer с опытом 6+ лет: превращаю Figma-макеты в семантичные, адаптивные и кроссбраузерные интерфейсы, готовые к интеграции

Contact Me Связаться View Work Мои проекты
Maria — HTML & CSS Developer
6+ Years Experience 6+ лет опыта

Technologies I work with Стек технологий

HTML5 CSS3 / SCSS BEM Methodology CSS Architecture Semantic Markup Responsive Layouts Адаптивная верстка Cross-browser UI Кроссбраузерные интерфейсы Pixel Perfect Flexbox / CSS Grid UI States Figma UI Kit Angular / Vue Templates Vanilla JavaScript
Scroll Вниз

About me Обо мне

Turning designs into production UI Превращаю макеты в готовый UI

I specialize in semantic HTML, SCSS/BEM, responsive layouts, and pixel-accurate UI implementation from Figma. My work is focused on clean markup, predictable CSS architecture, reusable interface blocks, and consistent states across breakpoints and browsers

I have 6+ years of experience preparing UI for Angular, Vue, and React applications, working with existing and legacy code, reducing markup technical debt, and collaborating with designers, PMs, QA, and frontend developers so layouts are easier to integrate and maintain

Я специализируюсь на семантической HTML-верстке, SCSS/BEM, адаптивных интерфейсах и точной реализации Figma-макетов. В работе фокусируюсь на чистой структуре, предсказуемой CSS-архитектуре, переиспользуемых UI-блоках и согласованности состояний на разных брейкпоинтах и в браузерах

У меня 6+ лет опыта подготовки UI для Angular, Vue и React-приложений, работы с существующим и legacy-кодом, снижения технического долга в верстке и взаимодействия с дизайнерами, PM, QA и frontend-разработчиками, чтобы интерфейсы было проще интегрировать и поддерживать

CSS Architecture CSS-архитектура

Modular SCSS, BEM naming, CSS variables, reusable blocks, and predictable UI states Модульный SCSS, BEM-нейминг, CSS variables, переиспользуемые блоки и предсказуемые состояния UI

Responsive UI Адаптивный UI

Adaptive layouts, mobile-first thinking, Flexbox/Grid, careful spacing, and breakpoint behavior Адаптивные лейауты, mobile-first подход, Flexbox/Grid, точные отступы и поведение на брейкпоинтах

Semantic Markup Семантическая верстка

HTML5 structure with basic accessibility practices, keyboard-friendly controls, and ARIA where needed HTML5-структура с базовыми a11y-практиками, доступностью с клавиатуры и ARIA там, где это нужно

UI Integration Интеграция UI

Preparing layouts for Angular, Vue, and React applications, including templates, classes, states, and handoff details Подготовка верстки для Angular, Vue и React-приложений: шаблоны, классы, состояния и детали передачи в разработку

My work Мои проекты

Recent Projects Последние проекты

GitHub profile Профиль GitHub
Screenshot of ATT Landing excursion interface
  • HTML5
  • SCSS / BEM
  • Figma
  • Responsive Layout
  • Pixel Perfect

ATT Landing ATT Landing

Latest Новое

One-page excursion landing from Figma: semantic HTML, SCSS/BEM, and a responsive UI with search, schedule, and reviews

Одностраничный лендинг экскурсии по Figma: семантичный HTML, SCSS/BEM и адаптивный UI с поиском, расписанием и отзывами

Live Demo Демо-версия GitHub Исходный код
Screenshot of Managed Site task planner interface
  • Handlebars
  • SCSS / BEM
  • HTML5
  • Webpack 4
  • Responsive Layout
  • Vanilla JavaScript

Managed Site Managed Site

Responsive task planner UI with Handlebars components, modular SCSS/BEM, and a CSS masonry card grid

Адаптивный UI таск-планировщика на Handlebars-компонентах, модульном SCSS/BEM и CSS masonry-сетке карточек

Live Demo Демо-версия GitHub Исходный код
Screenshot of Knomary Dashboard interface
  • React
  • SCSS / BEM
  • Responsive UI
  • Reusable Components
  • JSON Data
  • CSS Grid / Flexbox

Knomary Dashboard Knomary Dashboard

JSON-driven learning dashboard with reusable cards, filtering, and modular SCSS/BEM layout

Дашборд обучения на JSON-данных: переиспользуемые карточки, фильтрация и модульный SCSS/BEM-лейаут

Live Demo Демо-версия GitHub Исходный код
GitHub profile Профиль GitHub

Career journey Карьерный путь

Professional Experience Профессиональный Опыт

  • July 2025 — June 2026 Июль 2025 — Июнь 2026

    Frontend Markup Developer Frontend Markup Developer

    EPAM Systems • International B2B platform on Angular EPAM Systems • Международная B2B-платформа на Angular

    • Created unified onboarding guidelines for product, team process, and development standards; the document was used to onboard 3 employees
    • Introduced GitLab merge request templates and performed daily code reviews in a team of 5 HTML developers with a flow of 5–7 merge requests per day
    • Audited around 15 legacy CSS files in 4 working days, removed unnecessary !important declarations, and passed QA on real devices without visual defects
    • Worked on the Angular UI layer: reused components, updated HTML structure, classes and states, and investigated cross-browser issues with frontend developers, PM, and QA
    • Создала единые onboarding guidelines по продукту, процессам команды и стандартам разработки; документ использовался при онбординге 3 сотрудников
    • Внедрила GitLab-шаблоны Merge Request и проводила ежедневный Code Review в команде из 5 HTML-разработчиков при потоке 5–7 MR в день
    • За 4 рабочих дня проаудировала около 15 legacy CSS-файлов, убрала лишние !important и прошла QA на реальных устройствах без визуальных дефектов
    • Работала со слоем UI в Angular: переиспользовала компоненты, обновляла HTML-структуру, классы и состояния, исследовала кроссбраузерные дефекты вместе с frontend-разработчиками, PM и QA
    Angular Templates SCSS / BEM Legacy CSS Code Review
    Angular Templates SCSS / BEM Legacy CSS Code Review
  • August 2022 — July 2025 Август 2022 — Июль 2025

    HTML Developer HTML Developer

    Softcorp • International B2B platform on Vue Softcorp • Международная B2B-платформа на Vue

    • Built responsive HTML/CSS layouts and reusable BEM blocks prepared for integration into Vue
    • Adapted 10+ desktop modules for mobile devices, including a complex 25-card grid redesigned into a usable mobile interface with horizontal scrolling
    • Refactored individual components and pages: removed unnecessary wrappers and duplication, fixed style conflicts, and aligned scope with the lead and PM
    • Standardized HTML/SCSS structure, BEM naming, reusable mixins/functions, and UI states; reviewed Figma layouts for breakpoints, colors, and UI kit consistency
    • Разрабатывала адаптивную HTML/CSS-верстку и переиспользуемые BEM-блоки для интеграции во Vue
    • Адаптировала 10+ desktop-модулей под мобильные устройства, включая сложную сетку из 25 карточек с горизонтальной прокруткой
    • Рефакторила отдельные компоненты и страницы: убирала лишние обертки и дублирование, исправляла конфликты стилей и согласовывала объем работ с lead и PM
    • Стандартизировала HTML/SCSS, BEM-нейминг, mixins/functions и состояния UI; проверяла Figma-макеты на брейкпоинты, цвета и соответствие UI Kit
    Vue Templates HTML / SCSS SCSS / BEM Figma
    Vue Templates HTML / SCSS SCSS / BEM Figma
  • January 2022 — April 2023 (Part-time) Январь 2022 — Апрель 2023 (Частичная занятость)

    HTML & CSS Instructor Преподаватель HTML & CSS

    ItStep • Education ItStep • Образование

    • Taught 2 student groups of 12–15 students each
    • Covered HTML, CSS, BEM, Flexbox, Grid, responsive layout, cross-browser compatibility, basic accessibility, Git, and Figma workflows
    • Prepared lesson plans and practical assignments, and reviewed final responsive projects
    • Преподавала в 2 учебных группах по 12–15 студентов
    • Объясняла HTML, CSS, BEM, Flexbox, Grid, адаптивность, кроссбраузерность, базовую accessibility, Git и работу с Figma
    • Готовила планы занятий и практические задания, проводила Code Review финальных адаптивных проектов
    Teaching HTML5 / CSS3 Responsive Layout Code Review
    Преподавание HTML5 / CSS3 Адаптивная верстка Code Review
  • January 2022 — August 2022 Январь 2022 — Август 2022

    HTML Developer HTML Developer

    Qulix Systems • Fintech and Business Services projects Qulix Systems • Проекты Fintech и Business Services

    • Adapted complex desktop layouts for mobile devices when mobile designs were not provided
    • Created semantic markup and Handlebars templates prepared for later integration into React components
    • Developed promo pages and service screens from Figma designs with attention to Pixel Perfect, responsiveness, cross-browser compatibility, and performance
    • Адаптировала сложную desktop-верстку под мобильные устройства, когда мобильные макеты не были предоставлены
    • Создавала семантическую верстку и Handlebars-шаблоны для последующей интеграции в React-компоненты
    • Разрабатывала промо-страницы и сервисные экраны по Figma с учетом Pixel Perfect, адаптивности, кроссбраузерности и производительности
    Handlebars React Handoff Pixel Perfect Responsive UI
    Handlebars Интеграция в React Pixel Perfect Адаптивный UI
  • March 2020 — February 2022 Март 2020 — Февраль 2022

    HTML Developer HTML Developer

    STSoft • E-commerce project lbr.ru STSoft • E-commerce-проект lbr.ru

    • Worked on online store UI blocks including catalogs, product cards, filters, forms, and related interface sections
    • Implemented a responsive header with Vanilla JavaScript: desktop dropdown, overlay and content lock, internal navigation, and mobile menu
    • Updated existing PHP templates and components by changing HTML structure, classes, and states without backend logic
    • Kept layouts aligned with Figma/Photoshop designs and tested display on desktop and mobile devices
    • Работала с UI интернет-магазина: каталогами, карточками товаров, фильтрами, формами и другими интерфейсными блоками
    • Реализовала адаптивный header на Vanilla JavaScript: desktop dropdown, затемнение и блокировку контента, внутреннюю навигацию и мобильное меню
    • Обновляла существующие PHP-шаблоны и компоненты: меняла HTML-структуру, классы и состояния без backend-логики
    • Следила за соответствием макетам Figma/Photoshop и корректным отображением на desktop и mobile
    HTML5 / CSS3 PHP Templates Vanilla JavaScript Figma / Photoshop
    HTML5 / CSS3 PHP Templates Vanilla JavaScript Figma / Photoshop
  • September 2019 — December 2019 Сентябрь 2019 — Декабрь 2019

    HTML Developer HTML Developer

    Iris Media • Promo pages for advertising campaigns Iris Media • Промо-страницы для рекламных кампаний

    • Prepared an average of 10+ landing pages per month based on existing templates and Photoshop designs
    • Adapted primarily desktop designs for mobile devices, optimized images, and tested pages in different browsers
    • Integrated ready-made game mechanics and communicated with an English-speaking client in English
    • В среднем готовила 10+ landing pages в месяц на основе существующих шаблонов и Photoshop-макетов
    • Адаптировала преимущественно desktop-дизайн под мобильные устройства, оптимизировала изображения и проверяла страницы в разных браузерах
    • Интегрировала готовые игровые механики и вела переписку с англоязычным заказчиком на английском языке
    Landing Pages HTML5 / CSS3 Photoshop Cross-browser
    Landing Pages HTML5 / CSS3 Photoshop Кроссбраузерность

Get in touch Связаться со мной

Let's build polished UI Давайте создадим аккуратный UI

I'm open to HTML/CSS, frontend markup, and UI implementation opportunities where accurate responsive interfaces and clean handoff matter. Download my resume or contact me through any channel below Я открыта к задачам по HTML/CSS, frontend markup и реализации UI, где важны точная адаптивная верстка и чистая передача интерфейса в разработку. Вы можете скачать резюме или связаться со мной удобным способом

Download CV (EN) Скачать CV (EN) Download CV (RU) Скачать резюме (RU)