- Стройматериалы
- Сантехника
- Напольные покрытия
- Плитка
- Двери
- Мебель
-
Инструмент
- Измерительный и разметочный инструмент
- Климатическое оборудование
- Оснастка и расходники
- Оснастка и расходники для садовой техники
- Пневмоинструмент и комплектующие
-
Ручной инструмент
- Гвоздодеры, ломы, керны, зубила
- Заклепочники
- Киянки
- Ключи гаечные
- Молотки и кувалды
- Наборы инструментов
- Напильники, надфили, щетки
- Ножи строительные и скребки
- Ножницы по металлу и болторезы
- Ножовки по металлу
- Отвертки
- Пилы, ножовки и лобзики
- Плиткорезы и стеклорезы
- Разводные ключи
- Стамески, резцы и долота
- Струбцины
- Топоры и колуны
- Головки и приводы
- Ключи имбусовые
- Степлеры и расходники
- Шарнирно-губцевый инструмент
- Силовая техника
- Все для хранения инструмента
- Инструмент садовый
- Средства индивидуальной защиты
- Обои
- Краска
- Автотовары
- Декор окна
- Товары для дома
- Посуда
- Товары для сада
- Текстиль
- Новогодние товары
- Товары для отдыха
- Декор интерьера
Зеркала
-
нет в наличии
<style>
/* Контейнер для кнопок */
.custom-links {
display: flex;
flex-wrap: wrap;
gap: 8px; /* расстояние между кнопками */
}
/* Стиль для каждой ссылки (кнопки) */
.custom-links a {
display: inline-flex; /* чтобы центрировать текст по вертикали и горизонтали */
align-items: center;
justify-content: center;
min-height: 24px;
padding: 7px 12px;
border-radius: 4px;
background-color: #f5f5f5; /* изначальный фон */
color: #333; /* изначальный цвет текста */
font-family: 'Montserrat', sans-serif;
font-size: 12px;
line-height: 18px;
letter-spacing: 0.15px;
text-decoration: none; /* убрать подчёркивание */
cursor: pointer;
transition: background-color 0.2s, color 0.2s, padding 0.2s;
}
/* Эффект при наведении */
.custom-links a:hover {
background-color: #4F728E; /* цвет фона при наведении */
color: #fff; /* цвет текста при наведении */
}
/* Адаптивность для мобильных устройств */
@media (max-width: 600px) {
.custom-links a {
font-size: 12px;
padding: 6px 10px;
min-height: auto; /* чтобы не было жёсткого ограничения по высоте */
width: auto; /* ширина по содержимому */
flex-basis: calc(50% - 8px); /* две кнопки в строке с отступом */
text-align: center; /* текст по центру внутри ссылки */
justify-content: center; /* центрирование содержимого внутри ссылки */
align-items: center;
display: flex;
}
}
</style>
<div class="custom-links">
<a href="https://gipermarketdom.ru/catalog/vanny/">Ванны</a>
<a href="https://gipermarketdom.ru/catalog/dushevye_kabiny/">Душевые кабины</a>
<a href="https://gipermarketdom.ru/catalog/unitazy_rakoviny/">Унитазы и раковины</a>
<a href="https://gipermarketdom.ru/catalog/aksessuary_dlya_vannoy/">Аксессуары для ванной комнаты</a>
<a href="https://gipermarketdom.ru/catalog/kovry_dlya_vannoy/">Ковры для ванной</a>
<a href="https://gipermarketdom.ru/catalog/karnizy_dlya_vannoy/">Карнизы для ванной</a>
<a href="https://gipermarketdom.ru/catalog/shtory_dlya_vannoy/">Шторы для ванной</a>
<a href="https://gipermarketdom.ru/catalog/smesiteli_dlya_vanny/">Смесители для ванны</a>
<a href="https://gipermarketdom.ru/catalog/sifon/">Сифон</a>
</div>
/* Контейнер для кнопок */
.custom-links {
display: flex;
flex-wrap: wrap;
gap: 8px; /* расстояние между кнопками */
}
/* Стиль для каждой ссылки (кнопки) */
.custom-links a {
display: inline-flex; /* чтобы центрировать текст по вертикали и горизонтали */
align-items: center;
justify-content: center;
min-height: 24px;
padding: 7px 12px;
border-radius: 4px;
background-color: #f5f5f5; /* изначальный фон */
color: #333; /* изначальный цвет текста */
font-family: 'Montserrat', sans-serif;
font-size: 12px;
line-height: 18px;
letter-spacing: 0.15px;
text-decoration: none; /* убрать подчёркивание */
cursor: pointer;
transition: background-color 0.2s, color 0.2s, padding 0.2s;
}
/* Эффект при наведении */
.custom-links a:hover {
background-color: #4F728E; /* цвет фона при наведении */
color: #fff; /* цвет текста при наведении */
}
/* Адаптивность для мобильных устройств */
@media (max-width: 600px) {
.custom-links a {
font-size: 12px;
padding: 6px 10px;
min-height: auto; /* чтобы не было жёсткого ограничения по высоте */
width: auto; /* ширина по содержимому */
flex-basis: calc(50% - 8px); /* две кнопки в строке с отступом */
text-align: center; /* текст по центру внутри ссылки */
justify-content: center; /* центрирование содержимого внутри ссылки */
align-items: center;
display: flex;
}
}
</style>
<div class="custom-links">
<a href="https://gipermarketdom.ru/catalog/vanny/">Ванны</a>
<a href="https://gipermarketdom.ru/catalog/dushevye_kabiny/">Душевые кабины</a>
<a href="https://gipermarketdom.ru/catalog/unitazy_rakoviny/">Унитазы и раковины</a>
<a href="https://gipermarketdom.ru/catalog/aksessuary_dlya_vannoy/">Аксессуары для ванной комнаты</a>
<a href="https://gipermarketdom.ru/catalog/kovry_dlya_vannoy/">Ковры для ванной</a>
<a href="https://gipermarketdom.ru/catalog/karnizy_dlya_vannoy/">Карнизы для ванной</a>
<a href="https://gipermarketdom.ru/catalog/shtory_dlya_vannoy/">Шторы для ванной</a>
<a href="https://gipermarketdom.ru/catalog/smesiteli_dlya_vanny/">Смесители для ванны</a>
<a href="https://gipermarketdom.ru/catalog/sifon/">Сифон</a>
</div>