Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>AdminLTE 3 | Dashboard</title>
- </head>
- <body class="hold-transition sidebar-mini layout-fixed">
- <div class="wrapper">
- <!-- Navbar -->
- <nav class="main-header navbar navbar-expand navbar-white navbar-light">
- <!-- 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 d-none d-sm-inline-block">
- <a href="index3.html" class="nav-link">Home</a>
- </li>
- <li class="nav-item d-none d-sm-inline-block">
- <a href="#" class="nav-link">Contact</a>
- </li>
- </ul>
- <!-- Right navbar links -->
- <ul class="navbar-nav ml-auto">
- <!-- Navbar Search -->
- <li class="nav-item">
- <a class="nav-link" data-widget="navbar-search" href="#" role="button">
- <i class="fas fa-search"></i>
- </a>
- <div class="navbar-search-block">
- <form class="form-inline">
- <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>
- <button class="btn btn-navbar" type="button" data-widget="navbar-search">
- <i class="fas fa-times"></i>
- </button>
- </div>
- </div>
- </form>
- </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-item 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>
- <!-- Notifications Dropdown Menu -->
- <li class="nav-item dropdown">
- <a class="nav-link" data-toggle="dropdown" [routerLink] = "['logout', 1]">
- <i class="fa fa-sign-out" aria-hidden="true"></i>
- </a>
- </li>
- </ul>
- </nav>
- <!-- /.navbar -->
- <!-- Main Sidebar Container -->
- <aside class="main-sidebar sidebar-dark-primary elevation-4">
- <menuprincipal></menuprincipal>
- </aside>
- <!-- Content Wrapper. Contains page content -->
- <div class="content-wrapper">
- <!-- Content Header (Page header) -->
- <div class="content-header">
- <div class="container-fluid">
- <div class="row mb-2">
- <div class="col-sm-6">
- <h1 class="m-0">Dashboard</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 active">Dashboard v1</li>
- </ol>
- </div>
- <!-- /.col -->
- </div>
- <!-- /.row -->
- </div>
- <!-- /.container-fluid -->
- </div>
- <!-- /.content-header -->
- <!-- Main content -->
- <div class="content">
- <div class="container-fluid">
- <div class="row">
- <div class="col-4">
- <div class="small-box bg-success">
- <div class="inner">
- <p>Eventos</p>
- </div>
- <div class="icon">
- <i class="ion ion-bag"></i>
- </div>
- <a href="#" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a>
- </div>
- </div>
- <div class="col-4">
- <div class="small-box bg-info">
- <div class="inner">
- <h3>150</h3>
- <p>New Orders</p>
- </div>
- <div class="icon">
- <i class="ion ion-bag"></i>
- </div>
- <a href="#" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a>
- </div>
- </div>
- <!-- /.col-md-6 -->
- <div class="col-4">
- <div class="small-box bg-info">
- <div class="inner">
- <h3>150</h3>
- <p>New Orders</p>
- </div>
- <div class="icon">
- <i class="ion ion-bag"></i>
- </div>
- <a href="#" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a>
- </div>
- </div>
- <!-- /.col-md-6 -->
- </div>
- <div class="row">
- <div class="col-12">
- <div class="card card-primary card-outline">
- <div class="card-body">
- <h5 class="card-title">Información</h5>
- <p class="card-text">
- Mucha informacion
- </p>
- <a href="#" class="card-link">Card link</a>
- <a href="#" class="card-link">Another link</a>
- </div>
- </div>
- </div>
- <!-- /.card -->
- </div>
- <div class="row">
- <div class="col-12">
- <div class="card card-primary card-outline">
- <div class="card-body">
- <h5 class="card-title">Información</h5>
- <p class="card-text">
- Mucha informacion
- </p>
- <a href="#" class="card-link">Card link</a>
- <a href="#" class="card-link">Another link</a>
- </div>
- </div>
- </div>
- <!-- /.card -->
- </div>
- </div>
- <!-- /.col-md-6 -->
- </div>
- <!-- /.row -->
- </div>
- <!-- /.container-fluid -->
- <footermain></footermain>
- <!-- Control Sidebar -->
- <aside class="control-sidebar control-sidebar-dark">
- <!-- Control sidebar content goes here -->
- </aside>
- <!-- /.control-sidebar -->
- </div>
- <!-- ./wrapper -->
- </body>
- </html>
Add Comment
Please, Sign In to add comment