|
39 | 39 | </head> |
40 | 40 | <body class="c-app c-default-layout"> |
41 | 41 | <header class="c-header c-header-light c-header-fixed"> |
42 | | - <button class="c-header-toggler c-class-toggler c-d-lg-none c-mr-auto" type="button" data-target="#sidebar" data-class="c-sidebar-show"><span class="c-header-toggler-icon"></span></button><a class="c-header-brand" href="#"><img class="c-header-brand-full" src="assets/brand/coreui-base.svg" width="97" height="46" alt="CoreUI Logo"><img class="c-header-brand-minimized" src="assets/brand/coreui-signet.svg" width="46" height="46" alt="CoreUI Logo"></a> |
| 42 | + <button class="c-header-toggler c-class-toggler c-d-lg-none c-mr-auto" type="button" data-target="#sidebar" data-class="c-sidebar-show"><span class="c-header-toggler-icon"></span></button><a class="c-header-brand c-header-brand-md-down-centered" href="#"><img class="c-header-brand-full" src="assets/brand/coreui-base.svg" width="97" height="46" alt="CoreUI Logo"><img class="c-header-brand-minimized" src="assets/brand/coreui-signet.svg" width="46" height="46" alt="CoreUI Logo"></a> |
43 | 43 | <button class="c-header-toggler c-class-toggler c-d-md-down-none" type="button" data-target="#sidebar" data-class="c-sidebar-lg-show" responsive="true"><span class="c-header-toggler-icon"></span></button> |
44 | | - <button class="c-header-toggler c-class-toggler c-d-lg-none" type="button" data-target="#sidebar" data-class="c-sidebar-show"><span class="c-header-toggler-icon"></span></button> |
45 | 44 | <ul class="c-nav c-header-nav c-d-md-down-none"> |
46 | | - <li class="c-nav-item c-px-3"> |
47 | | - <button class="c-class-toggler c-btn" type="button" data-target="body" data-class="c-dark-theme"><i class="cui-sun"></i></button> |
48 | | - </li> |
49 | 45 | <li class="c-nav-item c-px-3"><a class="c-nav-link" href="#">Dashboard</a></li> |
50 | 46 | <li class="c-nav-item c-px-3"><a class="c-nav-link" href="#">Users</a></li> |
51 | 47 | <li class="c-nav-item c-px-3"><a class="c-nav-link" href="#">Settings</a></li> |
|
62 | 58 | </div> |
63 | 59 | </li> |
64 | 60 | </ul> |
65 | | - <button class="c-header-toggler c-class-toggler c-d-md-down-none" type="button" data-target="#aside" data-class="c-sidebar-lg-show" responsive="true"><span class="c-header-toggler-icon"></span></button> |
66 | | - <button class="c-header-toggler c-class-toggler c-d-lg-none" type="button" data-target="#aside" data-class="c-sidebar-show"><span class="c-header-toggler-icon"></span></button> |
67 | 61 | </header> |
68 | 62 | <div class="c-sidebar c-sidebar-dark c-sidebar-fixed c-sidebar-lg-show" id="sidebar"> |
69 | 63 | <nav class="c-sidebar-nav"> |
|
133 | 127 | </nav> |
134 | 128 | <button class="c-sidebar-minimizer c-class-toggler" type="button" data-target="['_parent','.c-header-brand']" data-class="['c-sidebar-minimized','c-header-brand-minimized']"></button> |
135 | 129 | </div> |
136 | | - <div class="c-sidebar c-sidebar-light c-sidebar-right c-sidebar-fixed" id="aside"> |
137 | | - <ul class="c-nav c-nav-tabs" role="tablist"> |
138 | | - <li class="c-nav-item"><a class="c-nav-link c-active" data-toggle="c-tab" href="#timeline" role="tab"><img class="c-icon" src="assets/icons/list.svg" width="16" height="16" alt="CoreUI Icons List"></a></li> |
139 | | - <li class="c-nav-item"><a class="c-nav-link" data-toggle="c-tab" href="#messages" role="tab"><img class="c-icon" src="assets/icons/speech.svg" width="16" height="16" alt="CoreUI Icons Speech"></a></li> |
140 | | - <li class="c-nav-item"><a class="c-nav-link" data-toggle="c-tab" href="#settings" role="tab"><img class="c-icon" src="assets/icons/settings.svg" width="16" height="16" alt="CoreUI Icons Settings"></a></li> |
141 | | - </ul> |
142 | | - <!-- Tab panes--> |
143 | | - <div class="c-tab-content"> |
144 | | - <div class="c-tab-pane c-active" id="timeline" role="tabpanel"> |
145 | | - <div class="c-list-group c-list-group-accent"> |
146 | | - <div class="c-list-group-item c-list-group-item-accent-secondary c-bg-light c-text-center c-font-weight-bold c-text-muted c-text-uppercase c-small">Today</div> |
147 | | - <div class="c-list-group-item c-list-group-item-accent-warning c-list-group-item-divider"> |
148 | | - <div class=" c-avatar c-float-right" ><img class=" c-img-avatar" src=" assets/img/avatars/7.jpg" alt=" [email protected]" ></div> |
149 | | - <div>Meeting with<strong>Lucas</strong></div><small class="c-text-muted c-mr-3"><i class="icon-calendar"></i> 1 - 3pm</small><small class="c-text-muted"><i class="icon-location-pin"></i> Palo Alto, CA</small> |
150 | | - </div> |
151 | | - <div class="c-list-group-item c-list-group-item-accent-info"> |
152 | | - <div class=" c-avatar c-float-right" ><img class=" c-img-avatar" src=" assets/img/avatars/4.jpg" alt=" [email protected]" ></div> |
153 | | - <div>Skype with<strong>Megan</strong></div><small class="c-text-muted c-mr-3"><i class="icon-calendar"></i> 4 - 5pm</small><small class="c-text-muted"><i class="icon-social-skype"></i> On-line</small> |
154 | | - </div> |
155 | | - <div class="c-list-group-item c-list-group-item-accent-secondary c-bg-light c-text-center c-font-weight-bold c-text-muted c-text-uppercase c-small">Tomorrow</div> |
156 | | - <div class="c-list-group-item c-list-group-item-accent-danger c-list-group-item-divider"> |
157 | | - <div>New UI Project -<strong>deadline</strong></div><small class="c-text-muted c-mr-3"><i class="icon-calendar"></i> 10 - 11pm</small><small class="c-text-muted"><i class="icon-home"></i> creativeLabs HQ</small> |
158 | | - <div class="c-avatars-stack c-mt-2"> |
159 | | - <div class=" c-avatar c-avatar-xs" ><img class=" c-img-avatar" src=" assets/img/avatars/2.jpg" alt=" [email protected]" ></div> |
160 | | - <div class=" c-avatar c-avatar-xs" ><img class=" c-img-avatar" src=" assets/img/avatars/3.jpg" alt=" [email protected]" ></div> |
161 | | - <div class=" c-avatar c-avatar-xs" ><img class=" c-img-avatar" src=" assets/img/avatars/4.jpg" alt=" [email protected]" ></div> |
162 | | - <div class=" c-avatar c-avatar-xs" ><img class=" c-img-avatar" src=" assets/img/avatars/5.jpg" alt=" [email protected]" ></div> |
163 | | - <div class=" c-avatar c-avatar-xs" ><img class=" c-img-avatar" src=" assets/img/avatars/6.jpg" alt=" [email protected]" ></div> |
164 | | - </div> |
165 | | - </div> |
166 | | - <div class="c-list-group-item c-list-group-item-accent-success c-list-group-item-divider"> |
167 | | - <div><strong>#10 Startups.Garden</strong> Meetup</div><small class="c-text-muted c-mr-3"><i class="icon-calendar"></i> 1 - 3pm</small><small class="c-text-muted"><i class="icon-location-pin"></i> Palo Alto, CA</small> |
168 | | - </div> |
169 | | - <div class="c-list-group-item c-list-group-item-accent-primary c-list-group-item-divider"> |
170 | | - <div><strong>Team meeting</strong></div><small class="c-text-muted c-mr-3"><i class="icon-calendar"></i> 4 - 6pm</small><small class="c-text-muted"><i class="icon-home"></i> creativeLabs HQ</small> |
171 | | - <div class="c-avatars-stack c-mt-2"> |
172 | | - <div class=" c-avatar c-avatar-xs" ><img class=" c-img-avatar" src=" assets/img/avatars/2.jpg" alt=" [email protected]" ></div> |
173 | | - <div class=" c-avatar c-avatar-xs" ><img class=" c-img-avatar" src=" assets/img/avatars/3.jpg" alt=" [email protected]" ></div> |
174 | | - <div class=" c-avatar c-avatar-xs" ><img class=" c-img-avatar" src=" assets/img/avatars/4.jpg" alt=" [email protected]" ></div> |
175 | | - <div class=" c-avatar c-avatar-xs" ><img class=" c-img-avatar" src=" assets/img/avatars/5.jpg" alt=" [email protected]" ></div> |
176 | | - <div class=" c-avatar c-avatar-xs" ><img class=" c-img-avatar" src=" assets/img/avatars/6.jpg" alt=" [email protected]" ></div> |
177 | | - <div class=" c-avatar c-avatar-xs" ><img class=" c-img-avatar" src=" assets/img/avatars/7.jpg" alt=" [email protected]" ></div> |
178 | | - <div class=" c-avatar c-avatar-xs" ><img class=" c-img-avatar" src=" assets/img/avatars/8.jpg" alt=" [email protected]" ></div> |
179 | | - </div> |
180 | | - </div> |
181 | | - </div> |
182 | | - </div> |
183 | | - <div class="c-tab-pane c-p-3" id="messages" role="tabpanel"> |
184 | | - <div class="message"> |
185 | | - <div class="c-py-3 c-pb-5 c-mr-3 c-float-left"> |
186 | | - <div class=" c-avatar" ><img class=" c-img-avatar" src=" assets/img/avatars/7.jpg" alt=" [email protected]" ><span class=" c-avatar-status c-badge-success" ></span></div> |
187 | | - </div> |
188 | | - <div><small class="c-text-muted">Lukasz Holeczek</small><small class="c-text-muted c-float-right c-mt-1">1:52 PM</small></div> |
189 | | - <div class="c-text-truncate c-font-weight-bold">Lorem ipsum dolor sit amet</div><small class="c-text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt...</small> |
190 | | - </div> |
191 | | - <hr> |
192 | | - <div class="message"> |
193 | | - <div class="c-py-3 c-pb-5 c-mr-3 c-float-left"> |
194 | | - <div class=" c-avatar" ><img class=" c-img-avatar" src=" assets/img/avatars/7.jpg" alt=" [email protected]" ><span class=" c-avatar-status c-badge-success" ></span></div> |
195 | | - </div> |
196 | | - <div><small class="c-text-muted">Lukasz Holeczek</small><small class="c-text-muted c-float-right c-mt-1">1:52 PM</small></div> |
197 | | - <div class="c-text-truncate c-font-weight-bold">Lorem ipsum dolor sit amet</div><small class="c-text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt...</small> |
198 | | - </div> |
199 | | - <hr> |
200 | | - <div class="message"> |
201 | | - <div class="c-py-3 c-pb-5 c-mr-3 c-float-left"> |
202 | | - <div class=" c-avatar" ><img class=" c-img-avatar" src=" assets/img/avatars/7.jpg" alt=" [email protected]" ><span class=" c-avatar-status c-badge-success" ></span></div> |
203 | | - </div> |
204 | | - <div><small class="c-text-muted">Lukasz Holeczek</small><small class="c-text-muted c-float-right c-mt-1">1:52 PM</small></div> |
205 | | - <div class="c-text-truncate c-font-weight-bold">Lorem ipsum dolor sit amet</div><small class="c-text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt...</small> |
206 | | - </div> |
207 | | - <hr> |
208 | | - <div class="message"> |
209 | | - <div class="c-py-3 c-pb-5 c-mr-3 c-float-left"> |
210 | | - <div class=" c-avatar" ><img class=" c-img-avatar" src=" assets/img/avatars/7.jpg" alt=" [email protected]" ><span class=" c-avatar-status c-badge-success" ></span></div> |
211 | | - </div> |
212 | | - <div><small class="c-text-muted">Lukasz Holeczek</small><small class="c-text-muted c-float-right c-mt-1">1:52 PM</small></div> |
213 | | - <div class="c-text-truncate c-font-weight-bold">Lorem ipsum dolor sit amet</div><small class="c-text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt...</small> |
214 | | - </div> |
215 | | - <hr> |
216 | | - <div class="message"> |
217 | | - <div class="c-py-3 c-pb-5 c-mr-3 c-float-left"> |
218 | | - <div class=" c-avatar" ><img class=" c-img-avatar" src=" assets/img/avatars/7.jpg" alt=" [email protected]" ><span class=" c-avatar-status c-badge-success" ></span></div> |
219 | | - </div> |
220 | | - <div><small class="c-text-muted">Lukasz Holeczek</small><small class="c-text-muted c-float-right c-mt-1">1:52 PM</small></div> |
221 | | - <div class="c-text-truncate c-font-weight-bold">Lorem ipsum dolor sit amet</div><small class="c-text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt...</small> |
222 | | - </div> |
223 | | - </div> |
224 | | - <div class="c-tab-pane c-p-3" id="settings" role="tabpanel"> |
225 | | - <h6>Settings</h6> |
226 | | - <div class="c-aside-options"> |
227 | | - <div class="c-clearfix c-mt-4"><small><b>Option 1</b></small> |
228 | | - <label class="c-switch c-switch-label c-switch-pill c-switch-success c-switch-sm c-float-right"> |
229 | | - <input class="c-switch-input" type="checkbox" checked=""><span class="c-switch-slider" data-checked="On" data-unchecked="Off"></span> |
230 | | - </label> |
231 | | - </div> |
232 | | - <div><small class="c-text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</small></div> |
233 | | - </div> |
234 | | - <div class="c-aside-options"> |
235 | | - <div class="c-clearfix c-mt-3"><small><b>Option 2</b></small> |
236 | | - <label class="c-switch c-switch-label c-switch-pill c-switch-success c-switch-sm c-float-right"> |
237 | | - <input class="c-switch-input" type="checkbox"><span class="c-switch-slider" data-checked="On" data-unchecked="Off"></span> |
238 | | - </label> |
239 | | - </div> |
240 | | - <div><small class="c-text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</small></div> |
241 | | - </div> |
242 | | - <div class="c-aside-options"> |
243 | | - <div class="c-clearfix c-mt-3"><small><b>Option 3</b></small> |
244 | | - <label class="c-switch c-switch-label c-switch-pill c-switch-success c-switch-sm c-float-right"> |
245 | | - <input class="c-switch-input" type="checkbox"><span class="c-switch-slider" data-checked="On" data-unchecked="Off"></span> |
246 | | - </label> |
247 | | - </div> |
248 | | - </div> |
249 | | - <div class="c-aside-options"> |
250 | | - <div class="c-clearfix c-mt-3"><small><b>Option 4</b></small> |
251 | | - <label class="c-switch c-switch-label c-switch-pill c-switch-success c-switch-sm c-float-right"> |
252 | | - <input class="c-switch-input" type="checkbox" checked=""><span class="c-switch-slider" data-checked="On" data-unchecked="Off"></span> |
253 | | - </label> |
254 | | - </div> |
255 | | - </div> |
256 | | - <hr> |
257 | | - <h6>System Utilization</h6> |
258 | | - <div class="c-text-uppercase c-mb-1 c-mt-4"><small><b>CPU Usage</b></small></div> |
259 | | - <div class="c-progress c-progress-xs"> |
260 | | - <div class="c-progress-bar c-bg-info" role="progressbar" style="width: 25%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div> |
261 | | - </div><small class="c-text-muted">348 Processes. 1/4 Cores.</small> |
262 | | - <div class="c-text-uppercase c-mb-1 c-mt-2"><small><b>Memory Usage</b></small></div> |
263 | | - <div class="c-progress c-progress-xs"> |
264 | | - <div class="c-progress-bar c-bg-warning" role="progressbar" style="width: 70%" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100"></div> |
265 | | - </div><small class="c-text-muted">11444GB/16384MB</small> |
266 | | - <div class="c-text-uppercase c-mb-1 c-mt-2"><small><b>SSD 1 Usage</b></small></div> |
267 | | - <div class="c-progress c-progress-xs"> |
268 | | - <div class="c-progress-bar c-bg-danger" role="progressbar" style="width: 95%" aria-valuenow="95" aria-valuemin="0" aria-valuemax="100"></div> |
269 | | - </div><small class="c-text-muted">243GB/256GB</small> |
270 | | - <div class="c-text-uppercase c-mb-1 c-mt-2"><small><b>SSD 2 Usage</b></small></div> |
271 | | - <div class="c-progress c-progress-xs"> |
272 | | - <div class="c-progress-bar c-bg-success" role="progressbar" style="width: 10%" aria-valuenow="10" aria-valuemin="0" aria-valuemax="100"></div> |
273 | | - </div><small class="c-text-muted">25GB/256GB</small> |
274 | | - </div> |
275 | | - </div> |
276 | | - </div> |
277 | 130 | <div class="c-body"> |
278 | 131 | <main class="c-main"> |
279 | 132 | <!-- Breadcrumb--> |
|
0 commit comments