<!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"> <link rel="stylesheet" href="/assets/cp/styles.css"> <title>Fave 1.0.1</title> <link rel="shortcut icon" href="/assets/sys/fave.ico" type="image/x-icon" /> </head> <body class="cp cp-sidebar-left cp-sidebar-right"> <div class="modal fade" id="sys-modal-user-settings" tabindex="-1" role="dialog" aria-labelledby="sysModalUserSettingsLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-content"> <form class="form-user-settings" action="/cp/" method="post" autocomplete="off"> <input type="hidden" name="action" value="usersettings"> <input type="hidden" name="id" value="1"> <div class="modal-header"> <h5 class="modal-title" id="sysModalUserSettingsLabel">Settings</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body text-left"> <div class="form-group"> <label for="first_name">User first name</label> <input type="text" class="form-control" id="first_name" name="first_name" placeholder="User first name" autocomplete="off"> </div> <div class="form-group"> <label for="last_name">User last name</label> <input type="text" class="form-control" id="last_name" name="last_name" placeholder="User last name" autocomplete="off"> </div> <div class="form-group"> <label for="email">User email</label> <input type="email" class="form-control" id="email" name="email" placeholder="User email" autocomplete="off" required> </div> <div class="form-group"> <label for="password">User new password</label> <input type="password" class="form-control" id="password" name="password" placeholder="User new password" autocomplete="off"> </div> </div> <div class="modal-footer"> <button type="submit" class="btn btn-primary">Save changes</button> <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button> </div> </form> </div> </div> </div> <nav class="navbar main navbar-expand-md navbar-dark fixed-top bg-dark"> <a class="navbar-brand" href="/">Fave 1.0.1</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="javascript:;" 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 active" href="#">Pages</a> </div> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="javascript:;" 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="javascript:;" id="nbAccountDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <img class="rounded-circle" src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==">admin@admin.com </a> <div class="dropdown-menu dropdown-menu-right" aria-labelledby="nbAccountDropdown"> <a class="dropdown-item" href="#" data-toggle="modal" data-target="#sys-modal-user-settings">Settings</a> <div class="dropdown-divider"></div> <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"> <ul class="nav flex-column"> <li class="nav-item active"> <a class="nav-link" href="#">Pages</a> <ul class="nav flex-column"> <li class="nav-item active"> <a class="nav-link" href="#">List of pages</a> </li> <li class="nav-item"> <a class="nav-link" href="#">Add new page</a> </li> </ul> </li> <li class="nav-item"> <a class="nav-link" href="#">Link 2</a> </li> <li class="nav-item"> <a class="nav-link" href="#">Link 3</a> </li> <li class="nav-item"> <a class="nav-link" href="#">Link 4</a> </li> </ul> </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> <script src="/assets/cp/scripts.js"></script> </body> </html>