Личный сайт-портфолио фронтенд-разработчика (адаптивный, с формой обратной связи)

Создать персональный сайт-портфолио для презентации проектов, навыков и контактов. Цель — быстро дать работодателям и клиентам полное представление о моём стеке и опыте, упростить обратную связь и повысить конверсию обращений через удобную структуру разделов («Обо мне», «Опыт», «Навыки», «Портфолио», «Прайс-лист», «Контакты»). На сайте есть модальные окна и подтверждение отправки сообщения.

Решение

• Сверстал адаптивный лендинг с секциями, якорной навигацией и плавной прокруткой; реализовал бургер-меню и фикс-хедер для удобства на мобильных.
• Организовал стили на SCSS (модули, переменные, миксины), собрал проект через Gulp (минификация, автопрефиксы, оптимизация изображений, сборка в dist).
• Реализовал сетки через Flexbox/CSS Grid, карточки работ и блок «Прайс-лист», а также интерактив: модальные окна («Письмо отправлено»), уведомления и кликабельные соц-иконки.
• Настроил форму обратной связи с серверной обработкой на PHP/PHPMailer (в репозитории преобладает PHP-код, что отражает наличие обработчика формы).

Результат

Получился лёгкий и быстрый сайт-портфолио, который корректно работает на смартфонах и десктопах, наглядно показывает стек и проекты, а также даёт простой сценарий связи через форму с подтверждением отправки. Структура секций и визуальный контент помогают быстрее оценить квалификацию и перейти к контакту.