Simple File Manage Design by index.php

��

<!DOCTYPE html>
<html lang="en">

<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
<head>

<meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="keywords" content="">

<title>Wedding Theme</title>

<link href='http://fonts.googleapis.com/css?family=Quicksand:300,400,700' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Playfair+Display:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'>

<link rel="stylesheet" href="css/grid.css" media="all">
    <link rel="stylesheet" href="css/magnific-popup.css" media="all">
    <link rel="stylesheet" href="css/font-awesome.min.css" media="all">
    <link rel="stylesheet" href="css/animate.min.css" media="all">
    <link rel="stylesheet" href="css/style.css" media="all">

<link rel="shortcut icon" href="images/elements/favicon.ico">
    <link rel="apple-touch-icon" href="images/elements/apple-touch-icon.png"> 
    <link rel="apple-touch-icon" sizes="72x72" href="images/elements/apple-touch-icon-72x72.png" /> 
    <link rel="apple-touch-icon" sizes="114x114" href="images/elements/apple-touch-icon-114x114.png" />
    <link rel="apple-touch-icon" sizes="144x144" href="images/elements/apple-touch-icon-144x144.png" />
    <link rel="apple-touch-icon" sizes="180x180" href="images/elements/apple-touch-icon-180x180.png" />

<script src="js/jquery.min.js"></script>
    <script src="js/modernizr.js"></script>

</head>

<header class="fixed no-image">
        <a href="index-2.html" id="back-home">back to home</a>
        <div id="title">
            <div class="container">
                <div class="row">
                    <div class="column twelve">
                        <h1>Page Elements</h1>
                    </div>
                </div>
            </div>
        </div>
    </header>

