5 <meta name=
"viewport" content=
"width=device-width, initial-scale=1, shrink-to-fit=no">
6 <meta name=
"description" content=
"">
7 <meta name=
"author" content=
"">
8 <link rel=
"icon" href=
"../../favicon.ico">
10 <title>Dashboard Template for Bootstrap
</title>
12 <!-- Bootstrap core CSS -->
13 <link href=
"../../dist/css/bootstrap.min.css" rel=
"stylesheet">
15 <!-- Custom styles for this template -->
16 <link href=
"dashboard.css" rel=
"stylesheet">
20 <nav class=
"navbar navbar-toggleable-md navbar-inverse fixed-top bg-inverse">
21 <button class=
"navbar-toggler navbar-toggler-right hidden-lg-up" type=
"button" data-toggle=
"collapse" data-target=
"#navbarsExampleDefault" aria-controls=
"navbarsExampleDefault" aria-expanded=
"false" aria-label=
"Toggle navigation">
22 <span class=
"navbar-toggler-icon"></span>
24 <a class=
"navbar-brand" href=
"#">Dashboard
</a>
26 <div class=
"collapse navbar-collapse" id=
"navbarsExampleDefault">
27 <ul class=
"navbar-nav mr-auto">
28 <li class=
"nav-item active">
29 <a class=
"nav-link" href=
"#">Home
<span class=
"sr-only">(current)
</span></a>
32 <a class=
"nav-link" href=
"#">Settings
</a>
35 <a class=
"nav-link" href=
"#">Profile
</a>
38 <a class=
"nav-link" href=
"#">Help
</a>
41 <form class=
"form-inline mt-2 mt-md-0">
42 <input class=
"form-control mr-sm-2" type=
"text" placeholder=
"Search">
43 <button class=
"btn btn-outline-success my-2 my-sm-0" type=
"submit">Search
</button>
48 <div class=
"container-fluid">
50 <nav class=
"col-sm-3 col-md-2 hidden-xs-down bg-faded sidebar">
51 <ul class=
"nav nav-pills flex-column">
53 <a class=
"nav-link active" href=
"#">Overview
<span class=
"sr-only">(current)
</span></a>
56 <a class=
"nav-link" href=
"#">Reports
</a>
59 <a class=
"nav-link" href=
"#">Analytics
</a>
62 <a class=
"nav-link" href=
"#">Export
</a>
66 <ul class=
"nav nav-pills flex-column">
68 <a class=
"nav-link" href=
"#">Nav item
</a>
71 <a class=
"nav-link" href=
"#">Nav item again
</a>
74 <a class=
"nav-link" href=
"#">One more nav
</a>
77 <a class=
"nav-link" href=
"#">Another nav item
</a>
81 <ul class=
"nav nav-pills flex-column">
83 <a class=
"nav-link" href=
"#">Nav item again
</a>
86 <a class=
"nav-link" href=
"#">One more nav
</a>
89 <a class=
"nav-link" href=
"#">Another nav item
</a>
94 <main class=
"col-sm-9 offset-sm-3 col-md-10 offset-md-2 pt-3">
97 <section class=
"row text-center placeholders">
98 <div class=
"col-6 col-sm-3 placeholder">
99 <img src=
"data:image/gif;base64,R0lGODlhAQABAIABAAJ12AAAACwAAAAAAQABAAACAkQBADs=" width=
"200" height=
"200" class=
"img-fluid rounded-circle" alt=
"Generic placeholder thumbnail">
101 <div class=
"text-muted">Something else
</div>
103 <div class=
"col-6 col-sm-3 placeholder">
104 <img src=
"data:image/gif;base64,R0lGODlhAQABAIABAADcgwAAACwAAAAAAQABAAACAkQBADs=" width=
"200" height=
"200" class=
"img-fluid rounded-circle" alt=
"Generic placeholder thumbnail">
106 <span class=
"text-muted">Something else
</span>
108 <div class=
"col-6 col-sm-3 placeholder">
109 <img src=
"data:image/gif;base64,R0lGODlhAQABAIABAAJ12AAAACwAAAAAAQABAAACAkQBADs=" width=
"200" height=
"200" class=
"img-fluid rounded-circle" alt=
"Generic placeholder thumbnail">
111 <span class=
"text-muted">Something else
</span>
113 <div class=
"col-6 col-sm-3 placeholder">
114 <img src=
"data:image/gif;base64,R0lGODlhAQABAIABAADcgwAAACwAAAAAAQABAAACAkQBADs=" width=
"200" height=
"200" class=
"img-fluid rounded-circle" alt=
"Generic placeholder thumbnail">
116 <span class=
"text-muted">Something else
</span>
120 <h2>Section title
</h2>
121 <div class=
"table-responsive">
122 <table class=
"table table-striped">
252 <!-- Bootstrap core JavaScript
253 ================================================== -->
254 <!-- Placed at the end of the document so the pages load faster -->
255 <script src=
"https://code.jquery.com/jquery-3.1.1.slim.min.js" integrity=
"sha384-A7FZj7v+d/sdmMqp/nOQwliLvUsJfDHW+k9Omg/a/EheAdgtzNs3hpfag6Ed950n" crossorigin=
"anonymous"></script>
256 <script>window.jQuery || document.write('
<script src=
"../../assets/js/vendor/jquery.min.js"><\/script
>')
</script>
257 <script src=
"https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js" integrity=
"sha384-DztdAPBWPRXSA/3eYEEUWrWCy7G5KFbe8fFjk5JAIxUYHKkDx6Qin1DkWx51bBrb" crossorigin=
"anonymous"></script>
258 <script src=
"../../dist/js/bootstrap.min.js"></script>
259 <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
260 <script src=
"../../assets/js/ie10-viewport-bug-workaround.js"></script>