Верстка сайта

Описание

Клиент поставил задачу сверстать адаптивный сайт для продажи современных гаджетов. Основная цель — разработка лёгкого и удобного интерфейса, который будет одинаково корректно отображаться на разных устройствах: от мобильных телефонов до широкоформатных мониторов. За основу был предоставлен готовый дизайн в Figma, который необходимо было максимально точно воспроизвести в верстке. Важным требованием было использовать базовый стек HTML/CSS без подключения тяжёлых фреймворков.

Решение

Для реализации проекта я детально проработал макет в Figma, разбил его на отдельные блоки и создал структуру сайта с учётом принципов семантической верстки.
Ключевые шаги выполнения:
• Разметка страниц с использованием HTML5 с упором на семантику и удобство в дальнейшем расширении.
• Стилизация через CSS3, применение flexbox для построения адаптивных сеток. Это позволило сделать дизайн гибким и корректно подстраивающимся под разные размеры экранов.
• Для интерактивных элементов, таких как карусели с товарами, была подключена и настроена библиотека Glide.js. Я адаптировал её параметры под разные устройства (мобильные, планшеты, десктопы), чтобы перелистывание выглядело плавным и удобным.

Результат

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

Презентация проекта