<!DOCTYPE html>
<!--
This is a starter template page. Use this page to start your new project from
scratch. This page gets rid of all links and provides the needed markup only.
-->
< html lang = "en" >
< head >
< meta charset = "utf-8" >
< meta name = "viewport" content = "width=device-width, initial-scale=1" >
< meta http-equiv = "x-ua-compatible" content = "ie=edge" >
< title > AdminLTE 3 | Top Navigation + Sidebar< / title >
<!-- Font Awesome Icons -->
< link rel = "stylesheet" href = "../../plugins/fontawesome-free/css/all.min.css" >
<!-- Theme style -->
< link rel = "stylesheet" href = "../../dist/css/adminlte.min.css" >
<!-- Google Font: Source Sans Pro -->
< link href = "https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700" rel = "stylesheet" >
< / head >
< body class = "hold-transition sidebar-collapse layout-top-nav" >
< div class = "wrapper" >
<!-- Navbar -->
< nav class = "main-header navbar navbar-expand-md navbar-light navbar-white" >
< div class = "container" >
< a href = "../../index3.html" class = "navbar-brand" >
< img src = "../../dist/img/AdminLTELogo.png" alt = "AdminLTE Logo" class = "brand-image img-circle elevation-3"
style="opacity: .8">
< span class = "brand-text font-weight-light" > AdminLTE 3< / span >
< / a >
< button class = "navbar-toggler order-1" 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 order-3" id = "navbarCollapse" >
<!-- Left navbar links -->
< ul class = "navbar-nav" >
< li class = "nav-item" >
< a class = "nav-link" data-widget = "pushmenu" href = "#" role = "button" > < i class = "fas fa-bars" > < / i > < / a >
< / li >
< li class = "nav-item" >
< a href = "index3.html" class = "nav-link" > Home< / a >
< / li >
< li class = "nav-item" >
< a href = "#" class = "nav-link" > Contact< / a >
< / li >
< li class = "nav-item dropdown" >
< a id = "dropdownSubMenu1" href = "#" data-toggle = "dropdown" aria-haspopup = "true" aria-expanded = "false" class = "nav-link dropdown-toggle" > Dropdown< / a >
< ul aria-labelledby = "dropdownSubMenu1" class = "dropdown-menu border-0 shadow" >
< li > < a href = "#" class = "dropdown-item" > Some action < / a > < / li >
< li > < a href = "#" class = "dropdown-item" > Some other action< / a > < / li >
< li class = "dropdown-divider" > < / li >
<!-- Level two dropdown -->
< li class = "dropdown-submenu dropdown-hover" >
< a id = "dropdownSubMenu2" href = "#" role = "button" data-toggle = "dropdown" aria-haspopup = "true" aria-expanded = "false" class = "dropdown-item dropdown-toggle" > Hover for action< / a >
< ul aria-labelledby = "dropdownSubMenu2" class = "dropdown-menu border-0 shadow" >
< li >
< a tabindex = "-1" href = "#" class = "dropdown-item" > level 2< / a >
< / li >
<!-- Level three dropdown -->
< li class = "dropdown-submenu" >
< a id = "dropdownSubMenu3" href = "#" role = "button" data-toggle = "dropdown" aria-haspopup = "true" aria-expanded = "false" class = "dropdown-item dropdown-toggle" > level 2< / a >
< ul aria-labelledby = "dropdownSubMenu3" class = "dropdown-menu border-0 shadow" >
< li > < a href = "#" class = "dropdown-item" > 3rd level< / a > < / li >
< li > < a href = "#" class = "dropdown-item" > 3rd level< / a > < / li >
< / ul >
< / li >
<!-- End Level three -->
< li > < a href = "#" class = "dropdown-item" > level 2< / a > < / li >
< li > < a href = "#" class = "dropdown-item" > level 2< / a > < / li >
< / ul >
< / li >
<!-- End Level two -->
< / ul >
< / li >
< / ul >
<!-- SEARCH FORM -->
< form class = "form-inline ml-0 ml-md-3" >
< div class = "input-group input-group-sm" >
< input class = "form-control form-control-navbar" type = "search" placeholder = "Search" aria-label = "Search" >
< div class = "input-group-append" >
< button class = "btn btn-navbar" type = "submit" >
< i class = "fas fa-search" > < / i >
< / button >
< / div >
< / div >
< / form >
< / div >
<!-- Right navbar links -->
< ul class = "order-1 order-md-3 navbar-nav navbar-no-expand ml-auto" >
<!-- Messages Dropdown Menu -->
< li class = "nav-item dropdown" >
< a class = "nav-link" data-toggle = "dropdown" href = "#" >
< i class = "fas fa-comments" > < / i >
< span class = "badge badge-danger navbar-badge" > 3< / span >
< / a >
< div class = "dropdown-menu dropdown-menu-lg dropdown-menu-right" >
< a href = "#" class = "dropdown-item" >
<!-- Message Start -->
< div class = "media" >
< img src = "../../dist/img/user1-128x128.jpg" alt = "User Avatar" class = "img-size-50 mr-3 img-circle" >
< div class = "media-body" >
< h3 class = "dropdown-item-title" >
Brad Diesel
< span class = "float-right text-sm text-danger" > < i class = "fas fa-star" > < / i > < / span >
< / h3 >
< p class = "text-sm" > Call me whenever you can...< / p >
< p class = "text-sm text-muted" > < i class = "far fa-clock mr-1" > < / i > 4 Hours Ago< / p >
< / div >
< / div >
<!-- Message End -->
< / a >
< div class = "dropdown-divider" > < / div >
< a href = "#" class = "dropdown-item" >
<!-- Message Start -->
< div class = "media" >
< img src = "../../dist/img/user8-128x128.jpg" alt = "User Avatar" class = "img-size-50 img-circle mr-3" >
< div class = "media-body" >
< h3 class = "dropdown-item-title" >
John Pierce
< span class = "float-right text-sm text-muted" > < i class = "fas fa-star" > < / i > < / span >
< / h3 >
< p class = "text-sm" > I got your message bro< / p >
< p class = "text-sm text-muted" > < i class = "far fa-clock mr-1" > < / i > 4 Hours Ago< / p >
< / div >
< / div >
<!-- Message End -->
< / a >
< div class = "dropdown-divider" > < / div >
< a href = "#" class = "dropdown-item" >
<!-- Message Start -->
< div class = "media" >
< img src = "../../dist/img/user3-128x128.jpg" alt = "User Avatar" class = "img-size-50 img-circle mr-3" >
< div class = "media-body" >
< h3 class = "dropdown-item-title" >
Nora Silvester
< span class = "float-right text-sm text-warning" > < i class = "fas fa-star" > < / i > < / span >
< / h3 >
< p class = "text-sm" > The subject goes here< / p >
< p class = "text-sm text-muted" > < i class = "far fa-clock mr-1" > < / i > 4 Hours Ago< / p >
< / div >
< / div >
<!-- Message End -->
< / a >
< div class = "dropdown-divider" > < / div >
< a href = "#" class = "dropdown-item dropdown-footer" > See All Messages< / a >
< / div >
< / li >
<!-- Notifications Dropdown Menu -->
< li class = "nav-item dropdown" >
< a class = "nav-link" data-toggle = "dropdown" href = "#" >
< i class = "far fa-bell" > < / i >
< span class = "badge badge-warning navbar-badge" > 15< / span >
< / a >
< div class = "dropdown-menu dropdown-menu-lg dropdown-menu-right" >
< span class = "dropdown-header" > 15 Notifications< / span >
< div class = "dropdown-divider" > < / div >
< a href = "#" class = "dropdown-item" >
< i class = "fas fa-envelope mr-2" > < / i > 4 new messages
< span class = "float-right text-muted text-sm" > 3 mins< / span >
< / a >
< div class = "dropdown-divider" > < / div >
< a href = "#" class = "dropdown-item" >
< i class = "fas fa-users mr-2" > < / i > 8 friend requests
< span class = "float-right text-muted text-sm" > 12 hours< / span >
< / a >
< div class = "dropdown-divider" > < / div >
< a href = "#" class = "dropdown-item" >
< i class = "fas fa-file mr-2" > < / i > 3 new reports
< span class = "float-right text-muted text-sm" > 2 days< / span >
< / a >
< div class = "dropdown-divider" > < / div >
< a href = "#" class = "dropdown-item dropdown-footer" > See All Notifications< / a >
< / div >
< / li >
< li class = "nav-item" >
< a class = "nav-link" data-widget = "control-sidebar" data-slide = "true" href = "#" role = "button" > < i
class="fas fa-th-large">< / i > < / a >
< / li >
< / ul >
< / div >
< / nav >
<!-- /.navbar -->
<!-- Main Sidebar Container -->
< aside class = "main-sidebar sidebar-dark-primary elevation-4" >
<!-- Brand Logo -->
< a href = "../../index3.html" class = "brand-link" >
< img src = "../../dist/img/AdminLTELogo.png"
alt="AdminLTE Logo"
class="brand-image img-circle elevation-3"
style="opacity: .8">
< span class = "brand-text font-weight-light" > AdminLTE 3< / span >
< / a >
<!-- Sidebar -->
< div class = "sidebar" >
<!-- Sidebar user (optional) -->
< div class = "user-panel mt-3 pb-3 mb-3 d-flex" >
< div class = "image" >
< img src = "../../dist/img/user2-160x160.jpg" class = "img-circle elevation-2" alt = "User Image" >
< / div >
< div class = "info" >
< a href = "#" class = "d-block" > Alexander Pierce< / a >
< / div >
< / div >
<!-- Sidebar Menu -->
< nav class = "mt-2" >
< ul class = "nav nav-pills nav-sidebar flex-column" data-widget = "treeview" role = "menu" data-accordion = "false" >
<!-- Add icons to the links using the .nav - icon class
with font-awesome or any other icon font library -->
< li class = "nav-item has-treeview" >
< a href = "#" class = "nav-link" >
< i class = "nav-icon fas fa-tachometer-alt" > < / i >
< p >
Dashboard
< i class = "right fas fa-angle-left" > < / i >
< / p >
< / a >
< ul class = "nav nav-treeview" >
< li class = "nav-item" >
< a href = "../../index.html" class = "nav-link" >
< i class = "far fa-circle nav-icon" > < / i >
< p > Dashboard v1< / p >
< / a >
< / li >
< li class = "nav-item" >
< a href = "../../index2.html" class = "nav-link" >
< i class = "far fa-circle nav-icon" > < / i >
< p > Dashboard v2< / p >
< / a >
< / li >
< li class = "nav-item" >
< a href = "../../index3.html" class = "nav-link" >
< i class = "far fa-circle nav-icon" > < / i >
< p > Dashboard v3< / p >
< / a >
< / li >
< / ul >
< / li >
< li class = "nav-item" >
< a href = "../widgets.html" class = "nav-link" >
< i class = "nav-icon fas fa-th" > < / i >
< p >
Widgets
< span class = "right badge badge-danger" > New< / span >
< / p >
< / a >
< / li >
< li class = "nav-item has-treeview menu-open" >
< a href = "#" class = "nav-link active" >
< i class = "nav-icon fas fa-copy" > < / i >
< p >
Layout Options
< i class = "fas fa-angle-left right" > < / i >
< span class = "badge badge-info right" > 6< / span >
< / p >
< / a >
< ul class = "nav nav-treeview" >
< li class = "nav-item" >
< a href = "../layout/top-nav.html" class = "nav-link" >
< i class = "far fa-circle nav-icon" > < / i >
< p > Top Navigation< / p >
< / a >
< / li >
< li class = "nav-item" >
< a href = "../layout/top-nav-sidebar.html" class = "nav-link active" >
< i class = "far fa-circle nav-icon" > < / i >
< p > Top Navigation + Sidebar< / p >
< / a >
< / li >
< li class = "nav-item" >
< a href = "../layout/boxed.html" class = "nav-link" >
< i class = "far fa-circle nav-icon" > < / i >
< p > Boxed< / p >
< / a >
< / li >
< li class = "nav-item" >
< a href = "../layout/fixed-sidebar.html" class = "nav-link" >
< i class = "far fa-circle nav-icon" > < / i >
< p > Fixed Sidebar< / p >
< / a >
< / li >
< li class = "nav-item" >
< a href = "../layout/fixed-topnav.html" class = "nav-link" >
< i class = "far fa-circle nav-icon" > < / i >
< p > Fixed Navbar< / p >
< / a >
< / li >
< li class = "nav-item" >
< a href = "../layout/fixed-footer.html" class = "nav-link" >
< i class = "far fa-circle nav-icon" > < / i >
< p > Fixed Footer< / p >
< / a >
< / li >
< li class = "nav-item" >
< a href = "../layout/collapsed-sidebar.html" class = "nav-link" >
< i class = "far fa-circle nav-icon" > < / i >
< p > Collapsed Sidebar< / p >
< / a >
< / li >
< / ul >
< / li >
< li class = "nav-item has-treeview" >
< a href = "#" class = "nav-link" >
< i class = "nav-icon fas fa-chart-pie" > < / i >
< p >
Charts
< i class = "right fas fa-angle-left" > < / i >
< / p >
< / a >
< ul class = "nav nav-treeview" >
< li class = "nav-item" >
< a href = "../charts/chartjs.html" class = "nav-link" >
< i class = "far fa-circle nav-icon" > < / i >
< p > ChartJS< / p >
< / a >
< / li >
< li class = "nav-item" >
< a href = "../charts/flot.html" class = "nav-link" >
< i class = "far fa-circle nav-icon" > < / i >
< p > Flot< / p >
< / a >
< / li >
< li class = "nav-item" >
< a href = "../charts/inline.html" class = "nav-link" >
< i class = "far fa-circle nav-icon" > < / i >
< p > Inline< / p >
< / a >
< / li >
< / ul >
< / li >
< li class = "nav-item has-treeview" >
< a href = "#" class = "nav-link" >
< i class = "nav-icon fas fa-tree" > < / i >
< p >
UI Elements
< i class = "fas fa-angle-left right" > < / i >
< / p >
< / a >
< ul class = "nav nav-treeview" >
< li class = "nav-item" >
< a href = "../UI/general.html" class = "nav-link" >
< i class = "far fa-circle nav-icon" > < / i >
< p > General< / p >
< / a >
< / li >
< li class = "nav-item" >
< a href = "../UI/icons.html" class = "nav-link" >
< i class = "far fa-circle nav-icon" > < / i >
< p > Icons< / p >
< / a >
< / li >
< li class = "nav-item" >
< a href = "../UI/buttons.html" class = "nav-link" >
< i class = "far fa-circle nav-icon" > < / i >
< p > Buttons< / p >
< / a >
< / li >
< li class = "nav-item" >
< a href = "../UI/sliders.html" class = "nav-link" >
< i class = "far fa-circle nav-icon" > < / i >
< p > Sliders< / p >
< / a >
< / li >
< li class = "nav-item" >
< a href = "../UI/modals.html" class = "nav-link" >
< i class = "far fa-circle nav-icon" > < / i >
< p > Modals & Alerts< / p >
< / a >
< / li >
< li class = "nav-item" >
< a href = "../UI/navbar.html" class = "nav-link" >
< i class = "far fa-circle nav-icon" > < / i >
< p > Navbar & Tabs< / p >
< / a >
< / li >
< li class = "nav-item" >
< a href = "../UI/timeline.html" class = "nav-link" >
< i class = "far fa-circle nav-icon" > < / i >
< p > Timeline< / p >
< / a >
< / li >
< li class = "nav-item" >
< a href = "../UI/ribbons.html" class = "nav-link" >
< i class = "far fa-circle nav-icon" > < / i >
< p > Ribbons< / p >
< / a >
< / li >
< / ul >
< / li >
< li class = "nav-item has-treeview" >
< a href = "#" class = "nav-link" >
< i class = "nav-icon fas fa-edit" > < / i >
< p >
Forms
< i class = "fas fa-angle-left right" > < / i >
< / p >
< / a >
< ul class = "nav nav-treeview" >
< li class = "nav-item" >
< a href = "../forms/general.html" class = "nav-link" >
< i class = "far fa-circle nav-icon" > < / i >
< p > General Elements< / p >
< / a >
< / li >
< li class = "nav-item" >
< a href = "../forms/advanced.html" class = "nav-link" >
< i class = "far fa-circle nav-icon" > < / i >
< p > Advanced Elements< / p >
< / a >
< / li >
< li class = "nav-item" >
< a href = "../forms/editors.html" class = "nav-link" >
< i class = "far fa-circle nav-icon" > < / i >
< p > Editors< / p >
< / a >
< / li >
< li class = "nav-item" >
< a href = "../forms/validation.html" class = "nav-link" >
< i class = "far fa-circle nav-icon" > < / i >
< p > Validation< / p >
< / a >
< / li >
< / ul >
< / li >
< li class = "nav-item has-treeview" >
< a href = "#" class = "nav-link" >
< i class = "nav-icon fas fa-table" > < / i >
< p >
Tables
< i class = "fas fa-angle-left right" > < / i >
< / p >
< / a >
< ul class = "nav nav-treeview" >
< li class = "nav-item" >
< a href = "../tables/simple.html" class = "nav-link" >
< i class = "far fa-circle nav-icon" > < / i >
< p > Simple Tables< / p >
< / a >
< / li >
< li class = "nav-item" >
< a href = "../tables/data.html" class = "nav-link" >
< i class = "far fa-circle nav-icon" > < / i >
< p > DataTables< / p >
< / a >
< / li >
< li class = "nav-item" >
< a href = "../tables/jsgrid.html" class = "nav-link" >
< i class = "far fa-circle nav-icon" > < / i >
< p > jsGrid< / p >
< / a >
< / li >
< / ul >
< / li >
< li class = "nav-header" > EXAMPLES< / li >
< li class = "nav-item" >
< a href = "../calendar.html" class = "nav-link" >
< i class = "nav-icon far fa-calendar-alt" > < / i >
< p >
Calendar
< span class = "badge badge-info right" > 2< / span >
< / p >
< / a >
< / li >
< li class = "nav-item" >
< a href = "../gallery.html" class = "nav-link" >
< i class = "nav-icon far fa-image" > < / i >
< p >
Gallery
< / p >
< / a >
< / li >
< li class = "nav-item has-treeview" >
< a href = "#" class = "nav-link" >
< i class = "nav-icon far fa-envelope" > < / i >
< p >
Mailbox
< i class = "fas fa-angle-left right" > < / i >
< / p >
< / a >
< ul class = "nav nav-treeview" >
< li class = "nav-item" >
< a href = "../mailbox/mailbox.html" class = "nav-link" >
< i class = "far fa-circle nav-icon" > < / i >
< p > Inbox< / p >
< / a >
< / li >
< li class = "nav-item" >
< a href = "../mailbox/compose.html" class = "nav-link" >
< i class = "far fa-circle nav-icon" > < / i >
< p > Compose< / p >
< / a >
< / li >
< li class = "nav-item" >
< a href = "../mailbox/read-mail.html" class = "nav-link" >
< i class = "far fa-circle nav-icon" > < / i >
< p > Read< / p >
< / a >
< / li >
< / ul >
< / li >
< li class = "nav-item has-treeview" >
< a href = "#" class = "nav-link" >
< i class = "nav-icon fas fa-book" > < / i >
< p >
Pages
< i class = "fas fa-angle-left right" > < / i >
< / p >
< / a >
< ul class = "nav nav-treeview" >
< li class = "nav-item" >
< a href = "../examples/invoice.html" class = "nav-link" >
< i class = "far fa-circle nav-icon" > < / i >
< p > Invoice< / p >
< / a >
< / li >
< li class = "nav-item" >
< a href = "../examples/profile.html" class = "nav-link" >
< i class = "far fa-circle nav-icon" > < / i >
< p > Profile< / p >
< / a >
< / li >
< li class = "nav-item" >
< a href = "../examples/e-commerce.html" class = "nav-link" >
< i class = "far fa-circle nav-icon" > < / i >
< p > E-commerce< / p >
< / a >
< / li >
< li class = "nav-item" >
< a href = "../examples/projects.html" class = "nav-link" >
< i class = "far fa-circle nav-icon" > < / i >
< p > Projects< / p >
< / a >
< / li >
< li class = "nav-item" >
< a href = "../examples/project-add.html" class = "nav-link" >
< i class = "far fa-circle nav-icon" > < / i >
< p > Project Add< / p >
< / a >
< / li >
< li class = "nav-item" >
< a href = "../examples/project-edit.html" class = "nav-link" >
< i class = "far fa-circle nav-icon" > < / i >
< p > Project Edit< / p >
< / a >
< / li >
< li class = "nav-item" >
< a href = "../examples/project-detail.html" class = "nav-link" >
< i class = "far fa-circle nav-icon" > < / i >
< p > Project Detail< / p >
< / a >
< / li >
< li class = "nav-item" >
< a href = "../examples/contacts.html" class = "nav-link" >
< i class = "far fa-circle nav-icon" > < / i >
< p > Contacts< / p >
< / a >
< / li >
< / ul >
< / li >
< li class = "nav-item has-treeview menu-open" >
< a href = "#" class = "nav-link" >
< i class = "nav-icon far fa-plus-square" > < / i >
< p >
Extras
< i class = "fas fa-angle-left right" > < / i >
< / p >
< / a >
< ul class = "nav nav-treeview" >
< li class = "nav-item" >
< a href = "../examples/login.html" class = "nav-link" >
< i class = "far fa-circle nav-icon" > < / i >
< p > Login< / p >
< / a >
< / li >
< li class = "nav-item" >
< a href = "../examples/register.html" class = "nav-link" >
< i class = "far fa-circle nav-icon" > < / i >
< p > Register< / p >
< / a >
< / li >
< li class = "nav-item" >
< a href = "../examples/forgot-password.html" class = "nav-link" >
< i class = "far fa-circle nav-icon" > < / i >
< p > Forgot Password< / p >
< / a >
< / li >
< li class = "nav-item" >
< a href = "../examples/recover-password.html" class = "nav-link" >
< i class = "far fa-circle nav-icon" > < / i >
< p > Recover Password< / p >
< / a >
< / li >
< li class = "nav-item" >
< a href = "../examples/lockscreen.html" class = "nav-link" >
< i class = "far fa-circle nav-icon" > < / i >
< p > Lockscreen< / p >
< / a >
< / li >
< li class = "nav-item" >
< a href = "../examples/legacy-user-menu.html" class = "nav-link" >
< i class = "far fa-circle nav-icon" > < / i >
< p > Legacy User Menu< / p >
< / a >
< / li >
< li class = "nav-item" >
< a href = "../examples/language-menu.html" class = "nav-link" >
< i class = "far fa-circle nav-icon" > < / i >
< p > Language Menu< / p >
< / a >
< / li >
< li class = "nav-item" >
< a href = "../examples/404.html" class = "nav-link" >
< i class = "far fa-circle nav-icon" > < / i >
< p > Error 404< / p >
< / a >
< / li >
< li class = "nav-item" >
< a href = "../examples/500.html" class = "nav-link" >
< i class = "far fa-circle nav-icon" > < / i >
< p > Error 500< / p >
< / a >
< / li >
< li class = "nav-item" >
< a href = "../examples/pace.html" class = "nav-link" >
< i class = "far fa-circle nav-icon" > < / i >
< p > Pace< / p >
< / a >
< / li >
< li class = "nav-item" >
< a href = "../examples/blank.html" class = "nav-link" >
< i class = "far fa-circle nav-icon" > < / i >
< p > Blank Page< / p >
< / a >
< / li >
< li class = "nav-item" >
< a href = "../../starter.html" class = "nav-link" >
< i class = "far fa-circle nav-icon" > < / i >
< p > Starter Page< / p >
< / a >
< / li >
< / ul >
< / li >
< li class = "nav-header" > MISCELLANEOUS< / li >
< li class = "nav-item" >
< a href = "https://adminlte.io/docs/3.0" class = "nav-link" >
< i class = "nav-icon fas fa-file" > < / i >
< p > Documentation< / p >
< / a >
< / li >
< li class = "nav-header" > MULTI LEVEL EXAMPLE< / li >
< li class = "nav-item" >
< a href = "#" class = "nav-link" >
< i class = "fas fa-circle nav-icon" > < / i >
< p > Level 1< / p >
< / a >
< / li >
< li class = "nav-item has-treeview" >
< a href = "#" class = "nav-link" >
< i class = "nav-icon fas fa-circle" > < / i >
< p >
Level 1
< i class = "right fas fa-angle-left" > < / i >
< / p >
< / a >
< ul class = "nav nav-treeview" >
< li class = "nav-item" >
< a href = "#" class = "nav-link" >
< i class = "far fa-circle nav-icon" > < / i >
< p > Level 2< / p >
< / a >
< / li >
< li class = "nav-item has-treeview" >
< a href = "#" class = "nav-link" >
< i class = "far fa-circle nav-icon" > < / i >
< p >
Level 2
< i class = "right fas fa-angle-left" > < / i >
< / p >
< / a >
< ul class = "nav nav-treeview" >
< li class = "nav-item" >
< a href = "#" class = "nav-link" >
< i class = "far fa-dot-circle nav-icon" > < / i >
< p > Level 3< / p >
< / a >
< / li >
< li class = "nav-item" >
< a href = "#" class = "nav-link" >
< i class = "far fa-dot-circle nav-icon" > < / i >
< p > Level 3< / p >
< / a >
< / li >
< li class = "nav-item" >
< a href = "#" class = "nav-link" >
< i class = "far fa-dot-circle nav-icon" > < / i >
< p > Level 3< / p >
< / a >
< / li >
< / ul >
< / li >
< li class = "nav-item" >
< a href = "#" class = "nav-link" >
< i class = "far fa-circle nav-icon" > < / i >
< p > Level 2< / p >
< / a >
< / li >
< / ul >
< / li >
< li class = "nav-item" >
< a href = "#" class = "nav-link" >
< i class = "fas fa-circle nav-icon" > < / i >
< p > Level 1< / p >
< / a >
< / li >
< li class = "nav-header" > LABELS< / li >
< li class = "nav-item" >
< a href = "#" class = "nav-link" >
< i class = "nav-icon far fa-circle text-danger" > < / i >
< p class = "text" > Important< / p >
< / a >
< / li >
< li class = "nav-item" >
< a href = "#" class = "nav-link" >
< i class = "nav-icon far fa-circle text-warning" > < / i >
< p > Warning< / p >
< / a >
< / li >
< li class = "nav-item" >
< a href = "#" class = "nav-link" >
< i class = "nav-icon far fa-circle text-info" > < / i >
< p > Informational< / p >
< / a >
< / li >
< / ul >
< / nav >
<!-- /.sidebar - menu -->
< / div >
<!-- /.sidebar -->
< / aside >
<!-- Content Wrapper. Contains page content -->
< div class = "content-wrapper" >
<!-- Content Header (Page header) -->
< div class = "content-header" >
< div class = "container" >
< div class = "row mb-2" >
< div class = "col-sm-6" >
< h1 class = "m-0 text-dark" > Top Navigation < small > Example 3.0< / small > < / h1 >
< / div > <!-- /.col -->
< div class = "col-sm-6" >
< ol class = "breadcrumb float-sm-right" >
< li class = "breadcrumb-item" > < a href = "#" > Home< / a > < / li >
< li class = "breadcrumb-item" > < a href = "#" > Layout< / a > < / li >
< li class = "breadcrumb-item active" > Top Navigation< / li >
< / ol >
< / div > <!-- /.col -->
< / div > <!-- /.row -->
< / div > <!-- /.container - fluid -->
< / div >
<!-- /.content - header -->
<!-- Main content -->
< div class = "content" >
< div class = "container" >
< div class = "row" >
< div class = "col-lg-6" >
< div class = "card" >
< div class = "card-body" >
< h5 class = "card-title" > Card title< / h5 >
< p class = "card-text" >
Some quick example text to build on the card title and make up the bulk of the card's
content.
< / p >
< a href = "#" class = "card-link" > Card link< / a >
< a href = "#" class = "card-link" > Another link< / a >
< / div >
< / div >
< div class = "card card-primary card-outline" >
< div class = "card-body" >
< h5 class = "card-title" > Card title< / h5 >
< p class = "card-text" >
Some quick example text to build on the card title and make up the bulk of the card's
content.
< / p >
< a href = "#" class = "card-link" > Card link< / a >
< a href = "#" class = "card-link" > Another link< / a >
< / div >
< / div > <!-- /.card -->
< / div >
<!-- /.col - md - 6 -->
< div class = "col-lg-6" >
< div class = "card" >
< div class = "card-header" >
< h5 class = "card-title m-0" > Featured< / h5 >
< / div >
< div class = "card-body" >
< h6 class = "card-title" > Special title treatment< / h6 >
< p class = "card-text" > With supporting text below as a natural lead-in to additional content.< / p >
< a href = "#" class = "btn btn-primary" > Go somewhere< / a >
< / div >
< / div >
< div class = "card card-primary card-outline" >
< div class = "card-header" >
< h5 class = "card-title m-0" > Featured< / h5 >
< / div >
< div class = "card-body" >
< h6 class = "card-title" > Special title treatment< / h6 >
< p class = "card-text" > With supporting text below as a natural lead-in to additional content.< / p >
< a href = "#" class = "btn btn-primary" > Go somewhere< / a >
< / div >
< / div >
< / div >
<!-- /.col - md - 6 -->
< / div >
<!-- /.row -->
< / div > <!-- /.container - fluid -->
< / div >
<!-- /.content -->
< / div >
<!-- /.content - wrapper -->
<!-- Control Sidebar -->
< aside class = "control-sidebar control-sidebar-dark" >
<!-- Control sidebar content goes here -->
< div class = "p-3" >
< h5 > Title< / h5 >
< p > Sidebar content< / p >
< / div >
< / aside >
<!-- /.control - sidebar -->
<!-- Main Footer -->
< footer class = "main-footer" >
<!-- To the right -->
< div class = "float-right d-none d-sm-inline" >
Anything you want
< / div >
<!-- Default to the left -->
< strong > Copyright © 2014-2019 < a href = "https://adminlte.io" > AdminLTE.io< / a > .< / strong > All rights reserved.
< / footer >
< / div >
<!-- ./wrapper -->
<!-- REQUIRED SCRIPTS -->
<!-- jQuery -->
< script src = "../../plugins/jquery/jquery.min.js" > < / script >
<!-- Bootstrap 4 -->
< script src = "../../plugins/bootstrap/js/bootstrap.bundle.min.js" > < / script >
<!-- AdminLTE App -->
< script src = "../../dist/js/adminlte.min.js" > < / script >
< / body >
< / html >
