<!-- Cod Box Copy begin -->
<div class="activity-media">
<div class="media">
<div class="recent-circle bg-primary"></div>
<div class="media-body">
<h6 class="f-18 font-roboto">
Any desktop publishing pack ages and web
page editors.
</h6>
<span><i class="me-2" data-feather="clock"></i><span class="font-roboto">25 July 2017 | 20 hours ago</span></span>
</div>
</div>
<div class="media">
<div class="recent-circle bg-primary"></div>
<div class="media-body">
<h6 class="f-18 font-roboto">
Contrary to popular belief, Lorem Ipsum
is not simply.
</h6><span><i class="me-2" data-feather="clock"></i><span class="font-roboto">25 July 2017 | 20 hours ago</span></span>
</div>
</div>
<div class="media">
<div class="recent-circle bg-primary"></div>
<div class="media-body">
<h6 class="f-18 font-roboto">Established fact that a reader will be distracted lorem.</h6><span><i class="me-2" data-feather="clock"></i><span class="font-roboto">25 July 2017 | 20 hours ago</span></span>
</div>
</div>
<div class="media">
<div class="recent-circle bg-primary"></div>
<div class="media-body">
<h6 class="f-18 font-roboto">Established fact that a reader will be distracted lorem.</h6><span><i class="me-2" data-feather="clock"></i><span class="font-roboto">25 July 2017 | 20 hours ago</span></span>
</div>
</div>
</div>
<!-- Cod Box Copy end -->

Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old.
Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old.
| Name | Daily | Weekly | Monthly | |
|---|---|---|---|---|
![]() |
Google Chrome | 28% | 76% | 36% |
![]() |
Mozilla Firefox | 28% | 76% | 36% |
![]() |
Safari (web browser) | 28% | 76% | 36% |
| Details | Qty. | Price | Status |
|---|---|---|---|
| Dummy text usedout print | 10 | $6523 | Done |
| Graphic or web designs | 20 | $6523 | Pending |
| Attributed Passage | 40 | $6523 | Done |
| Unknown typesetter | 05 | $6523 | In process |
| Have scrambled | 08 | $6523 | Pending |
| Type specimen | 12 | $6523 | Pending |
<!-- Cod Box Copy begin -->
<div class="user-status table-responsive best-seller-table mb-0">
<table class="table table-bordernone">
<thead>
<tr>
<th scope="col">Details</th>
<th scope="col">Qty.</th>
<th scope="col">Price</th>
<th class="text-end" scope="col">Status</th>
</tr>
</thead>
<tbody>
<tr>
<td>Dummy text usedout print</td>
<td class="digits">10</td>
<td class="digits font-primary">$6523</td>
<td class="text-end"><span class="badge badge-light-success"><i class="me-2" data-feather="check"></i> Done</span></td>
</tr>
<tr>
<td>Graphic or web designs</td>
<td class="digits">20</td>
<td class="digits font-primary">$6523</td>
<td class="text-end"><span class="badge badge-light-warning"><i class="me-2" data-feather="rotate-cw"></i> Pending</span></td>
</tr>
<tr>
<td>Attributed Passage</td>
<td class="digits">40</td>
<td class="digits font-primary">$6523</td>
<td class="text-end"><span class="badge badge-light-success"><i class="me-2" data-feather="check"></i> Done</span></td>
</tr>
<tr>
<td>Unknown typesetter</td>
<td class="digits">05</td>
<td class="digits font-primary">$6523</td>
<td class="text-end"><span class="badge badge-light-info"><i class="me-2" data-feather="clock"></i> In process</span></td>
</tr>
<tr>
<td>Have scrambled</td>
<td class="digits">08</td>
<td class="digits font-primary">$6523</td>
<td class="text-end"><span class="badge badge-light-warning"><i class="me-2" data-feather="rotate-cw"></i> Pending</span></td>
</tr>
<tr>
<td>Type specimen</td>
<td class="digits">12</td>
<td class="digits font-primary">$6523</td>
<td class="text-end"><span class="badge badge-light-warning"><i class="me-2" data-feather="rotate-cw"></i> Pending</span></td>
</tr>
</tbody>
</table>
</div>
<!-- Cod Box Copy end -->
| Name | Designation | Experience | Skill Level |
|---|---|---|---|
John Deo |
Designer | 2 Year |
|
Holio Mako |
Developer | 3 Year |
|
Mohsib lara |
Tester | 5 Month |
|
Hileri Soli |
Designer | 3 Month |
|
Pusiz bia |
Designer | 5 Year |
|
<!-- Cod Box Copy begin -->
<div class="user-status table-responsive">
<table class="table table-bordernone">
<thead>
<tr>
<th scope="col">Name</th>
<th scope="col">Designation</th>
<th scope="col">Skill Level</th>
<th scope="col">Experience</th>
</tr>
</thead>
<tbody>
<tr>
<td class="bd-t-none u-s-tb">
<div class="align-middle image-sm-size">
<img src="assets/images/user/4.jpg" atl="user" class="img-radius align-top m-r-15 rounded-circle">
<div class="d-inline-block">>
<h6>John Deo <span class="text-muted digits">(14+ Online)</span></h6>
</div>
</div>
</td>
<td>Designer</td>
<td>
<div class="progress-showcase">
<div class="progress" style="height:8px;">
<div class="progress-bar bg-primary" role="progressbar" style="width: 30%" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
</td>
<td>class="digits">2 Year</td>
</tr>
<tr>
<td class="bd-t-none u-s-tb">
<div class="align-middle image-sm-size">
<img src="assets/images/user/1.jpg" atl="user" class="img-radius align-top m-r-15 rounded-circle">
<div class="d-inline-block">>
<h6>Holio Mako <span class="text-muted digits">(250+ Online)</span></h6>
</div>
</div>
</td>
<td>Developer</td>
<td>
<div class="progress-showcase">
<div class="progress" style="height:8px;">
<div class="progress-bar bg-secondary" role="progressbar" style="width: 70%" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
</td>
<td>class="digits">3 Year<td>
</tr>
<tr>
<td class="bd-t-none u-s-tb">
<div class="align-middle image-sm-size">
<img src="assets/images/user/5.jpg" atl="user" class="img-radius align-top m-r-15 rounded-circle">
<div class="d-inline-block">>
<h6>Mohsib lara<span class="text-muted digits">(99+ Online)</span></h6>
</div>
</div>
</td>
<td>Tester</td>
<td>
<div class="progress-showcase">
<div class="progress" style="height:8px;">
<div class="progress-bar bg-primary" role="progressbar" style="width: 60%" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
</td>
<td>class="digits">5 Month</td>
</tr>
<tr>
<td class="bd-t-none u-s-tb">
<div class="align-middle image-sm-size">
<img src="assets/images/user/6.jpg" atl="user" class="img-radius align-top m-r-15 rounded-circle">
<div class="d-inline-block">>
<h6>Hileri Soli <span class="text-muted digits">(150+ Online)</span></h6>
</div>
</div>
</td>
<td>Designer</td>
<td>
<div class="progress-showcase">
<div class="progress" style="height:8px;">
<div class="progress-bar bg-secondary" role="progressbar" style="width: 30%" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
</td>
<td>class="digits">3 Month</td>
</tr>
<tr>
<td class="bd-t-none u-s-tb">
<div class="align-middle image-sm-size">
<img src="assets/images/user/7.jpg" atl="user" class="img-radius align-top m-r-15 rounded-circle">
<div class="d-inline-block">>
<h6>Pusiz bia <span class="text-muted digits">(14+ Online)</span></h6>
</div>
</div>
</td>
<td>Designer</td>
<td>
<div class="progress-showcase">
<div class="progress" style="height:8px;">
<div class="progress-bar bg-primary" role="progressbar" style="width: 90%" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
</td>
<td>class="digits">5 Year</td>
</tr>
</tbody>
</table>
</div>
<!-- Cod Box Copy end -->
<!-- Cod Box Copy begin -->
<div class="contact-form card-body">
<form class="theme-form">
<div class="form-icon">
<i class="icofont icofont-envelope-open"></i>
</div>
<div class="mb-3">
<label for="exampleInputName">Your Name</label>
<input type="text" class="form-control" id="exampleInputName" placeholder="John Dio">
</div>
<div class="mb-3">
<label for="exampleInputEmail1" class="col-form-label">Email</label>
<input type="email" class="form-control" id="exampleInputEmail1" placeholder="Demo@gmail.com">
</div>
<div class="mb-3">
<label for="exampleInputEmail1" class="col-form-label">Message</label>
<textarea row="3" cols="50" class="form-control textarea" placeholder="Your Message"></textarea>
</div>
<div class="text-sm-end">
<button class="btn btn-primary-gradien">SEND IT</button>
</div>
</form>
</div>
<!-- Cod Box Copy end -->