P Paper
  • Menu
  • Imersive video
  • Reveal1
  • Reveal2
  • Animated Intro
  • AOS-PDP-New
  • Sticky Footer
  • 3D grid
  • Vertical Fixed Nav
  • Vertical Fixed Nav2
  • Split Screen Reveal
  • On Load block revealer
  • On Scroll1
  • Modal Block reveal
  • Orgami Foldout Gallery
  • On Load blockX
  • Hover Slide
  • Grid Loading3
  • AOS Multistep
  • Onscroll-Orig
  • Border SVG Line
  • Samsung
  • HTML5 Video
  • Split Screen NEW1
  • Hover Tilt8N
  • Hover Tilt8-single
  • Horiz TimeLine
  • vert timeline
  • Vert Scroll timeline
  • Vline-Manoela
  • Split Screen rev 2 img
  • 10 Image Hover Effects
  • Rotate Icon
  • CSS Masked Transition
  • Hover Tilt Effect-N
  • Image Mask
  • SVG MOdal window
  • Border Animation SVG
  • BorderSVG1
  • Card Expansion
  • Multi Overlay
  • Hover Stack Motion
  • FAQ
  • responsive accordion
  • Smart Fixed Navigation
  • Vertical Fixed Nav1
  • Multiple Content Overlays
  • Card Expansion Pbrisk Apsara
  • Scroll Down Mouse SVG
  • Ex Bar Menu1
  • Ex Bar Menu2
  • Expanding Bar Menu3
  • Zoom
  • Hover Effect set1
  • Hover Stack 1row
  • Blend Double Exp
  • Cross Ref Table
  • Grid Load Animation
  • Split Page Layout
  • Team member bio
  • Responsive vertical tab
  • Product Comparision
  • Product Compare Manoela
  • Designer Developer Page
  • Header Play
  • Explodal
  • Explodal-New
  • Arti Intro Fixed Side
  • Arti intro side
  • Arti intro grid
  • Morphing Back
  • Morphing Back2a
  • Folder Preview Ideas
  • Folder Pre-3
  • Responsive Tabs-RTAB
  • Responsive Full Width Tab
  • Letter Interaction
  • Image Grid Demo1
  • lLittleSnippet1579
  • Split Screen rev 2a
  • Pointy Slider
  • Organic Morphing
  • Organic Morphing2
  • Buttons Baamboo
  • CSS Grid Slide Show
  • CSS Grid Slide Demo1
  • Sticky Top
  • Animated Pieces
  • Schedule Template
  • Animated Pieces Grid
  • Animated Pieces Gallery
  • M word Overlays
  • Hover Menu Items
  • Morphpage-d2
  • morphpage d-3
  • Back to top
  • Hover-menu-salal
  • Hover Menu-Yona
  • Hove Menu-Dustu
  • hover Menu Tsula
  • Menu hover Mohe
  • Morphing Back2aNew
  • Auto Hide Nav 3
  • indexap
    • servicesap
  • DragImageGrid
  • Split Layout
  • Deco Lines EX3
  • Organic SVG Morph
  • Team member bio1
  • Strechy Navigation
  • MENU Block revealer
  • Smart Fix Nav V1
  • lice Dual Demo1
  • Slice Demo1-Play
  • SVG Hero2
  • Slice Demo2-Play
  • Liquid D3
  • Grid Load Animation -shu
  • Quad Image
  • SVG Shape Overlay
  • Split Screen
  • xpandable Project Pres
  • Sliding Panel
  • Menu
  • Imersive video
  • Reveal1
  • Reveal2
  • Animated Intro
  • AOS-PDP-New
  • Sticky Footer
  • 3D grid
  • Vertical Fixed Nav
  • Vertical Fixed Nav2
  • Split Screen Reveal
  • On Load block revealer
  • On Scroll1
  • Modal Block reveal
  • Orgami Foldout Gallery
  • On Load blockX
  • Hover Slide
  • Grid Loading3
  • AOS Multistep
  • Onscroll-Orig
  • Border SVG Line
  • Samsung
  • HTML5 Video
  • Split Screen NEW1
  • Hover Tilt8N
  • Hover Tilt8-single
  • Horiz TimeLine
  • vert timeline
  • Vert Scroll timeline
  • Vline-Manoela
  • Split Screen rev 2 img
  • 10 Image Hover Effects
  • Rotate Icon
  • CSS Masked Transition
  • Hover Tilt Effect-N
  • Image Mask
  • SVG MOdal window
  • Border Animation SVG
  • BorderSVG1
  • Card Expansion
  • Multi Overlay
  • Hover Stack Motion
  • FAQ
  • responsive accordion
  • Smart Fixed Navigation
  • Vertical Fixed Nav1
  • Multiple Content Overlays
  • Card Expansion Pbrisk Apsara
  • Scroll Down Mouse SVG
  • Ex Bar Menu1
  • Ex Bar Menu2
  • Expanding Bar Menu3
  • Zoom
  • Hover Effect set1
  • Hover Stack 1row
  • Blend Double Exp
  • Cross Ref Table
  • Grid Load Animation
  • Split Page Layout
  • Team member bio
  • Responsive vertical tab
  • Product Comparision
  • Product Compare Manoela
  • Designer Developer Page
  • Header Play
  • Explodal
  • Explodal-New
  • Arti Intro Fixed Side
  • Arti intro side
  • Arti intro grid
  • Morphing Back
  • Morphing Back2a
  • Folder Preview Ideas
  • Folder Pre-3
  • Responsive Tabs-RTAB
  • Responsive Full Width Tab
  • Letter Interaction
  • Image Grid Demo1
  • lLittleSnippet1579
  • Split Screen rev 2a
  • Pointy Slider
  • Organic Morphing
  • Organic Morphing2
  • Buttons Baamboo
  • CSS Grid Slide Show
  • CSS Grid Slide Demo1
  • Sticky Top
  • Animated Pieces
  • Schedule Template
  • Animated Pieces Grid
  • Animated Pieces Gallery
  • M word Overlays
  • Hover Menu Items
  • Morphpage-d2
  • morphpage d-3
  • Back to top
  • Hover-menu-salal
  • Hover Menu-Yona
  • Hove Menu-Dustu
  • hover Menu Tsula
  • Menu hover Mohe
  • Morphing Back2aNew
  • Auto Hide Nav 3
  • indexap
    • servicesap
  • DragImageGrid
  • Split Layout
  • Deco Lines EX3
  • Organic SVG Morph
  • Team member bio1
  • Strechy Navigation
  • MENU Block revealer
  • Smart Fix Nav V1
  • lice Dual Demo1
  • Slice Demo1-Play
  • SVG Hero2
  • Slice Demo2-Play
  • Liquid D3
  • Grid Load Animation -shu
  • Quad Image
  • SVG Shape Overlay
  • Split Screen
  • xpandable Project Pres
  • Sliding Panel
Search by typing & pressing enter

YOUR CART

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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?

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

Powered by Create your own unique website with customizable templates.