Untitled

avatar
unknown
plain_text
2 years ago
3.4 kB
25
Indexable
<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
    <!-- Compiled and minified CSS -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
    <!-- Compiled and minified JavaScript -->
    <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/alertifyjs@1.13.1/build/css/alertify.min.css" />
    <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/alertifyjs@1.13.1/build/css/themes/bootstrap.min.css" />
</head>

<body>
    <div class="z-depth-4">
        <nav class="grey lighten-5">
            <div class="nav-wrapper">

                <a href="#" data-target="mobile-demo" class="sidenav-trigger black-text"><i class="material-icons">menu</i></a>
                <ul class="right">
                    <li><a href="#"><i class="material-icons black-text">view_module</i></a></li>
                    <li><a href="#"><i class="material-icons black-text">more_vert</i></a></li>
                </ul>
            </div>
        </nav>
    </div>

    <ul class="sidenav" id="mobile-demo">
        <li>
            <div class="user-view">
                <div class="background">
                    <img src="../imgs/background.jpg">
                </div>
                <a href="#user"><img class="circle" src="../imgs/user.jpg"></a>
                <a href="#name"><span class="white-text name">Your name</span></a>
                <a href="#email"><span class="white-text email">youremail@email.com</span></a>
            </div>
        </li>
        <li><a href="#!">Dashboard</a></li>
        <li><a href="employees.php">Customers</a></li>
        <li><a href="agents.php">Support</a></li>
        <li><a href="pages/items.php">Items</a></li>
        <li>
            <div class="divider"></div>
            <!-- <a class="sidenav-close grey-text" href="#">More</a> -->
            <ul class="collapsible">
                <li style="margin-left: 15px;">
                    <div class="collapsible-header">Others<i class="material-icons right">arrow_drop_down</i></div>
                    <div class="collapsible-body"><a class="black-text" href="departments.php">Departments</a></div>
                    <div class="collapsible-body"><a class="black-text" href="locations.php">Locations</a></div>
                    <div class="collapsible-body"><a class="black-text" href="#">Statuses</a></div>
                    <div class="collapsible-body"><a class="black-text" href="#">Availability</a></div>
                </li>

            </ul>
        </li>
        <div class="divider"></div>
        <li>
            <a class="sidenav-close grey-text" href="#">Transaction</a>
            <ul class="collapsible">
                <li>
                    <div class="collapsible-header">Subitem A</div>
                    <div class="collapsible-body"><a href="#">Subitem A</a></div>
                </li>
                <li>
                    <div class="collapsible-header">Subitem B</div>
                    <div class="collapsible-body"><a href="#">Subitem B</a></div>
                </li>

            </ul>
        </li>
    </ul>

    <!-- ************************************* -->

</body>

</html>
Editor is loading...
Leave a Comment