**Демо**
**Ниже представлен функционал шаблонов для верстки**
Возможны конфликты если что-то не открывается/не корректно работает смотрите стили/скрипт + главный файл стилей style.sass
Полный функционал описан в файле Readme.md - в демо не включены утилиты и файлы без визуальных эффектов
📱 **Навигация**
🧭 Стрелка возврата на предыдущую страницу по истории браузера (откуда пришел пользователь)
🧭 Мобильное меню с 1 логотипом и разделенным меню по центру и справа + скролл к якорю и закрытие меню после скролла - работает что-то одно
🧭 Мобильное меню с подложкой - конфликт стилей
🧭 Мобильное меню с 1 логотипом и разделенным меню по центру и справа - работает что-то одно
🧭 Подвал
🖥️ **UI Элементы**
🎨 Аккордеон с возможностью открытия всех элементов - работает что-то одно
🎨 Аккордеон открывается 1 элемент остальные закрываются - работает что-то одно
🎨 Аккордеон с Г-образным заголовком
🎨 Плавный аккордеон - работает что-то одно
🎨 Анимированный счетчик чисел с изменяемой скоростью
🎨 Бейджи
🎨 Модалка c cookies + localStorage
🎨 Кнопка с эффектом нажатия, кнопки
🎨 Кастомный цвет курсора ввода (текстовый курсор в инпутах)
🎨 Ховер-эффект цвета для иконок (иконочный шрифт / svg)
🎨 Градиентный текст, бордер, кнопки (набор эффектов)
🎨 Переключатель языка Ru/Eng с цветовой индикацией
🎨 Маскирование для текста и изображений
🎨 Модалка с обязательным подтверждением - работает что-то одно
🎨 Модалка с закрытием по клику на оверлей или без оверлея - работает что-то одно
🎨 Табы
🎨 Табы со вкладкой все - конфликтует с табы
🎨 Табы + аккордеон с инициализацией первого элемента
🎨 Табы с переключением картинки
🎨 Табы с трансформацией в слайдер на мобильных устройствах (табы становятся пагинацией слайдера)
📽️ **Слайдеры**
🎞️ Слайдер с кастомной пагинацией
🎞️ Горизонтальный слайдер с вертикальным раскрытием карточек
🎞️ Формы выпуска препарата слайдер
🎞️ Слайдер, который показывается только на мобильных устройствах (на десктопе скрыт)
📑 **Меню**
📌 Пропуск нумерации элементов списка
📌 Счетчики для пунктов меню/div + пропуск нумерации
📜 **Текст**
✏️ Копировать текст в буфер обмена при клике на кнопку
✏️ Копирайт с декоративными разделительными линиями
✏️ Буквица (первая буква на несколько строк)
✏️ Жирный текст при наведении без эффекта дерганья
✏️ Обтекание текста по контуру
✏️ Разбить текст на строки по разделительному символу \n
📊 **Таблицы**
📈 Кастомная таблица с центральным изображением
📈 Таблица с анимированными шкалами показателей
📈 Таблица дозировок с объединеными ячейками (rowspan)
📝 **Формы и инпуты**
✅ Кастомныe радиокнопки с нажатием на label
✅ Кастомныe чекбоксы с нажатием на label
✅ Форма с инпутами только с нижним бордером и цветной валидацией
✅ Кастомные input type="file" с с отображением имени и/или размера файла
✅ Кастомные input type="range"
✅ Поисковая строка через input type="search" (2 варианта: лупа + крестик слева/ лупа + крестик справа)
🏪 **Товары и магазин**
🛒 Категории товаров через тег details
🛒 Переключение сетки в каталоге товаров
🩺 **Медицинские и юридические блоки**
⚠️ Медицинское предупреждение - конфликт стилей
🌍 **Карты**
📚 **Библиотеки и API**
📕 Menu Spy (прокрутка к пунктам меню и их смена при скролле)
📕 Прокрутка к пунктам меню и их смена при скролле через intersection Observer API