mirror of https://github.com/ColorlibHQ/gentelella
Fixed index2.html
Aigars Silkalns
parent
d29032ed59
commit
ccde4134cb
|
|
@ -537,7 +537,7 @@
|
|||
<div class="col-md-4">
|
||||
<div class="x_panel">
|
||||
<div class="x_title">
|
||||
<h2>Top Profiles <small>Sessions</small></h2>
|
||||
<h2>Recent Activity <small>Timeline</small></h2>
|
||||
<ul class="nav navbar-right panel_toolbox">
|
||||
<li><a class="collapse-link"><i class="fas fa-chevron-up"></i></a>
|
||||
</li>
|
||||
|
|
@ -554,56 +554,49 @@
|
|||
<div class="clearfix"></div>
|
||||
</div>
|
||||
<div class="x_content">
|
||||
<article class="media event">
|
||||
<a class="pull-left date">
|
||||
<p class="month">April</p>
|
||||
<p class="day">23</p>
|
||||
</a>
|
||||
<div class="d-flex-body">
|
||||
<a class="title" href="#">Item One Title</a>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
|
||||
<div class="d-flex align-items-center mb-3">
|
||||
<div class="rounded-circle bg-green text-white d-flex align-items-center justify-content-center me-3" style="width: 36px; height: 36px;">
|
||||
<i class="fas fa-check"></i>
|
||||
</div>
|
||||
</article>
|
||||
<article class="media event">
|
||||
<a class="pull-left date">
|
||||
<p class="month">April</p>
|
||||
<p class="day">23</p>
|
||||
</a>
|
||||
<div class="d-flex-body">
|
||||
<a class="title" href="#">Item Two Title</a>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
|
||||
<div>
|
||||
<div><strong>Order #1247 Completed</strong></div>
|
||||
<small class="text-muted">Customer payment processed successfully</small><br>
|
||||
<small class="text-muted">2 hours ago</small>
|
||||
</div>
|
||||
</article>
|
||||
<article class="media event">
|
||||
<a class="pull-left date">
|
||||
<p class="month">April</p>
|
||||
<p class="day">23</p>
|
||||
</a>
|
||||
<div class="d-flex-body">
|
||||
<a class="title" href="#">Item Two Title</a>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
|
||||
</div>
|
||||
|
||||
<div class="d-flex align-items-center mb-3">
|
||||
<div class="rounded-circle bg-blue text-white d-flex align-items-center justify-content-center me-3" style="width: 36px; height: 36px;">
|
||||
<i class="fas fa-user-plus"></i>
|
||||
</div>
|
||||
</article>
|
||||
<article class="media event">
|
||||
<a class="pull-left date">
|
||||
<p class="month">April</p>
|
||||
<p class="day">23</p>
|
||||
</a>
|
||||
<div class="d-flex-body">
|
||||
<a class="title" href="#">Item Two Title</a>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
|
||||
<div>
|
||||
<div><strong>New User Registration</strong></div>
|
||||
<small class="text-muted">Sarah Miller joined the platform</small><br>
|
||||
<small class="text-muted">4 hours ago</small>
|
||||
</div>
|
||||
</article>
|
||||
<article class="media event">
|
||||
<a class="pull-left date">
|
||||
<p class="month">April</p>
|
||||
<p class="day">23</p>
|
||||
</a>
|
||||
<div class="d-flex-body">
|
||||
<a class="title" href="#">Item Three Title</a>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
|
||||
</div>
|
||||
|
||||
<div class="d-flex align-items-center mb-3">
|
||||
<div class="rounded-circle bg-yellow text-white d-flex align-items-center justify-content-center me-3" style="width: 36px; height: 36px;">
|
||||
<i class="fas fa-exclamation-triangle"></i>
|
||||
</div>
|
||||
</article>
|
||||
<div>
|
||||
<div><strong>System Maintenance</strong></div>
|
||||
<small class="text-muted">Scheduled maintenance tonight at 2 AM</small><br>
|
||||
<small class="text-muted">6 hours ago</small>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="rounded-circle bg-blue text-white d-flex align-items-center justify-content-center me-3" style="width: 36px; height: 36px;">
|
||||
<i class="fas fa-database"></i>
|
||||
</div>
|
||||
<div>
|
||||
<div><strong>Daily Backup Complete</strong></div>
|
||||
<small class="text-muted">All data successfully backed up</small><br>
|
||||
<small class="text-muted">8 hours ago</small>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -611,7 +604,7 @@
|
|||
<div class="col-md-4">
|
||||
<div class="x_panel">
|
||||
<div class="x_title">
|
||||
<h2>Top Profiles <small>Sessions</small></h2>
|
||||
<h2>Customer Reviews <small>Feedback</small></h2>
|
||||
<ul class="nav navbar-right panel_toolbox">
|
||||
<li><a class="collapse-link"><i class="fas fa-chevron-up"></i></a>
|
||||
</li>
|
||||
|
|
@ -628,56 +621,50 @@
|
|||
<div class="clearfix"></div>
|
||||
</div>
|
||||
<div class="x_content">
|
||||
<article class="media event">
|
||||
<a class="pull-left date">
|
||||
<p class="month">April</p>
|
||||
<p class="day">23</p>
|
||||
</a>
|
||||
<div class="d-flex-body">
|
||||
<a class="title" href="#">Item One Title</a>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
|
||||
<div class="mb-4">
|
||||
<div class="d-flex align-items-center mb-2">
|
||||
<img src="images/img.jpg" alt="Customer" class="img-circle" style="width: 40px; height: 40px;">
|
||||
<div class="ms-3">
|
||||
<div><strong>John Anderson</strong></div>
|
||||
<div class="text-warning">
|
||||
<i class="fas fa-star"></i>
|
||||
<i class="fas fa-star"></i>
|
||||
<i class="fas fa-star"></i>
|
||||
<i class="fas fa-star"></i>
|
||||
<i class="fas fa-star"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
<article class="media event">
|
||||
<a class="pull-left date">
|
||||
<p class="month">April</p>
|
||||
<p class="day">23</p>
|
||||
</a>
|
||||
<div class="d-flex-body">
|
||||
<a class="title" href="#">Item Two Title</a>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
|
||||
<p class="text-muted">"Excellent service and fast delivery. The product quality exceeded my expectations. Highly recommended!"</p>
|
||||
</div>
|
||||
|
||||
<div class="mb-4">
|
||||
<div class="d-flex align-items-center mb-2">
|
||||
<img src="images/user.png" alt="Customer" class="img-circle" style="width: 40px; height: 40px;">
|
||||
<div class="ms-3">
|
||||
<div><strong>Maria Garcia</strong></div>
|
||||
<div class="text-warning">
|
||||
<i class="fas fa-star"></i>
|
||||
<i class="fas fa-star"></i>
|
||||
<i class="fas fa-star"></i>
|
||||
<i class="fas fa-star"></i>
|
||||
<i class="far fa-star"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
<article class="media event">
|
||||
<a class="pull-left date">
|
||||
<p class="month">April</p>
|
||||
<p class="day">23</p>
|
||||
</a>
|
||||
<div class="d-flex-body">
|
||||
<a class="title" href="#">Item Two Title</a>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
|
||||
<p class="text-muted">"Great product quality. Customer support was very helpful and responsive."</p>
|
||||
</div>
|
||||
|
||||
<div class="row text-center">
|
||||
<div class="col-6">
|
||||
<h3 class="green"><i class="fas fa-star"></i> 4.8</h3>
|
||||
<p>Average Rating</p>
|
||||
</div>
|
||||
</article>
|
||||
<article class="media event">
|
||||
<a class="pull-left date">
|
||||
<p class="month">April</p>
|
||||
<p class="day">23</p>
|
||||
</a>
|
||||
<div class="d-flex-body">
|
||||
<a class="title" href="#">Item Two Title</a>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
|
||||
<div class="col-6">
|
||||
<h3 class="blue"><i class="fas fa-comments"></i> 1,247</h3>
|
||||
<p>Total Reviews</p>
|
||||
</div>
|
||||
</article>
|
||||
<article class="media event">
|
||||
<a class="pull-left date">
|
||||
<p class="month">April</p>
|
||||
<p class="day">23</p>
|
||||
</a>
|
||||
<div class="d-flex-body">
|
||||
<a class="title" href="#">Item Three Title</a>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -685,7 +672,7 @@
|
|||
<div class="col-md-4">
|
||||
<div class="x_panel">
|
||||
<div class="x_title">
|
||||
<h2>Top Profiles <small>Sessions</small></h2>
|
||||
<h2>System Monitor <small>Status</small></h2>
|
||||
<ul class="nav navbar-right panel_toolbox">
|
||||
<li><a class="collapse-link"><i class="fas fa-chevron-up"></i></a>
|
||||
</li>
|
||||
|
|
@ -702,56 +689,58 @@
|
|||
<div class="clearfix"></div>
|
||||
</div>
|
||||
<div class="x_content">
|
||||
<article class="media event">
|
||||
<a class="pull-left date">
|
||||
<p class="month">April</p>
|
||||
<p class="day">23</p>
|
||||
</a>
|
||||
<div class="d-flex-body">
|
||||
<a class="title" href="#">Item One Title</a>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
|
||||
<div class="mb-3">
|
||||
<div class="d-flex justify-content-between mb-2">
|
||||
<span><strong>Server Load</strong></span>
|
||||
<span class="green">Normal</span>
|
||||
</div>
|
||||
</article>
|
||||
<article class="media event">
|
||||
<a class="pull-left date">
|
||||
<p class="month">April</p>
|
||||
<p class="day">23</p>
|
||||
</a>
|
||||
<div class="d-flex-body">
|
||||
<a class="title" href="#">Item Two Title</a>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
|
||||
<div class="progress progress_sm">
|
||||
<div class="progress-bar bg-green" style="width: 35%"></div>
|
||||
</div>
|
||||
</article>
|
||||
<article class="media event">
|
||||
<a class="pull-left date">
|
||||
<p class="month">April</p>
|
||||
<p class="day">23</p>
|
||||
</a>
|
||||
<div class="d-flex-body">
|
||||
<a class="title" href="#">Item Two Title</a>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
|
||||
</div>
|
||||
|
||||
<div class="mb-3">
|
||||
<div class="d-flex justify-content-between mb-2">
|
||||
<span><strong>Memory Usage</strong></span>
|
||||
<span class="orange">Moderate</span>
|
||||
</div>
|
||||
</article>
|
||||
<article class="media event">
|
||||
<a class="pull-left date">
|
||||
<p class="month">April</p>
|
||||
<p class="day">23</p>
|
||||
</a>
|
||||
<div class="d-flex-body">
|
||||
<a class="title" href="#">Item Two Title</a>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
|
||||
<div class="progress progress_sm">
|
||||
<div class="progress-bar bg-yellow" style="width: 68%"></div>
|
||||
</div>
|
||||
</article>
|
||||
<article class="media event">
|
||||
<a class="pull-left date">
|
||||
<p class="month">April</p>
|
||||
<p class="day">23</p>
|
||||
</a>
|
||||
<div class="d-flex-body">
|
||||
<a class="title" href="#">Item Three Title</a>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
|
||||
</div>
|
||||
|
||||
<div class="mb-3">
|
||||
<div class="d-flex justify-content-between mb-2">
|
||||
<span><strong>Disk Space</strong></span>
|
||||
<span class="green">Good</span>
|
||||
</div>
|
||||
</article>
|
||||
<div class="progress progress_sm">
|
||||
<div class="progress-bar bg-green" style="width: 45%"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<hr>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-sm-6 col-xs-6">
|
||||
<div class="text-center">
|
||||
<h2 class="green">99.9%</h2>
|
||||
<p>System Uptime</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-6 col-xs-6">
|
||||
<div class="text-center">
|
||||
<h2 class="blue">247ms</h2>
|
||||
<p>Response Time</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="text-center">
|
||||
<span class="label label-success">
|
||||
<i class="fas fa-check"></i> All Systems Operational
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Reference in New Issue