Folder Preview Ideas with 3 types

This is some text. Will the second line wrap around? This is second line

Devi

This is some text. Will the second line wrap around? This is second line

Rudras

This is some text. Will the second line wrap around? This is second line

Ardra

Assets

Folder:  Folder Navigation Ideas
Page type:  No Header with header and footer codes Page Name Folder Pre-3

Footer Code:

<-- folder folder preview ideas -->
<!-- footer code for folder preview ideas start here -->
        <script src="http://ppaper.weebly.com/files/theme/anime.min.js"></script>
        <script src="http://ppaper.weebly.com/files/theme/charming.min.js"></script>
        <script src="http://ppaper.weebly.com/files/theme/main-folder.js"></script>
        <script>
        (function() {
            new DeviFx(document.querySelector('.content--devi .folder--devi'));
            new RudrasFx(document.querySelector('.content--rudras .folder--rudras'));
            new ArdraFx(document.querySelector('.content--ardra .folder--ardra'));
            new ShaktiFx(document.querySelector('.content--shakti .folder--shakti'));
            new KuberaFx(document.querySelector('.content--kubera .folder--kubera'));
            new HariFx(document.querySelector('.content--hari .folder--hari'));
            new RaviFx(document.querySelector('.content--ravi .folder--ravi'));
            new DurgaFx(document.querySelector('.content--durga .folder--durga'));
            new NandiFx(document.querySelector('.content--nandi .folder--nandi'));
        })();
        </script>
<!-- footer code for folder preiview ideas end here -->

Header Code:

<!-- folder preview ideas -->
<!-- header code for folder preview ideas starts here -->
        <link href="https://fonts.googleapis.com/css?family=Nunito+Sans:200,400,700" rel="stylesheet">
<!--        <link rel="stylesheet" type="text/css" href="http://ppaper.weebly.com/files/theme/normalize.css" /> -->
        <link rel="stylesheet" type="text/css" href="http://ppaper.weebly.com/files/theme/demo-folder.css" />
        <script>
            document.documentElement.className = 'js';
            function browserCanUseCssVariables() { return window.CSS && window.CSS.supports && window.CSS.supports('--fake-var', 0); }
            if (!browserCanUseCssVariables()) alert('Your browser does not support CSS Variables. Please use a modern browser to view this demo.');
        </script>
<!-- header code for folder preview ideas ends here -->