123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167 |
- <!doctype html>
- <html lang="en">
- <head>
- <meta charset="utf-8">
- <meta name="theme-color" content="#205081" />
- <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-
- <link rel="stylesheet" href="/assets/sys/bootstrap.css">
- <link rel="stylesheet" href="/assets/sys/styles.css">
- <style type="text/css">
- body.cp {
- background: initial;
- background-color: #fff;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
- font-size: 1rem;
- font-weight: 400;
- line-height: 1.5;
- color: #212529;
- width: 100%;
- height: 100%;
- overflow: hidden;
- }
- body.cp nav.main {
- height: 56px;
- }
- body.cp .wrap {
- display: table;
- align-items: stretch;
- width: 100%;
- height: 100%;
- }
- body.cp .wrap .sidebar,
- body.cp .wrap .content {
- display: table-cell;
- padding-top: 56px;
- position: relative;
- }
- body.cp .wrap .sidebar .padd,
- body.cp .wrap .content .padd {
- padding: .5rem 1rem;
- }
- body.cp .wrap .scroll {
- height: 100%;
- overflow: hidden;
- overflow-y: auto;
- }
- body.cp .wrap .sidebar {
- background: #eee;
- width: 245px;
- box-shadow: 0 0.5em 0.5em rgba(0,0,0,.3);
- }
- body.cp .wrap .content {
- /**/
- }
- body.cp .wrap .sidebar.sidebar-right {
- /**/
- }
- </style>
- <title>Control Panel</title>
- <link rel="shortcut icon" href="/assets/sys/fave.ico" type="image/x-icon" />
- </head>
- <body class="cp">
- <nav class="navbar main navbar-expand-md navbar-dark fixed-top bg-dark">
- <a class="navbar-brand" href="/">Control Panel</a>
- <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
- <span class="navbar-toggler-icon"></span>
- </button>
- <div class="collapse navbar-collapse" id="navbarCollapse">
- <ul class="navbar-nav mr-auto">
- <li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle" href="#" id="nbModulesDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
- Modules
- </a>
- <div class="dropdown-menu" aria-labelledby="nbModulesDropdown">
- <a class="dropdown-item" href="#">Pages</a>
- </div>
- </li>
- <li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle" href="#" id="nbSystemDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
- System
- </a>
- <div class="dropdown-menu" aria-labelledby="nbSystemDropdown">
- <a class="dropdown-item" href="#">Users</a>
- <div class="dropdown-divider"></div>
- <a class="dropdown-item" href="#">Settings</a>
- </div>
- </li>
- </ul>
- <ul class="navbar-nav ml-auto">
- <li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle" href="#" id="nbAccountDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
- example@example.com
- </a>
- <div class="dropdown-menu dropdown-menu-right" aria-labelledby="nbAccountDropdown">
- <a class="dropdown-item" href="#">Change password</a>
- <div class="dropdown-divider"></div>
- <a class="dropdown-item" href="#">Settings</a>
- <a class="dropdown-item" href="#">Sing out</a>
- </div>
- </li>
- </ul>
- </div>
- </nav>
- <div class="wrap">
- <div class="sidebar sidebar-left">
- <div class="scroll">
- <div class="padd">
- Sidebar left<br />Sidebar left<br />Sidebar left<br />Sidebar left<br />Sidebar left<br />
- Sidebar left<br />Sidebar left<br />Sidebar left<br />Sidebar left<br />Sidebar left<br />
- Sidebar left<br />Sidebar left<br />Sidebar left<br />Sidebar left<br />Sidebar left<br />
- Sidebar left<br />Sidebar left<br />Sidebar left<br />Sidebar left<br />Sidebar left<br />
- Sidebar left<br />Sidebar left<br />Sidebar left<br />Sidebar left<br />Sidebar left<br />
- Sidebar left<br />Sidebar left<br />Sidebar left<br />Sidebar left<br />Sidebar left<br />
- Sidebar left<br />Sidebar left<br />Sidebar left<br />Sidebar left<br />Sidebar left<br />
- Sidebar left<br />Sidebar left<br />Sidebar left<br />Sidebar left<br />Sidebar left<br />
- Sidebar left<br />Sidebar left<br />Sidebar left<br />Sidebar left<br />Sidebar left<br />
- </div>
- </div>
- </div>
- <div class="content">
- <div class="scroll">
- <div class="padd">
- Start. Some content<br />Some content<br />Some content<br />Some content<br />Some content<br />
- Some content<br />Some content<br />Some content<br />Some content<br />Some content<br />
- Some content<br />Some content<br />Some content<br />Some content<br />Some content<br />
- Some content<br />Some content<br />Some content<br />Some content<br />Some content<br />
- Some content<br />Some content<br />Some content<br />Some content<br />Some content<br />
- Some content<br />Some content<br />Some content<br />Some content<br />Some content<br />
- Some content<br />Some content<br />Some content<br />Some content<br />Some content<br />
- Some content<br />Some content<br />Some content<br />Some content<br />Some content<br />
- Some content<br />Some content<br />Some content<br />Some content<br />Some content<br />
- Some content<br />Some content<br />Some content<br />Some content<br />Some content. End.
- </div>
- </div>
- </div>
- <div class="sidebar sidebar-right">
- <div class="scroll">
- <div class="padd">
- Sidebar right<br />Sidebar right<br />Sidebar right<br />Sidebar right<br />Sidebar right<br />
- Sidebar right<br />Sidebar right<br />Sidebar right<br />Sidebar right<br />Sidebar right<br />
- Sidebar right<br />Sidebar right<br />Sidebar right<br />Sidebar right<br />Sidebar right<br />
- Sidebar right<br />Sidebar right<br />Sidebar right<br />Sidebar right<br />Sidebar right<br />
- Sidebar right<br />Sidebar right<br />Sidebar right<br />Sidebar right<br />Sidebar right<br />
- Sidebar right<br />Sidebar right<br />Sidebar right<br />Sidebar right<br />Sidebar right<br />
- Sidebar right<br />Sidebar right<br />Sidebar right<br />Sidebar right<br />Sidebar right<br />
- Sidebar right<br />Sidebar right<br />Sidebar right<br />Sidebar right<br />Sidebar right<br />
- Sidebar right<br />Sidebar right<br />Sidebar right<br />Sidebar right<br />Sidebar right<br />
- Sidebar right<br />Sidebar right<br />Sidebar right<br />Sidebar right<br />Sidebar right<br />
- </div>
- </div>
- </div>
- </div>
- <script src="/assets/sys/jquery.js"></script>
- <script src="/assets/sys/popper.js"></script>
- <script src="/assets/sys/bootstrap.js"></script>
- </body>
- </html>
|