Вёрстка

Оно тебе надо

Лендинг аукциона вещей, в которые никто не верил: крупная типографика, лоты на фото и блок об аукционе.

HTML
CSS
BEM
CSS Grid
Flexbox

Задача и назначение

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

Что реализовано

Hero с рваным заголовком «Оно тебе надо» и кнопкой ставки
Шапка: навигация, логотип, телефон, почта и адрес
Три карточки лотов на фото с затемнением и описанием
Блок об аукционе и футер с меню и соцсетями

Особенности реализации

Одностраничный лендинг на HTML и CSS, блоки по BEM. Шапка и футер собраны на Grid, лоты — на Flex. Обложка и карточки — фоновые фото с тёмным оверлеем, шрифт Raleway подключён локально.

Результат

Десктопный лендинг аукциона с узнаваемой типографикой и тремя лотами на одной странице.