<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Универмаг Шира</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #f9f9f9;
}
.container {
width: 90%;
max-width: 1200px;
margin: auto;
padding: 2em 0;
}
.accordion {
background-color: white;
color: #444;
cursor: pointer;
padding: 18px;
width: 100%;
border: none;
text-align: left;
outline: none;
font-size: 18px;
transition: 0.4s;
border-bottom: 1px solid #ccc;
position: relative;
}
.accordion:hover {
background-color: #ddd;
}
.panel {
padding: 0 18px;
background-color: white;
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
border-bottom: 1px solid #ccc;
color: #000; /* Черный цвет текста */
}
.panel p {
padding: 1em 0;
}
.icon {
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
padding: 5px 10px;
border-radius: 5px;
font-size: 14px;
color: white;
}
.icon-yellow {
background-color: #FFD700;
}
.icon-green {
background-color: #4CAF50;
}
.icon-brown {
background-color: #8B4513;
}
footer {
background-color: #4CAF50;
color: white;
text-align: center;
padding: 1em 0;
margin-top: 2em;
}
@media (max-width: 768px) {
.accordion {
font-size: 16px;
}
}
</style>
</head>
<body>
<div class="container">
<h1>Добро пожаловать в универмаг "Шира"</h1>
<button class="accordion">Ювелирный отдел<span class="icon icon-yellow">Акция</span></button>
<div class="panel">
<p>Наш ювелирный отдел представляет широкий выбор ювелирных изделий из золота и серебра. Доступна рассрочка, подробности можно узнать у наших продавцов. Специальная акция для молодоженов: при покупке двух колец скидка 3%.</p>
<h3>Акции</h3>
<p>При покупке двух колец действует скидка. Если у вас свадьба или у ваших друзей, получите скидку.</p>
</div>
<button class="accordion">Бытовая техника<span class="icon icon-green">Рассрочка</span><span class="icon icon-brown">Доставка</span></button>
<div class="panel">
<p>В отделе бытовой техники вы найдете современные устройства для вашего дома. Мы предлагаем рассрочку и доставку по Ширинскому району. Ассортимент включает: холодильники, морозильные камеры, стиральные машины, электроплиты, индукционные плиты, чайники, микроволновки, швейные машинки, телевизоры.</p>
<h3>Доставка</h3>
<p>Доставка осуществляется по Ширинскому району.</p>
<h3>Каталог бытовой техники</h3>
<h4>1. Крупная бытовая техника</h4>
<h5>Холодильники</h5>
<ul>
<li><strong>Двухкамерные:</strong> Для хранения большого количества продуктов, оснащены морозильной и холодильной камерами.</li>
<li><strong>Однокамерные:</strong> Компактные холодильники, подходящие для небольших кухонь.</li>
<li><strong>Встраиваемые:</strong> Идеальны для интеграции в кухонный интерьер.</li>
<li><strong>С нижней морозильной камерой:</strong> Удобный доступ к часто используемым продуктам.</li>
<li><strong>С верхней морозильной камерой:</strong> Подходят для тех, кто часто пользуется морозильной камерой.</li>
</ul>
<h5>Стиральные машины</h5>
<ul>
<li><strong>Фронтальная загрузка:</strong> Экономия места, можно устанавливать под столешницу.</li>
<li><strong>Вертикальная загрузка:</strong> Удобны в небольших помещениях.</li>
<li><strong>Сушильные машины:</strong> Быстрое и эффективное сушение белья.</li>
<li><strong>Встраиваемые:</strong> Скроются в кухонном гарнитуре или другой мебели.</li>
</ul>
<h5>Посудомоечные машины</h5>
<ul>
<li><strong>Полноразмерные:</strong> Для больших семей и тех, кто часто готовит.</li>
<li><strong>Узкие:</strong> Для небольших кухонь.</li>
<li><strong>Компактные:</strong> Подходят для маленьких помещений или дач.</li>
<li><strong>Встраиваемые:</strong> Идеальны для скрытой установки в кухонном интерьере.</li>
</ul>
<h4>2. Мелкая бытовая техника</h4>
<h5>Микроволновые печи</h5>
<ul>
<li><strong>Соло:</strong> Для простого разогрева и размораживания пищи.</li>
<li><strong>С грилем:</strong> Дополнительная функция для приготовления блюд с хрустящей корочкой.</li>
<li><strong>С конвекцией:</strong> Многофункциональные печи для запекания, гриля и выпечки.</li>
</ul>
<h5>Кухонные комбайны</h5>
<ul>
<li><strong>Многофункциональные:</strong> Замена множества кухонных приборов, экономия времени.</li>
<li><strong>Мини-комбайны:</strong> Компактные модели для небольшой кухни.</li>
<li><strong>Нарезчики:</strong> Быстрое и аккуратное нарезание продуктов.</li>
</ul>
<h5>Миксеры и блендеры</h5>
<ul>
<li><strong>Ручные миксеры:</strong> Удобны для взбивания и смешивания небольших объемов.</li>
<li><strong>Стационарные миксеры:</strong> Для более сложных задач, таких как замес теста.</li>
<li><strong>Погружные блендеры:</strong> Универсальные приборы для приготовления супов-пюре и соусов.</li>
<li><strong>Стационарные блендеры:</strong> Для приготовления смузи, коктейлей и измельчения продуктов.</li>
</ul>
<h4>3. Техника для дома</h4>
<h5>Пылесосы</h5>
<ul>
<li><strong>Вертикальные:</strong> Удобны в использовании, не занимают много места.</li>
<li><strong>Роботы-пылесосы:</strong> Автоматическая уборка без вашего участия.</li>
<li><strong>Пылесосы с мешком:</strong> Классический вариант для тщательной уборки.</li>
<li><strong>Пылесосы без мешка:</strong> Удобны в очистке, не требуют покупки мешков.</li>
</ul>
<h5>Утюги и парогенераторы</h5>
<ul>
<li><strong>Утюги с паром:</strong> Эффективное разглаживание складок на одежде.</li>
<li><strong>Парогенераторы:</strong> Для интенсивного отпаривания и разглаживания больших объемов одежды.</li>
<li><strong>Дорожные утюги:</strong> Компактные и удобные в поездках.</li>
</ul>
<h5>Очищение воздуха</h5>
<ul>
<li><strong>Очистители воздуха:</strong> Удаляют пыль, аллергены и неприятные запахи.</li>
<li><strong>Увлажнители воздуха:</strong> Поддерживают оптимальный уровень влажности.</li>
<li><strong>Осушители воздуха:</strong> Предотвращают появление плесени и конденсата.</li>
<li><strong>Ионизаторы:</strong> Очищают и освежают воздух, насыщая его отрицательными ионами.</li>
</ul>
<h4>4. Кухонные плиты</h4>
<h5>Электрические плиты</h5>
<ul>
<li><strong>С духовкой:</strong> Для запекания и приготовления различных блюд.</li>
<li><strong>Без духовки:</strong> Компактные модели для быстрого приготовления пищи.</li>
</ul>
<h5>Газовые плиты</h5>
<ul>
<li><strong>С духовкой:</strong> Классический вариант для приготовления вкусных блюд.</li>
<li><strong>Без духовки:</strong> Экономят место на кухне.</li>
</ul>
<h5>Индукционные плиты</h5>
<ul>
<li><strong>Портативные:</strong> Мобильные и удобные для использования в любом месте.</li>
<li><strong>Встраиваемые:</strong> Современные плиты для быстрой и безопасной готовки.</li>
</ul>
<h5>Комбинированные плиты</h5>
<ul>
<li><strong>Газ-электро:</strong> Совмещают преимущества газовых и электрических плит.</li>
<li><strong>Электро-индукция:</strong> Быстрая и эффективная готовка с индукционными конфорками и электрической духовкой.</li>
</ul>
</div>
<button class="accordion">Мебель для дома<span class="icon icon-green">Рассрочка</span><span class="icon icon-brown">Доставка</span></button>
<div class="panel">
<p>Качественная мебель для вашего дома с возможностью рассрочки и доставки. В нашем ассортименте: обеденные столы и стулья, кухонные уголки, комоды, зеркала, стенки, прихожие, диваны, софы, детские кровати, матрасы, горки и мебель для сада.</p>
<h3>Доставка</h3>
<p>Доставка осуществляется по Ширинскому району.</p>
<h3>Каталог мебели</h3>
<h4>1. Кухонная мебель</h4>
<h5>Кухонные гарнитуры</h5>
<ul>
<li>Комплекты шкафов и столешниц для хранения и готовки.</li>
</ul>
<h5>Обеденные столы</h5>
<ul>
<li>Для семейных ужинов и приемов пищи.</li>
</ul>
<h5>Стулья и табуреты</h5>
<ul>
<li>Удобные сидения для кухни и столовой.</li>
</ul>
<h4>2. Диваны</h4>
<h5>Прямые диваны</h5>
<ul>
<li>Классический вариант для любой гостиной.</li>
</ul>
<h5>Угловые диваны</h5>
<ul>
<li>Оптимальное использование углового пространства.</li>
</ul>
<h5>Модульные диваны</h5>
<ul>
<li>Возможность компоновки по своему вкусу.</li>
</ul>
<h4>3. Софы</h4>
<h5>Классические софы</h5>
<ul>
<li>Элегантный и удобный вариант для отдыха.</li>
</ul>
<h5>Раскладные софы</h5>
<ul>
<li>Многофункциональные, превращаются в кровать.</li>
</ul>
<h4>4. Прикроватные тумбы</h4>
<h5>Тумбы с ящиками</h5>
<ul>
<li>Для хранения книг, ламп и мелочей у кровати.</li>
</ul>
<h5>Тумбы с полками</h5>
<ul>
<li>Удобные и функциональные для размещения необходимых вещей.</li>
</ul>
<h4>5. Пуфики</h4>
<h5>Мягкие пуфики</h5>
<ul>
<li>Удобные сидения для прихожей или гостиной.</li>
</ul>
<h5>Пуфики с ящиком</h5>
<ul>
<li>Дополнительное место для хранения мелочей.</li>
</ul>
<h4>6. Кресла</h4>
<h5>Кресла для отдыха</h5>
<ul>
<li>Удобные и стильные, для комфортного отдыха.</li>
</ul>
<h5>Офисные кресла</h5>
<ul>
<li>Эргономичные, для комфортной работы за столом.</li>
</ul>
<h4>7. Мягкие уголки</h4>
<h5>Мягкие уголки для гостиной</h5>
<ul>
<li>Комфортные и просторные сидения для семейных вечеров.</li>
</ul>
<h5>Угловые диваны с креслами</h5>
<ul>
<li>Комплекты для максимального удобства.</li>
</ul>
<h4>8. Прихожие</h4>
<h5>Комплекты прихожих</h5>
<ul>
<li>Шкафы, вешалки и тумбы для удобного хранения одежды и обуви.</li>
</ul>
<h5>Шкафы для прихожей</h5>
<ul>
<li>Вместительные и стильные для хранения верхней одежды.</li>
</ul>
<h4>9. Горки</h4>
<h5>Горки для гостиной</h5>
<ul>
<li>Модульные системы для размещения телевизора и аксессуаров.</li>
</ul>
<h5>Горки для детской</h5>
<ul>
<li>Яркие и функциональные для хранения игрушек и книг.</li>
</ul>
<h4>10. Столы для учебы и работы</h4>
<h5>Письменные столы</h5>
<ul>
<li>Просторные и удобные для учебы и работы.</li>
</ul>
<h5>Компьютерные столы</h5>
<ul>
<li>Специальные столы с местом для компьютера и аксессуаров.</li>
</ul>
<h5>Угловые столы</h5>
<ul>
<li>Экономия пространства и удобство работы.</li>
</ul>
</div>
<button class="accordion">Кондитерский отдел<span class="icon icon-green">Большой выбор тортов</span></button>
<div class="panel">
<p>Принимаем заказы на торты и ежедневно радуем вас свежей выпечкой. В нашем меню:
<ul>
<li><strong>Классические торты:</strong> Творожно-кокосовый пай, Шоколадно-сливочный, Юбилейный, Медовый праздник, Сливочное чудо.</li>
<li><strong>Фруктовые торты:</strong> Лесная сказка, Летний сад, Ягодная фантазия, Фруктовый, Фруктовая сказка.</li>
<li><strong>Ореховые торты:</strong> Ореховый, Лесной орех, Ассорти с орехами, Ореховое наслаждение, Фундук.</li>
<li><strong>Шоколадные торты:</strong> День и ночь, Шоколадный экстаз, Шоколадная мечта, Шоколадно-сливочный, Трюфель.</li>
<li><strong>Кремовые и муссовые торты:</strong> Воздушный поцелуй, Белый барс, Нежный мусс, Кремовый рай, Сливочная нирвана.</li>
<li><strong>Экзотические и необычные торты:</strong> Экзотика, Мишель, Мишка на Севере, Лесная фея, Нежный снег.</li>
<li><strong>Праздничные торты:</strong> Праздничный, Праздничная магия, Торжество, Ассорти, Ванильно-шоколадная фантазия.</li>
<li><strong>Нежные и воздушные торты:</strong> Воздушное пирожное, Снежный поцелуй, Неженка, Жемчужина, Нежный снег.</li>
<li><strong>Творожные и сливочные торты:</strong> Творожно-кокосовый пай, Сливочное чудо, Кремовый рай, Ванильный рай, Сливочная нирвана.</li>
<li><strong>Карамельные торты:</strong> Карамелька, Карамельный закат, Карамельная мечта, Карамельное наслаждение, Ванильно-карамельная фантазия.</li>
</ul>
</p>
</div>
<button class="accordion">Кафетерий</button>
<div class="panel">
<p>Наш кафетерий — это уютное место для отдыха с вкусными напитками и закусками. В ассортименте пирожные, пирожки и множество другой вкусной выпечки.</p>
</div>
<button class="accordion">Текстиль/трикотаж</button>
<div class="panel">
<p>Большой выбор текстильных изделий и трикотажа для всей семьи.</p>
</div>
<button class="accordion">Детский отдел</button>
<div class="panel">
<p>В детском отделе представлены кроватки, столики для кормления, манежи, детские велосипеды, автомобильные кресла и игрушки.</p>
</div>
<button class="accordion">Вакансии</button>
<div class="panel">
<p>В универмаге "Шира" открыта вакансия подсобного рабочего (мужчина) на постоянную работу. Если у вас есть вопросы или вы заинтересованы, звоните по номеру +7-913-445-21-62. Рабочее время для звонков: 09:00–19:00. Ждем вашего звонка!</p>
</div>
</div>
<footer>
<p>Адрес: Октябрьская, 98, ежедневно с 09:00 до 19:00</p>
<p>Телефон: +7 (39035) 9-29-60 (директор), +7 (39035) 9-21-92 (главный бухгалтер)</p>
</footer>
<script>
var acc = document.getElementsByClassName("accordion");
var i;
for (i = 0; i < acc.length; i++) {
acc[i].addEventListener("click", function() {
this.classList.toggle("active");
var panel = this.nextElementSibling;
if (panel.style.maxHeight) {
panel.style.maxHeight = null;
} else {
panel.style.maxHeight = panel.scrollHeight + "px";
}
});
}
</script>
</body>
</html>