|
9 | 9 | <html lang="en">
|
10 | 10 |
|
11 | 11 | <head>
|
12 |
| - |
13 | 12 | <meta charset="utf-8">
|
14 | 13 | <meta http-equiv="X-UA-Compatible" content="IE=edge">
|
15 | 14 | <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
16 | 15 | <meta name="description" content="CoreUI - Open Source Bootstrap Admin Template">
|
17 | 16 | <meta name="author" content="Łukasz Holeczek">
|
18 | 17 | <meta name="keyword" content="Bootstrap,Admin,Template,Open,Source,AngularJS,Angular,Angular2,Angular 2,Angular4,Angular 4,jQuery,CSS,HTML,RWD,Dashboard,React,React.js,Vue,Vue.js">
|
19 | 18 | <link rel="shortcut icon" href="img/favicon.png">
|
20 |
| - |
21 | 19 | <title>CoreUI - Open Source Bootstrap Admin Template</title>
|
22 | 20 |
|
23 | 21 | <!-- Icons -->
|
|
26 | 24 |
|
27 | 25 | <!-- Main styles for this application -->
|
28 | 26 | <link href="css/style.css" rel="stylesheet">
|
29 |
| - |
30 | 27 | </head>
|
31 | 28 |
|
32 | 29 | <!-- BODY options, add following classes to body to change options
|
|
46 | 43 | 2. '.aside-menu-hidden' - Hidden Aside Menu
|
47 | 44 | 3. '.aside-menu-off-canvas' - Off Canvas Aside Menu
|
48 | 45 |
|
| 46 | +// Breadcrumb options |
| 47 | +1. '.breadcrumb-fixed' - Fixed Breadcrumb |
| 48 | +
|
49 | 49 | // Footer options
|
50 |
| -1. '.footer-fixed' - Fixed footer |
| 50 | +1. '.footer-fixed' - Fixed footer |
51 | 51 |
|
52 | 52 | -->
|
53 | 53 |
|
54 | 54 | <body class="app header-fixed sidebar-fixed aside-menu-fixed aside-menu-hidden">
|
55 | 55 | <header class="app-header navbar">
|
56 | 56 | <button class="navbar-toggler mobile-sidebar-toggler d-lg-none" type="button">☰</button>
|
57 | 57 | <a class="navbar-brand" href="#"></a>
|
58 |
| - <ul class="nav navbar-nav d-md-down-none"> |
59 |
| - <li class="nav-item"> |
60 |
| - <a class="nav-link navbar-toggler sidebar-toggler" href="#">☰</a> |
61 |
| - </li> |
| 58 | + <button class="navbar-toggler sidebar-toggler d-md-down-none" type="button">☰</button> |
62 | 59 |
|
| 60 | + <ul class="nav navbar-nav d-md-down-none"> |
63 | 61 | <li class="nav-item px-3">
|
64 | 62 | <a class="nav-link" href="#">Dashboard</a>
|
65 | 63 | </li>
|
|
86 | 84 | <span class="d-md-down-none">admin</span>
|
87 | 85 | </a>
|
88 | 86 | <div class="dropdown-menu dropdown-menu-right">
|
89 |
| - |
90 | 87 | <div class="dropdown-header text-center">
|
91 | 88 | <strong>Account</strong>
|
92 | 89 | </div>
|
93 |
| - |
94 | 90 | <a class="dropdown-item" href="#"><i class="fa fa-bell-o"></i> Updates<span class="badge badge-info">42</span></a>
|
95 | 91 | <a class="dropdown-item" href="#"><i class="fa fa-envelope-o"></i> Messages<span class="badge badge-success">42</span></a>
|
96 | 92 | <a class="dropdown-item" href="#"><i class="fa fa-tasks"></i> Tasks<span class="badge badge-danger">42</span></a>
|
97 | 93 | <a class="dropdown-item" href="#"><i class="fa fa-comments"></i> Comments<span class="badge badge-warning">42</span></a>
|
98 |
| - |
99 | 94 | <div class="dropdown-header text-center">
|
100 | 95 | <strong>Settings</strong>
|
101 | 96 | </div>
|
102 |
| - |
103 | 97 | <a class="dropdown-item" href="#"><i class="fa fa-user"></i> Profile</a>
|
104 | 98 | <a class="dropdown-item" href="#"><i class="fa fa-wrench"></i> Settings</a>
|
105 | 99 | <a class="dropdown-item" href="#"><i class="fa fa-usd"></i> Payments<span class="badge badge-default">42</span></a>
|
|
109 | 103 | <a class="dropdown-item" href="#"><i class="fa fa-lock"></i> Logout</a>
|
110 | 104 | </div>
|
111 | 105 | </li>
|
112 |
| - <li class="nav-item d-md-down-none"> |
113 |
| - <a class="nav-link navbar-toggler aside-menu-toggler" href="#">☰</a> |
114 |
| - </li> |
115 |
| - |
| 106 | + <button class="navbar-toggler aside-menu-toggler d-md-down-none" type="button">☰</button> |
116 | 107 | </ul>
|
| 108 | + |
117 | 109 | </header>
|
118 | 110 |
|
119 | 111 | <div class="app-body">
|
120 | 112 | <div class="sidebar">
|
121 | 113 | <nav class="sidebar-nav">
|
122 | 114 | <ul class="nav">
|
123 | 115 | <li class="nav-item">
|
124 |
| - <a class="nav-link" href="index.html"><i class="icon-speedometer"></i> Dashboard <span class="badge badge-info">NEW</span></a> |
| 116 | + <a class="nav-link" href="index.html"><i class="icon-speedometer"></i> Dashboard <span class="badge badge-primary">NEW</span></a> |
125 | 117 | </li>
|
126 | 118 |
|
127 | 119 | <li class="nav-title">
|
|
168 | 160 | </ul>
|
169 | 161 | </li>
|
170 | 162 | <li class="nav-item">
|
171 |
| - <a class="nav-link" href="widgets.html"><i class="icon-calculator"></i> Widgets <span class="badge badge-info">NEW</span></a> |
| 163 | + <a class="nav-link" href="widgets.html"><i class="icon-calculator"></i> Widgets <span class="badge badge-primary">NEW</span></a> |
172 | 164 | </li>
|
173 | 165 | <li class="nav-item">
|
174 | 166 | <a class="nav-link" href="charts.html"><i class="icon-pie-chart"></i> Charts</a>
|
|
211 | 203 |
|
212 | 204 | <!-- Breadcrumb Menu-->
|
213 | 205 | <li class="breadcrumb-menu d-md-down-none">
|
214 |
| - <div class="btn-group" role="group" aria-label="Button group with nested dropdown"> |
215 |
| - <a class="btn btn-secondary" href="#"><i class="icon-speech"></i></a> |
216 |
| - <a class="btn btn-secondary" href="./"><i class="icon-graph"></i> Dashboard</a> |
217 |
| - <a class="btn btn-secondary" href="#"><i class="icon-settings"></i> Settings</a> |
| 206 | + <div class="btn-group" role="group" aria-label="Button group"> |
| 207 | + <a class="btn" href="#"><i class="icon-speech"></i></a> |
| 208 | + <a class="btn" href="./"><i class="icon-graph"></i> Dashboard</a> |
| 209 | + <a class="btn" href="#"><i class="icon-settings"></i> Settings</a> |
218 | 210 | </div>
|
219 | 211 | </li>
|
220 | 212 | </ol>
|
|
235 | 227 | </a>
|
236 | 228 | </div>
|
237 | 229 | </div>
|
238 |
| - <div class="card-block"> |
| 230 | + <div class="card-body"> |
239 | 231 | <div class="chart-wrapper">
|
240 | 232 | <canvas id="canvas-1"></canvas>
|
241 | 233 | </div>
|
|
250 | 242 | </a>
|
251 | 243 | </div>
|
252 | 244 | </div>
|
253 |
| - <div class="card-block"> |
| 245 | + <div class="card-body"> |
254 | 246 | <div class="chart-wrapper">
|
255 | 247 | <canvas id="canvas-2"></canvas>
|
256 | 248 | </div>
|
|
265 | 257 | </a>
|
266 | 258 | </div>
|
267 | 259 | </div>
|
268 |
| - <div class="card-block"> |
| 260 | + <div class="card-body"> |
269 | 261 | <div class="chart-wrapper">
|
270 | 262 | <canvas id="canvas-3"></canvas>
|
271 | 263 | </div>
|
|
280 | 272 | </a>
|
281 | 273 | </div>
|
282 | 274 | </div>
|
283 |
| - <div class="card-block"> |
| 275 | + <div class="card-body"> |
284 | 276 | <div class="chart-wrapper">
|
285 | 277 | <canvas id="canvas-4"></canvas>
|
286 | 278 | </div>
|
|
295 | 287 | </a>
|
296 | 288 | </div>
|
297 | 289 | </div>
|
298 |
| - <div class="card-block"> |
| 290 | + <div class="card-body"> |
299 | 291 | <div class="chart-wrapper">
|
300 | 292 | <canvas id="canvas-5"></canvas>
|
301 | 293 | </div>
|
|
310 | 302 | </a>
|
311 | 303 | </div>
|
312 | 304 | </div>
|
313 |
| - <div class="card-block"> |
| 305 | + <div class="card-body"> |
314 | 306 | <div class="chart-wrapper">
|
315 | 307 | <canvas id="canvas-6"></canvas>
|
316 | 308 | </div>
|
|
339 | 331 | <!-- Tab panes -->
|
340 | 332 | <div class="tab-content">
|
341 | 333 | <div class="tab-pane active" id="timeline" role="tabpanel">
|
342 |
| - <div class="callout m-0 py-2 text-muted text-center bg-faded text-uppercase"> |
| 334 | + <div class="callout m-0 py-2 text-muted text-center bg-light text-uppercase"> |
343 | 335 | <small><b>Today</b>
|
344 | 336 | </small>
|
345 | 337 | </div>
|
|
366 | 358 | <small class="text-muted"><i class="icon-social-skype"></i> On-line</small>
|
367 | 359 | </div>
|
368 | 360 | <hr class="transparent mx-3 my-0">
|
369 |
| - <div class="callout m-0 py-2 text-muted text-center bg-faded text-uppercase"> |
| 361 | + <div class="callout m-0 py-2 text-muted text-center bg-light text-uppercase"> |
370 | 362 | <small><b>Tomorrow</b>
|
371 | 363 | </small>
|
372 | 364 | </div>
|
|
0 commit comments