Untitled

mail@pastecode.io avatar
unknown
plain_text
2 years ago
15 kB
1
Indexable
Never
<div class="container-fluid"><div class="row"><section class="col-lg-5 connectedSortable ui-sortable"><div class="badge bg-gradient-primary"><div class="badge-header border-0 ui-sortable-handle" style="cursor: move;"><h3 class="badge-title"><i class="fas fa-map-marker-alt mr-1"></i>Visitors</h3><div class="badge-tools"><button type="button" class="btn btn-primary btn-sm daterange" title="Date range"><i class="far fa-calendar-alt"></i></button><button type="button" class="btn btn-primary btn-sm" data-badge-widget="collapse"title="Collapse"><i class="fas fa-minus"></i></button></div></div><div class="badge-body"><div id="world-map" style="height: 250px; width: 100%; position: relative; overflow: hidden; background-color: transparent;"><div class="jqvmap-zoomin">+</div><div class="jqvmap-zoomout">−</div></div></div><div class="badge-footer bg-transparent"><div class="row"><div class="col-4 text-center"><div id="sparkline-1"><canvas width="160" height="100" style="width: 80px; height: 50px;"></canvas></div><div class="text-white">Visitors</div></div><div class="col-4 text-center"><div id="sparkline-2"><canvas width="160" height="100" style="width: 80px; height: 50px;"></canvas></div><div class="text-white">Online</div></div><div class="col-4 text-center"><div id="sparkline-3"><canvas width="160" height="100" style="width: 80px; height: 50px;"></canvas></div><div class="text-white">Sales</div></div></div></div></div><div class="badge bg-gradient-info"><div class="badge-header border-0 ui-sortable-handle" style="cursor: move;"><h3 class="badge-title"><i class="fas fa-th mr-1"></i>Sales Graph</h3><div class="badge-tools"><button type="button" class="btn bg-info btn-sm" data-badge-widget="collapse"><i class="fas fa-minus"></i></button><button type="button" class="btn bg-info btn-sm" data-badge-widget="remove"><i class="fas fa-times"></i></button></div></div><div class="badge-body"><div class="chartjs-size-monitor"><div class="chartjs-size-monitor-expand"><div class=""></div></div><div class="chartjs-size-monitor-shrink"><div class=""></div></div></div><canvas class="chart chartjs-render-monitor" id="line-chart"style="min-height: 250px; height: 250px; max-height: 250px; max-width: 100%; display: block; width: 358px;"width="716" height="500"></canvas></div><div class="badge-footer bg-transparent"><div class="row"><div class="col-4 text-center"><div style="display:inline;width:60px;height:60px;"><canvas width="120" height="120" style="width: 60px; height: 60px;"></canvas><input type="text" class="knob" data-readonly="true" value="20" data-width="60"   data-height="60" data-fgcolor="#39CCCC" readonly="readonly"   style="width: 34px; height: 20px; position: absolute; vertical-align: middle; margin-top: 20px; margin-left: -47px; border: 0px; background: none; font: bold 12px Arial; text-align: center; color: rgb(57, 204, 204); padding: 0px; appearance: none;"></div><div class="text-white">Mail-Orders</div></div><div class="col-4 text-center"><div style="display:inline;width:60px;height:60px;"><canvas width="120" height="120" style="width: 60px; height: 60px;"></canvas><input type="text" class="knob" data-readonly="true" value="50" data-width="60"   data-height="60" data-fgcolor="#39CCCC" readonly="readonly"   style="width: 34px; height: 20px; position: absolute; vertical-align: middle; margin-top: 20px; margin-left: -47px; border: 0px; background: none; font: bold 12px Arial; text-align: center; color: rgb(57, 204, 204); padding: 0px; appearance: none;"></div><div class="text-white">Online</div></div><div class="col-4 text-center"><div style="display:inline;width:60px;height:60px;"><canvas width="120" height="120" style="width: 60px; height: 60px;"></canvas><input type="text" class="knob" data-readonly="true" value="30" data-width="60"   data-height="60" data-fgcolor="#39CCCC" readonly="readonly"   style="width: 34px; height: 20px; position: absolute; vertical-align: middle; margin-top: 20px; margin-left: -47px; border: 0px; background: none; font: bold 12px Arial; text-align: center; color: rgb(57, 204, 204); padding: 0px; appearance: none;"></div><div class="text-white">In-Store</div></div></div></div></div></section><section class="col-lg-7 connectedSortable ui-sortable"><div class="badge"><div class="badge-header ui-sortable-handle" style="cursor: move;"><h3 class="badge-title"><i class="fas fa-chart-pie mr-1"></i>Sales</h3><div class="badge-tools"><ul class="nav nav-pills ml-auto"><li class="nav-item"><a class="nav-link active" href="#revenue-chart" data-toggle="tab">Area</a></li><li class="nav-item"><a class="nav-link" href="#sales-chart" data-toggle="tab">Donut</a></li></ul></div></div><div class="badge-body"><div class="tab-content p-0"><div class="chart tab-pane active" id="revenue-chart" style="position: relative; height: 300px;"><div class="chartjs-size-monitor"><div class="chartjs-size-monitor-expand"><div class=""></div></div><div class="chartjs-size-monitor-shrink"><div class=""></div></div></div><canvas id="revenue-chart-canvas" height="600"style="height: 300px; display: block; width: 524px;" width="1048"class="chartjs-render-monitor"></canvas></div><div class="chart tab-pane" id="sales-chart" style="position: relative; height: 300px;"><canvas id="sales-chart-canvas" height="0" style="height: 0px; display: block; width: 0px;"width="0" class="chartjs-render-monitor"></canvas></div></div></div></div><div class="badge"><div class="badge-header ui-sortable-handle" style="cursor: move;"><h3 class="badge-title"><i class="ion ion-clipboard mr-1"></i>To Do List</h3><div class="badge-tools"><ul class="pagination pagination-sm"><li class="page-item"><a href="#" class="page-link">«</a></li><li class="page-item"><a href="#" class="page-link">1</a></li><li class="page-item"><a href="#" class="page-link">2</a></li><li class="page-item"><a href="#" class="page-link">3</a></li><li class="page-item"><a href="#" class="page-link">»</a></li></ul></div></div><div class="badge-body"><ul class="calendar-list ui-sortable" data-widget="calendar-list"><li><span class="handle ui-sortable-handle"><i class="fas fa-ellipsis-v"></i><i class="fas fa-ellipsis-v"></i></span><div class="icheck-primary d-inline ml-2"><input type="checkbox" value="calendar" name="calendar1" id="calendarCheck1"><label for="calendarCheck1"></label></div><span class="text">Design a nice theme</span><small class="badge badge-danger"><i class="far fa-clock"></i> 2 mins</small><div class="tools"><i class="fas fa-edit"></i><i class="fas fa-trash-o"></i></div></li><li class="done"><span class="handle ui-sortable-handle"><i class="fas fa-ellipsis-v"></i><i class="fas fa-ellipsis-v"></i></span><div class="icheck-primary d-inline ml-2"><input type="checkbox" value="" name="calendar2" id="calendarCheck2" checked=""><label for="calendarCheck2"></label></div><span class="text">Make the theme responsive</span><small class="badge badge-info"><i class="far fa-clock"></i> 4 hours</small><div class="tools"><i class="fas fa-edit"></i><i class="fas fa-trash-o"></i></div></li><li><span class="handle ui-sortable-handle"><i class="fas fa-ellipsis-v"></i><i class="fas fa-ellipsis-v"></i></span><div class="icheck-primary d-inline ml-2"><input type="checkbox" value="" name="calendar3" id="calendarCheck3"><label for="calendarCheck3"></label></div><span class="text">Let theme shine like a star</span><small class="badge badge-warning"><i class="far fa-clock"></i> 1 day</small><div class="tools"><i class="fas fa-edit"></i><i class="fas fa-trash-o"></i></div></li><li><span class="handle ui-sortable-handle"><i class="fas fa-ellipsis-v"></i><i class="fas fa-ellipsis-v"></i></span><div class="icheck-primary d-inline ml-2"><input type="checkbox" value="" name="calendar4" id="calendarCheck4"><label for="calendarCheck4"></label></div><span class="text">Let theme shine like a star</span><small class="badge badge-success"><i class="far fa-clock"></i> 3 days</small><div class="tools"><i class="fas fa-edit"></i><i class="fas fa-trash-o"></i></div></li><li><span class="handle ui-sortable-handle"><i class="fas fa-ellipsis-v"></i><i class="fas fa-ellipsis-v"></i></span><div class="icheck-primary d-inline ml-2"><input type="checkbox" value="" name="calendar5" id="calendarCheck5"><label for="calendarCheck5"></label></div><span class="text">Check your messages and notifications</span><small class="badge badge-primary"><i class="far fa-clock"></i> 1 week</small><div class="tools"><i class="fas fa-edit"></i><i class="fas fa-trash-o"></i></div></li><li><span class="handle ui-sortable-handle"><i class="fas fa-ellipsis-v"></i><i class="fas fa-ellipsis-v"></i></span><div class="icheck-primary d-inline ml-2"><input type="checkbox" value="" name="calendar6" id="calendarCheck6"><label for="calendarCheck6"></label></div><span class="text">Let theme shine like a star</span><small class="badge badge-secondary"><i class="far fa-clock"></i> 1 month</small><div class="tools"><i class="fas fa-edit"></i><i class="fas fa-trash-o"></i></div></li></ul></div><div class="badge-footer clearfix"><button type="button" class="btn btn-primary float-right"><i class="fas fa-plus"></i> Add item</button></div></div><div class="badge direct-chat direct-chat-primary"><div class="badge-header ui-sortable-handle" style="cursor: move;"><h3 class="badge-title">Direct Chat</h3><div class="badge-tools"><span title="3 New Messages" class="badge badge-primary">3</span><button type="button" class="btn btn-tool" data-badge-widget="collapse"><i class="fas fa-minus"></i></button><button type="button" class="btn btn-tool" title="Contacts" data-widget="chat-pane-toggle"><i class="fas fa-comments"></i></button><button type="button" class="btn btn-tool" data-badge-widget="remove"><i class="fas fa-times"></i></button></div></div><div class="badge-body"><div class="direct-chat-messages"><div class="direct-chat-msg"><div class="direct-chat-infos clearfix"><span class="direct-chat-name float-left">Alexander Pierce</span><span class="direct-chat-timestamp float-right">23 Jan 2:00 pm</span></div><img class="direct-chat-img" src="dist/img/user1-128x128.jpg" alt="message user image"><div class="direct-chat-text">Is this template really for free? That's unbelievable!</div></div><div class="direct-chat-msg right"><div class="direct-chat-infos clearfix"><span class="direct-chat-name float-right">Sarah Bullock</span><span class="direct-chat-timestamp float-left">23 Jan 2:05 pm</span></div><img class="direct-chat-img" src="dist/img/user3-128x128.jpg" alt="message user image"><div class="direct-chat-text">You better believe it!</div></div><div class="direct-chat-msg"><div class="direct-chat-infos clearfix"><span class="direct-chat-name float-left">Alexander Pierce</span><span class="direct-chat-timestamp float-right">23 Jan 5:37 pm</span></div><img class="direct-chat-img" src="dist/img/user1-128x128.jpg" alt="message user image"><div class="direct-chat-text">Working with AdminLTE on a great new app! Wanna join?</div></div><div class="direct-chat-msg right"><div class="direct-chat-infos clearfix"><span class="direct-chat-name float-right">Sarah Bullock</span><span class="direct-chat-timestamp float-left">23 Jan 6:10 pm</span></div><img class="direct-chat-img" src="dist/img/user3-128x128.jpg" alt="message user image"><div class="direct-chat-text">I would love to.</div></div></div><div class="direct-chat-contacts"><ul class="contacts-list"><li><a href="#"><img class="contacts-list-img" src="dist/img/user1-128x128.jpg" alt="User Avatar"><div class="contacts-list-info"><span class="contacts-list-name">Count Dracula<small class="contacts-list-date float-right">2/28/2015</small></span><span class="contacts-list-msg">How have you been? I was...</span></div></a></li><li><a href="#"><img class="contacts-list-img" src="dist/img/user7-128x128.jpg" alt="User Avatar"><div class="contacts-list-info"><span class="contacts-list-name">Sarah Doe<small class="contacts-list-date float-right">2/23/2015</small></span><span class="contacts-list-msg">I will be waiting for...</span></div></a></li><li><a href="#"><img class="contacts-list-img" src="dist/img/user3-128x128.jpg" alt="User Avatar"><div class="contacts-list-info"><span class="contacts-list-name">Nadia Jolie<small class="contacts-list-date float-right">2/20/2015</small></span><span class="contacts-list-msg">I'll call you back at...</span></div></a></li><li><a href="#"><img class="contacts-list-img" src="dist/img/user5-128x128.jpg" alt="User Avatar"><div class="contacts-list-info"><span class="contacts-list-name">Nora S. Vans<small class="contacts-list-date float-right">2/10/2015</small></span><span class="contacts-list-msg">Where is your new...</span></div></a></li><li><a href="#"><img class="contacts-list-img" src="dist/img/user6-128x128.jpg" alt="User Avatar"><div class="contacts-list-info"><span class="contacts-list-name">John K.<small class="contacts-list-date float-right">1/27/2015</small></span><span class="contacts-list-msg">Can I take a look at...</span></div></a></li><li><a href="#"><img class="contacts-list-img" src="dist/img/user8-128x128.jpg" alt="User Avatar"><div class="contacts-list-info"><span class="contacts-list-name">Kenneth M.<small class="contacts-list-date float-right">1/4/2015</small></span><span class="contacts-list-msg">Never mind I found...</span></div></a></li></ul></div></div><div class="badge-footer"><form action="#" method="post"><div class="input-group"><input type="text" name="message" placeholder="Type Message ..." class="form-control"><span class="input-group-append"><button type="button" class="btn btn-primary">Send</button></span></div></form></div></div></section></div><div class="row"><div class="col-lg-3 col-6"><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><div class="col-lg-3 col-6"><div class="small-box bg-success"><div class="inner"><h3>53<sup style="font-size: 20px">%</sup></h3><p>Bounce Rate</p></div><div class="icon"><i class="ion ion-stats-bars"></i></div><a href="#" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a></div></div><div class="col-lg-3 col-6"><div class="small-box bg-warning"><div class="inner"><h3>44</h3><p>User Registrations</p></div><div class="icon"><i class="ion ion-person-add"></i></div><a href="#" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a></div></div><div class="col-lg-3 col-6"><div class="small-box bg-danger"><div class="inner"><h3>65</h3><p>Unique Visitors</p></div><div class="icon"><i class="ion ion-pie-graph"></i></div><a href="#" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a></div></div></div></div>