{% extends 'hexabox/elements/layouts/admin.html' %}
{% load static %}
        
{% block additional_css %}

{% endblock %}		
{% block content %}

			<div class="container-fluid">
				<div class="row">

					<!-- Start - Performance Indicators -->
					<div class="col-xl-12">
						<div class="card">
							<div class="card-header border-0">
								<h4 class="card-title">Performance Indicators</h4>
							</div>
							<div class="card-body table-card-body px-0 pt-0 pb-2">
								<div class="table-responsive">
									<table class="table table-bottom-borderless m-0">
										<thead class="table-light">
											<tr>
												<th class="mw-150">Title</th>
												<th class="mw-150">Designation</th>
												<th class="mw-150">Rating</th>
												<th class="mw-150">Added By</th>
												<th class="mw-150">Created Date</th>
											</tr>
										</thead>
										<tbody>
											<tr>
												<td><a href="javascript:void(0)">Jack</a></td>
												<td>Civil Engineer</td>
												<td>
													<i class="fa-sharp fa-solid fa-star text-orange"></i>
													<i class="fa-sharp fa-solid fa-star text-orange"></i>
													<i class="fa-sharp fa-solid fa-star text-orange"></i>
													<i class="fa-solid fa-star-half-stroke text-orange"></i>
													<i class="fa-solid fa-star-half-stroke text-orange"></i>
													<span>4.0</span>
												</td>
												<td>John Marry</td>
												<td>14 Feb 2023</td>
											</tr>
											<tr>
												<td><a href="javascript:void(0)">Khalid</a></td>
												<td>Software Engineer</td>
												<td>
													<i class="fa-sharp fa-solid fa-star text-orange"></i>
													<i class="fa-sharp fa-solid fa-star text-orange"></i>
													<i class="fa-sharp fa-solid fa-star text-orange"></i>
													<i class="fa-solid fa-star-half-stroke text-orange"></i>
													<i class="fa-solid fa-star-half-stroke text-orange"></i>
													<span>2.1</span>
												</td>
												<td>Caty Fsa</td>
												<td>18 Feb 2023</td>
											</tr>
											<tr>
												<td><a href="javascript:void(0)">Ethan</a></td>
												<td>Website Engineer</td>
												<td>
													<i class="fa-sharp fa-solid fa-star text-orange"></i>
													<i class="fa-sharp fa-solid fa-star text-orange"></i>
													<i class="fa-solid fa-star-half-stroke text-orange"></i>
													<i class="fa-solid fa-star-half-stroke text-orange"></i>
													<i class="fa-solid fa-star-half-stroke text-orange"></i>
													<span>3.1</span>
												</td>
												<td>John Marry</td>
												<td>19 Feb 2023</td>
											</tr>
											<tr>
												<td><a href="javascript:void(0)">Peter</a></td>
												<td>Software Engineer</td>
												<td>
													<i class="fa-sharp fa-solid fa-star text-orange"></i>
													<i class="fa-sharp fa-solid fa-star text-orange"></i>
													<i class="fa-sharp fa-solid fa-star text-orange"></i>
													<i class="fa-solid fa-star-half-stroke text-orange"></i>
													<i class="fa-solid fa-star-half-stroke text-orange"></i>
													<span>4.0</span>
												</td>
												<td>Geeta Marry</td>
												<td>14 Feb 2023</td>
											</tr>
											<tr>
												<td><a href="javascript:void(0)">Aaron</a></td>
												<td>Civil Engineer</td>
												<td>
													<i class="fa-sharp fa-solid fa-star text-orange"></i>
													<i class="fa-sharp fa-solid fa-star text-orange"></i>
													<i class="fa-sharp fa-solid fa-star text-orange"></i>
													<i class="fa-solid fa-star-half-stroke text-orange"></i>
													<i class="fa-solid fa-star-half-stroke text-orange"></i>
													<span>4.0</span>
												</td>
												<td>John Marry</td>
												<td>14 Feb 2023</td>
											</tr>
											<tr>
												<td><a href="javascript:void(0)">Scott</a></td>
												<td>Software Engineer</td>
												<td>
													<i class="fa-sharp fa-solid fa-star text-orange"></i>
													<i class="fa-sharp fa-solid fa-star text-orange"></i>
													<i class="fa-sharp fa-solid fa-star text-orange"></i>
													<i class="fa-solid fa-star-half-stroke text-orange"></i>
													<i class="fa-solid fa-star-half-stroke text-orange"></i>
													<span>2.1</span>
												</td>
												<td>Caty Fsa</td>
												<td>18 Feb 2023</td>
											</tr>
											<tr>
												<td><a href="javascript:void(0)">Morris</a></td>
												<td>Website Engineer</td>
												<td>
													<i class="fa-sharp fa-solid fa-star text-orange"></i>
													<i class="fa-sharp fa-solid fa-star text-orange"></i>
													<i class="fa-solid fa-star-half-stroke text-orange"></i>
													<i class="fa-solid fa-star-half-stroke text-orange"></i>
													<i class="fa-solid fa-star-half-stroke text-orange"></i>
													<span>3.1</span>
												</td>
												<td>John Marry</td>
												<td>19 Feb 2023</td>
											</tr>
											<tr>
												<td><a href="javascript:void(0)">Robin</a></td>
												<td>Software Engineer</td>
												<td>
													<i class="fa-sharp fa-solid fa-star text-orange"></i>
													<i class="fa-sharp fa-solid fa-star text-orange"></i>
													<i class="fa-sharp fa-solid fa-star text-orange"></i>
													<i class="fa-solid fa-star-half-stroke text-orange"></i>
													<i class="fa-solid fa-star-half-stroke text-orange"></i>
													<span>4.0</span>
												</td>
												<td>Geeta Marry</td>
												<td>14 Feb 2023</td>
											</tr>
											<tr>
												<td><a href="javascript:void(0)">Samuel</a></td>
												<td>Civil Engineer</td>
												<td>
													<i class="fa-sharp fa-solid fa-star text-orange"></i>
													<i class="fa-sharp fa-solid fa-star text-orange"></i>
													<i class="fa-sharp fa-solid fa-star text-orange"></i>
													<i class="fa-solid fa-star-half-stroke text-orange"></i>
													<i class="fa-solid fa-star-half-stroke text-orange"></i>
													<span>4.0</span>
												</td>
												<td>John Marry</td>
												<td>14 Feb 2023</td>
											</tr>
											<tr>
												<td><a href="javascript:void(0)">Cedric</a></td>
												<td>Software Engineer</td>
												<td>
													<i class="fa-sharp fa-solid fa-star text-orange"></i>
													<i class="fa-sharp fa-solid fa-star text-orange"></i>
													<i class="fa-sharp fa-solid fa-star text-orange"></i>
													<i class="fa-solid fa-star-half-stroke text-orange"></i>
													<i class="fa-solid fa-star-half-stroke text-orange"></i>
													<span>2.1</span>
												</td>
												<td>Caty Fsa</td>
												<td>18 Feb 2023</td>
											</tr>
											<tr>
												<td><a href="javascript:void(0)">Sandy</a></td>
												<td>Website Engineer</td>
												<td>
													<i class="fa-sharp fa-solid fa-star text-orange"></i>
													<i class="fa-sharp fa-solid fa-star text-orange"></i>
													<i class="fa-solid fa-star-half-stroke text-orange"></i>
													<i class="fa-solid fa-star-half-stroke text-orange"></i>
													<i class="fa-solid fa-star-half-stroke text-orange"></i>
													<span>3.1</span>
												</td>
												<td>John Marry</td>
												<td>19 Feb 2023</td>
											</tr>
											<tr>
												<td><a href="javascript:void(0)">Joe</a></td>
												<td>Software Engineer</td>
												<td>
													<i class="fa-sharp fa-solid fa-star text-orange"></i>
													<i class="fa-sharp fa-solid fa-star text-orange"></i>
													<i class="fa-sharp fa-solid fa-star text-orange"></i>
													<i class="fa-solid fa-star-half-stroke text-orange"></i>
													<i class="fa-solid fa-star-half-stroke text-orange"></i>
													<span>4.0</span>
												</td>
												<td>Geeta Marry</td>
												<td>14 Feb 2023</td>
											</tr>
										</tbody>										
									</table>
								</div>
							</div>
						</div>
					</div>
					<!-- Start - Performance Indicators -->

				</div>
			</div>


{% endblock %}