ASSETS

Folder Block revealer
Page type: No header with footer and header codes

files:

Header files:

<!-- folder Block Revealer -->
<!-- Header code block reveler - split screen starts here -->
        <link href="https://fonts.googleapis.com/css?family=Inconsolata:400,700|Poppins:700" rel="stylesheet">
<!--        <link rel="stylesheet" type="text/css" href="css/normalize.css" /> -->
        <link rel="stylesheet" type="text/css" href="http://ppaper.weebly.com/files/theme/demo-block.css" />
        <link rel="stylesheet" type="text/css" href="http://ppaper.weebly.com/files/theme/revealer-block.css" />
        <link rel="stylesheet" type="text/css" href="http://ppaper.weebly.com/files/theme/pater.css" />
        <script>document.documentElement.className = 'js';</script>
<!-- header code for block reveler - split screen ends here -->

Footer files:
<!-- folder block revealer -->
<!-- footer code for block revealer starts here -->
        <script src="http://ppaper.weebly.com/files/theme/anime.min.js"></script>
        <script src="http://ppaper.weebly.com/files/theme/main-block.js"></script>
        <script>
        (function() {
            var modalEl = document.querySelector('.modal'),
                revealer = new RevealFx(modalEl),
                deleteCtrl = modalEl.querySelector('.btn--default'),
                closeCtrl = modalEl.querySelector('.btn--modal-close');

            document.querySelector('.btn--modal-open').addEventListener('click', function() {
                modalEl.classList.add('modal--open');
                revealer.reveal({
                    bgcolor: '#7f40f1',
                    direction: 'tb',
                    duration: 400,
                    easing: 'easeOutCirc',
                    onCover: function(contentEl, revealerEl) {
                        contentEl.style.opacity = 1;
                    },
                    onComplete: function() {
                        closeCtrl.addEventListener('click', closeModal);
                        deleteCtrl.addEventListener('click', closeModal);
                    }
                });
            });

            function closeModal(ev) {
                closeCtrl.removeEventListener('click', closeModal);
                deleteCtrl.removeEventListener('click', closeModal);
                modalEl.classList.remove('modal--open');
                revealer.reveal({
                    bgcolor: ev.target.classList.contains('btn--modal-close') ? '#7f40f1' : '#40f180',
                    direction: 'bt',
                    duration: ev.target.classList.contains('btn--modal-close') ? 200 : 400,
                    easing: 'easeOutCirc',
                    onCover: function(contentEl, revealerEl) {
                        contentEl.style.opacity = 0;
                    },
                    onComplete: function() {
                        modalEl.classList.remove('modal--open');
                    }
                });
            }
        })();
        </script>
<!-- footer code for block revealer modal ends here -->

Older Modal Pops

Share

Effect 5

Modal Dialog two Effect 5

This is a modal window Effect 5. You can do the following things with it:

• I Play too
• I sleep too
• Effect 5

Click to close!

Side falling away from sky

---

Effect 1

Modal Dialog two Effect 1

This is a modal window Effect 1. You can do the following things with it:

• I Play too
• I sleep too
• Effect 1

Click to close!

Effect 1

---

Effect 2

Modal Dialog two Effect 2

This is a modal window Effect 2. You can do the following things with it:

• I Play too
• I sleep too
• Effect 2

Click to close!

Effect 2

---

Effect 3

Modal Dialog two Effect 3

This is a modal window Effect 3. You can do the following things with it:

• I Play too
• I sleep too
• Effect 3

Click to close!

Effect 3

---

Effect 4

Modal Dialog two Effect 4

This is a modal window Effect 4. You can do the following things with it:

• I Play too
• I sleep too
• Effect 4

Click to close!

Effect 4

---

Effect 5

Modal Dialog two Effect 5

This is a modal window Effect 5. You can do the following things with it:

• I Play too
• I sleep too
• Effect 5

Click to close!

Effect 5

---

Effect 7

Modal Dialog two Effect 7

This is a modal window Effect 7. You can do the following things with it:

• I Play too
• I sleep too
• Effect 7

Click to close!

Effect 7

---

Effect 8

Modal Dialog two Effect 8

This is a modal window Effect 8. You can do the following things with it:

• I Play too
• I sleep too
• Effect 8

Click to close!

Effect 8

---

Effect 9

Modal Dialog two Effect 9

This is a modal window Effect 9. You can do the following things with it:

• I Play too
• I sleep too
• Effect 9

Click to close!

Effect 9

---

Effect 10

Modal Dialog two Effect 10

This is a modal window Effect 10. You can do the following things with it:

• I Play too
• I sleep too
• Effect 10

Click to close!

Effect 10

---

Effect 11

Modal Dialog two Effect 11

This is a modal window Effect 11. You can do the following things with it:

• I Play too
• I sleep too
• Effect 11

Click to close!

Effect 11

---

Effect 12

Modal Dialog two Effect 12

This is a modal window Effect 12. You can do the following things with it:

• I Play too
• I sleep too
• Effect 12

Click to close!

Effect 12

---

Effect 13

Modal Dialog two Effect 13

This is a modal window Effect 13. You can do the following things with it:

• I Play too
• I sleep too
• Effect 13

Click to close!

Effect 13

---

Effect 14

Modal Dialog two Effect 14

This is a modal window Effect 14. You can do the following things with it:

• I Play too
• I sleep too
• Effect 14

Click to close!

Effect 14

---

Effect 15

Modal Dialog two Effect 15

This is a modal window Effect 15. You can do the following things with it:

• I Play too
• I sleep too
• Effect 15

Click to close!

Effect 15

---

Effect 16

Modal Dialog two Effect 16

This is a modal window Effect 16. You can do the following things with it:

• I Play too
• I sleep too
• Effect 16

Click to close!

Effect 16

Delete all my data

If you decide to delete all your data, we will retain no backup and everything will be lost forever. and happy days are here again and happy days are here again.
Do you know any other song that that?

Delete all

Seriously?!

Are you sure you want to delete ALL your data from the database? All of this stuff will be thrown away. Will you be happy? if you are going to be sad click cancel. If you are going to be happy

Close Cancel