Библиотека Header Minimal
Сырьевые компоненты: копируй структуру и меняй стили под твой проект.
Все компоненты адаптивны :
max-width: 1920px;
min-width: 320px;
Minimal 01. Лого, социальные сети, кнопка.
Адрес в системе :
// src / library / layout / headers / HeaderMinimal01 /
Business Contact
Этот компонент фокусируется на быстрой связи.
Адрес в системе :
// src / library / layout / headers / HeaderMinimal05 /
Social Branding
Главная задача этого компонента — транслировать имидж бренда.
Адрес в системе :
// src / library / layout / headers / HeaderMinimal06 /
Micro Detail
Этот хедер вдохновлен эстетикой технических интерфейсов и швейцарским дизайном.
Адрес в системе :
// src / library / layout / headers / HeaderMinimal07 /
Minimal 02. Меню, бургер-меню.
Адаптация : На ширине экрана max-width: 700px десктопное меню отключается и показывается бургер-меню.
Адрес в системе :
// src / library / layout / headers / HeaderMinimal02 /
Minimal 03. Лого по середине.
При адаптации на ширине экрана max-width: 600px - десктопное меню убираем - бургер-меню включаем.
Адрес в системе :
// src / library / layout / headers / HeaderMinimal03 /
Minimal 04. Лого, навигация, социальные иконки.
При адаптации используется расширенный вариант бургер-меню.
Адрес в системе :
// src / library / layout / headers / HeaderMinimal04 /