iziModal / Улучшение / Плагины Bootstrap

Версия: v1.5.0

Каталог: Плагины Bootstrap

Категория: Улучшение

Bootstrap: 3, 4

Для CMS: HTML, Drupal, Joomla, uCoz, WordPress, Magento, OpenCart, PrestaShop, Shopify

Язык: Английский

Вес файла: 53.2 Kb

Уникальный ID: 2093

Посмотрели: 2739 раз

Скачать бесплатно

Помощь: установка & настройка

Скачали бесплатно: 68 раз

Прокомментировали: 0 раз

Рейтинг: 5.0 / 5 - 3 голосов

Тип лицензии: CC BY 4.0

Авторство: https://github.com/dolce/iziModal

Информация: Пользователям

Информация: Правообладателям

Теги: ModaL, Plugin, Bootstrap

Поделился: BootstrapТема

Добавлено: 2017-05-23 в 13:14

Метка: 1588859782

⇄ ⇅

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>iziModal | BootstrapTema</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" />
<link rel="stylesheet" href="https://bootstraptema.ru/plugins/2017/izimodal/iziModal.min.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://bootstraptema.ru/plugins/2017/izimodal/iziModal.min.js"></script>
<style>
body{
background: #642B73; /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #C6426E, #642B73); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #C6426E, #642B73); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
svg{color:#694198;fill:currentColor;margin:0}
</style>
</head>
<body>

<h1 class="text-center">iziModal - BootstrapTema</h1>

<button class="btn btn-default trigger">Click modal</button>

</div></div>

<div id="modal" data-iziModal-fullscreen="true" data-iziModal-title="Welcome to the iziModal" data-iziModal-subtitle="Elegant, responsive, flexible and lightweight modal plugin with jQuery." data-iziModal-icon="icon-home">
<h4 class="text-center">iziModal - BootstrapTema</h4>
<div class="col-md-8 col-md-offset-2">
<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M13.333 0H2.667A2.675 2.675 0 0 0 0 2.667v10.666C0 14.8 1.2 16 2.667 16h10.666C14.8 16 16 14.8 16 13.333V2.667C16 1.2 14.8 0 13.333 0zm-1.458 11.237a2.07 2.07 0 0 1-.615.823c-.28.23-.635.413-1.072.55-.436.135-.954.203-1.555.203H4.345V3.477H8.88c.838 0 1.51.19 2.014.575.505.385.758.962.758 1.74 0 .47-.115.872-.345 1.207-.23.33-.56.59-.988.77v.03c.57.12 1.01.39 1.3.81.29.42.44.95.44 1.59 0 .36-.07.7-.2 1.02zm-1.85-2.3c-.273-.25-.658-.372-1.154-.372H5.99v2.912h2.89c.495 0 .882-.128 1.154-.387.275-.256.413-.622.413-1.093-.002-.46-.14-.815-.413-1.06zm-.4-1.883c.263-.223.393-.544.393-.962 0-.47-.117-.803-.353-.994-.235-.19-.575-.288-1.02-.288H5.98v2.576h2.666c.392 0 .72-.113.98-.332z"/></svg>
</div>
</div>

</body>
</html>

BootstrapTema

iziModal

Скриншот

Подробнее

Похожие материалы

Просмотренные материалы

Всего комментариев: 0