Bootstrap

Josephin DoeTyping . .

Lary Doeonline

Aliceonline

Alia10 min ago

Suzen15 min ago

Josephin DoeTyping . .

Lary Doeonline

Aliceonline

Alia10 min ago

Suzen15 min ago

Josephin DoeTyping . .

Lary Doeonline

Aliceonline

Alia10 min ago

Suzen15 min ago

Josephin DoeTyping . .

Lary Doeonline

Aliceonline

Alia10 min ago

Suzen15 min ago

Josephin Doe

Use our extra helper file for quick setup Advance Components in your page - CHECKOUT

Copy/paste source code in your page in just couples of seconds.

Animated Model

var animateModal = document.getElementById('animateModal') animateModal.addEventListener('show.bs.modal', function (event) { var button = event.relatedTarget var recipient = button.getAttribute('data-pc-animate') var modalTitle = animateModal.querySelector('.modal-title') modalTitle.textContent = 'Animate Modal : ' + recipient animateModal.classList.add('anim-' + recipient); if (recipient == "let-me-in" || recipient == "make-way"|| recipient == "slip-from-top") { document.body.classList.add('anim-' + recipient); } }); animateModal.addEventListener('hidden.bs.modal', function (event) { removeClassByPrefix(animateModal, 'anim-'); removeClassByPrefix(document.body, 'anim-'); }); function removeClassByPrefix(node, prefix) { for (let i = 0; i < node.classList.length; i++) { let value = node.classList[i]; if (value.startsWith(prefix)) { node.classList.remove(value); } } }