• Как продвинуть сайт на первые места?
    Вы создали или только планируете создать свой сайт, но не знаете, как продвигать? Продвижение сайта – это не просто процесс, а целый комплекс мероприятий, направленных на увеличение его посещаемости и повышение его позиций в поисковых системах.
    Ускорение продвижения
    Если вам трудно попасть на первые места в поиске самостоятельно, попробуйте технологию Буст, она ускоряет продвижение в десятки раз, а первые результаты появляются уже в течение первых 7 дней. Если ни один запрос у вас не продвинется в Топ10 за месяц, то в SeoHammer за бустер вернут деньги.
    Начать продвижение сайта
  • Сервис онлайн-записи на собственном Telegram-боте
    Тот, кто работает в сфере услуг, знает — без ведения записи клиентов никуда. Мало того, что нужно видеть свое расписание, но и напоминать клиентам о визитах тоже. Нашли самый бюджетный и оптимальный вариант: сервис VisitTime.
    Для новых пользователей первый месяц бесплатно.
    Чат-бот для мастеров и специалистов, который упрощает ведение записей:
    Сам записывает клиентов и напоминает им о визите;
    Персонализирует скидки, чаевые, кэшбэк и предоплаты;
    Увеличивает доходимость и помогает больше зарабатывать;
    Начать пользоваться сервисом
модальные окна

Light Modal — небольшой плагин для создания модальных окон на чистом CSS

Универсальный инструмент, которые упростит реализацию симпатичных модальных окон на Вашем сайте. Свежая анимация, маленький размер, высокая производительность.

Описание плагина

Модальные окна присутствуют на любом сайте. Чем проще они создаются, тем удобнее ими управлять. Рассматриваемый сегодня плагин представляет собой набор CSS свойств для реализации всплывающих окон с различными эффектами. Вот некоторые особенности данного инструмента:

  • все работает на чистом CSS;
  • интеграция с animate.css;
  • простая настройка;
  • максимальная производительность.

Использование модальных окон на сайте

Качаем и подключаем файл в свой проект:

dist/css/light-modal.min.css

За стандарт разметки следует брать этот HTML-код:

<div class="light-modal" id="unique-id" role="dialog" aria-labelledby="light-modal-label" aria-hidden="false">
        <div class="light-modal-content animated zoomInUp">
            <!-- light modal header -->
            <div class="light-modal-header">
                <h3 class="light-modal-heading">Modal Title</h3>
                <a href="#" class="light-modal-close-icon" aria-label="close">&times;</a>
            </div>
            <!-- light modal body -->
            <div class="light-modal-body">
                <!-- Your content -->
            </div>
            <!-- light modal footer -->
            <div class="light-modal-footer">
                <a href="#" class="light-modal-close-btn" aria-label="close">Close</a>
            </div>
        </div>
    </div>

Вы также можете вызывать модальные окна с помощью назначенных ID:

<a href="#unique-id" class="btn">Open Modal</a>

Все прозрачно и легко. Более подробную документацию можно найти на странице разработчика. Скачать файлы плагина можно по ссылке выше.