<section id="page-content" class="no-image">
        <div class="container">
            <div class="row">
                <div class="column eight">
                    <h4>Tabs 1</h4>
                </div>
                <div class="column four">
                    <h4>Accordion</h4>
                </div>
            </div>
             <div class="row">
                <div class="column eight">
                    <div class="tabable">
                        <ul class="tabs">
                            <li>
                                <a href="#tab1">First</a>
                            </li>
                            <li>
                                <a href="#tab2">Second</a>
                            </li>
                            <li>
                                <a href="#tab3">Third</a>
                            </li>
                        </ul>
                        <div class="tab-content-wrap">
                            
                            <div id="tab1" class="tab-content">
                                <p>Dynamically coordinate go forward infrastructures through bricks and clicks awesome web services. Collaboratively whiteboard low risk high yield processes for client bttased markets. Dominate extensive markets before multimedia based relationships. Collaboratively whiteboard low-risk high yield processes for client bttased markets.</p>
                                <p>Phosfluorescently dominate extensive markets before multimedia based relationships. Collaboratively whiteboard low-risk high yield processes for client bttased markets.</p>
                            </div>
                            
                            
                            <div id="tab2" class="tab-content">
                                <p>Dynamically coordinate go forward infrastructures through bricks and clicks awesome web services. Collaboratively whiteboard low risk high yield processes for client bttased markets. Dominate extensive markets before multimedia based relationships. Collaboratively whiteboard low-risk high yield processes for client bttased markets.</p>
                            </div>
                            
                            
                            <div id="tab3" class="tab-content">
                                <p>Dynamically coordinate go forward infrastructures through bricks and clicks awesome web services. Collaboratively whiteboard low risk high yield processes for client bttased markets.</p>
                                <p>Phosfluorescently dominate extensive markets before multimedia based relationships. Collaboratively whiteboard low-risk high yield processes for client bttased markets.</p>
                            </div>
                            
                        </div>
                    </div>
                </div>
                <div class="column four">
                    <div class="accordion">
                        <div class="accordion-wrap">
                            <div class="title"><a href="#">First Title</a>
                            </div>
                            <div class="contents">
                                <p>
                                    While we will recommend you a few high-quality fonts in our documentation files, you can use any of hundreds Google Web Fonts which are free to use. Read more
                                </p>
                            </div>
                        </div>
                        <div class="accordion-wrap">
                            <div class="title"><a href="#">Second Title</a>
                            </div>
                            <div class="contents">
                                <p>
                                    It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.
                                </p>
                            </div>
                        </div>
                        <div class="accordion-wrap">
                            <div class="title"><a href="#">Third Title</a>
                            </div>
                            <div class="contents">
                                <p>
                                    It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.
                                </p>
                            </div>
                        </div>
                        <div class="accordion-wrap">
                            <div class="title"><a href="#">Fourth Title</a>
                            </div>
                            <div class="contents">
                                <p>
                                    It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.
                                </p>
                            </div>
                        </div>
                        <div class="accordion-wrap">
                            <div class="title"><a href="#">Fifth Title</a>
                            </div>
                            <div class="contents">
                                <p>
                                    It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="spacer"></div>
            <div class="row">
                <div class="column six">
                    <h4>Buttons - Big</h4>
                </div>
                <div class="column six">
                    <h4>Buttons - Small</h4>
                </div>
            </div>
            <div class="row">
                <div class="column six">
                    <a href="#" class="button lb">Button</a>
                    <a href="#" class="button lb"><i class="fa fa-coffee"></i>Button</a> <br/>
                    <a href="#" class="button lb fill">Button</a>
                    <a href="#" class="button lb fill"><i class="fa fa-car"></i>Button</a>
                </div>
                <div class="column six">
                    <a href="#" class="button">Button</a>
                    <a href="#" class="button"><i class="fa fa-heart"></i>Button</a> <br/>
                    <a href="#" class="button fill">Button</a>
                    <a href="#" class="button fill"><i class="fa fa-car"></i>Button</a>
                </div>
            </div>
            <div class="spacer"></div>
            <div class="row">
                <div class="column twelve">
                    <h4>Notifications</h4>
                </div>
            </div>
            <div class="row">
                <div class="column twelve">
                    <p class="successmsg">Success Notification used for notifying user when action is successful. (ex. Subscribing to mailing list)</p>
                    <p class="general">Message used for general information. (ex. Lorem Ipsum)</p>
                    <p class="notice">Notice Notification used for notifying user when action is successful. (ex. Subscribing to mailing list)</p>
                    <p class="errormsg">Error Alert used for notices. (ex. Lorem Ipsum)</p>
                </div>
            </div>
            <div class="spacer"></div>
            <div class="row">
                <div class="column twelve">
                    <h4>Lists</h4>
                </div>
            </div>
            <div class="row">
                <div class="column three">
                    <ul class="checked">
                        <li>Fully widgetized</li>
                        <li>Retina Ready</li>
                        <li>Various font options.</li>
                        <li>Includes Layers Slider.</li>
                        <li>Choose Font Awesome.</li>
                    </ul>
                </div>
                <div class="column three">
                    <ul class="arrow">
                        <li>Fully widgetized</li>
                        <li>Retina Ready</li>
                        <li>Various font options.</li>
                        <li>Includes Layers Slider.</li>
                        <li>Choose Font Awesome.</li>
                    </ul>
                </div>
                <div class="column three">
                    <ul class="circle">
                        <li>Fully widgetized</li>
                        <li>Retina Ready</li>
                        <li>Various font options.</li>
                        <li>Includes Layers Slider.</li>
                        <li>Choose Font Awesome.</li>
                    </ul>
                </div>
                <div class="column three">
                    <ul class="caret">
                        <li>Fully widgetized</li>
                        <li>Retina Ready</li>
                        <li>Various font options.</li>
                        <li>Includes Layers Slider.</li>
                        <li>Choose Font Awesome.</li>
                    </ul>
                </div>
            </div>
            <div class="spacer"></div>
            <div class="row">
                <div class="column twelve">
                    <h4>Headings</h4>
                </div>
            </div>
            <div class="row">
                <div class="column six">
                    <h1>HEADINGS 1</h1>
                    <h2>HEADINGS 2</h2>
                    <h3>HEADINGS 3</h3>
                    <h4>HEADINGS 4</h4>
                    <h5>HEADINGS 5</h5>
                    <h6>HEADINGS 6</h6>
                </div>
                <div class="column six">
                    <h1>Heading 1</h1>
                    <h2>Heading 2</h2>
                    <h3>Heading 3</h3>
                    <h4>Heading 4</h4>
                    <h5>Heading 5</h5>
                    <h6>Heading 6</h6>
                </div>
            </div>
            <div class="spacer"></div>
            <div class="row">
                <div class="column twelve">
                    <h4>BlockQuote</h4>
                </div>
            </div>
            <div class="row">
                <div class="column twelve">
                    <blockquote>"Progressively promote enterprise opportunities via quality web services. Monotonectally implement awesome innovative models through long-term high impact functionalities and data visualisation."</blockquote>
                </div>
            </div>
            <div class="spacer"></div>
            <div class="row">
                <div class="column twelve">
                    <h4>Links and Highlights</h4>
                </div>
            </div>
            <div class="row">
                <div class="column twelve">
                    <p>Dynamically coordinate go forward <a href="#">infostructure</a> through bricks and clicks
                        <span class="fill">awesome web services</span>. Collaboratively whiteboard low risk high yield processes for client bttased markets. Dominate extensive markets before multimedia based relationships. Collaboratively whiteboard low-risk high yield processes for client bttased markets. Phosfluorescently dominate extensive markets before multimedia based relationships. Collaboratively whiteboard low-risk high yield processes for client bttased markets.</p>
                </div>
            </div>
        </div>
    </section>

<footer>
        <div class="container">
            <div class="row">
                <div class="column four copyright">Theme made by <a href="#">logicathemes.com</a></div>
                <div class="column four logo">N<span>&</span>R</div>
                <div class="column four info">Photos by John Doe</div>
            </div>
        </div>
    </footer>

<script src="js/device.min.js"></script>
    <script src="js/imagesloaded.pkgd.js"></script>
    <script src="js/SmoothScroll.js"></script>
    <script src="js/isotope.js"></script>
    <script src="js/jquery.isotope.sloppy-masonry.min.js"></script>
    <script src="js/jquery.parallax.min.js"></script>
    <script src="js/jquery.scrollTo.js"></script>
    <script src="js/waypoints.min.js"></script>
    <script src="js/jquery.mb.YTPlayer.js"></script>
    <script src="js/jquery.magnific-popup.min.js"></script>
    <script src="js/wow.min.js"></script>
    <script src="js/retina.min.js"></script>
    <script src="js/jquery.soc-share.js"></script>
    <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyASm3CwaK9qtcZEWYa-iQwHaGi3gcosAJc&amp;sensor=false"></script>
    <script src="js/custom.js"></script>
    <script src="js/panel.js"></script> 
    <script>
      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
      })(window,document,'script','../../www.google-analytics.com/analytics.js','ga');

ga('create', 'UA-55755934-2', 'auto');
      ga('send', 'pageview');

</script>
</body>

</html>