<!-- Cod Box Copy begin -->
<ul class="crm-activity">
<li class="media">
<span class="me-3 font-primary">A</span>
<div class="align-self-center media-body">
<h6 class="mt-0">Any desktop publishing packages and web page editors.</h6>
<ul class="dates">
<li class="digits">25 July 2017</li>
<li class="digits">20 hours ago</li>
</ul>
</div>
</li>
<li class="media">
<span class="me-3 font-secondary">C</span>
<div class="align-self-center media-body">
<h6 class="mt-0">Contrary to popular belief, Lorem Ipsum is not simply.</h6>
<ul class="dates">
<li class="digits">25 July 2017</li>
<li class="digits">20 hours ago</li>
</ul>
</div>
</li>
<li class="media">
<span class="me-3 font-primary">E</span>
<div class="align-self-center media-body">
<h6 class="mt-0">Established fact that a reader will be distracted</h6>
<ul class="dates">
<li class="digits">25 July 2017</li>
<li class="digits">20 hours ago</li>
</ul>
</div>
</li>
<li class="media">
<span class="me-3 font-secondary">H</span>
<div class="align-self-center media-body">
<h6 class="mt-0">H-Code - A premium portfolio template from ThemeZaa</h6>
<ul class="dates">
<li class="digits">25 July 2017</li>
<li class="digits">20 hours ago</li>
</ul>
</div>
</li>
<li class="media">
<span class="me-3 font-primary">T</span>
<div class="align-self-center media-body">
<h6 class="mt-0">There isn't anything embarrassing hidden.</h6>
<ul class="dates">
<li class="digits">25 July 2017</li>
<li class="digits">20 hours ago</li>
</ul>
</div>
</li>
<li class="media">
<div class="align-self-center media-body">
<ul class="dates">
<li class="digits">25 July 2017</li>
<li class="digits">20 hours ago</li>
</ul>
</div>
</li>
</ul>
<!-- 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. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia
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. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia
Details | Quantity | Status | Price |
---|---|---|---|
Simply dummy text of the printing | 1 | Pending |
6523
|
Long established | 5 | Cancle |
6523
|
sometimes by accident | 10 | Cancle |
6523
|
Classical Latin literature | 9 | Return |
6523
|
keep the site on the Internet | 8 | Pending |
6523
|
Molestiae consequatur | 3 | Cancle |
6523
|
Pain can procure | 8 | Return |
6523
|
<!-- Cod Box Copy begin -->
<div class="user-status table-responsive">
<table class="table table-bordernone">
<thead>
<tr>
<th scope="col">Details</th>
<th scope="col">Quantity</th>
<th scope="col">Status</th>
<th scope="col">Price</th>
</tr>
</thead>
<tbody>
<tr>
<td>Simply dummy text of the printing</td>
<td class="digits">1</td>
<td class="font-primary">Pending</td>
<td class="span badge badge-pill pill-badge-secondary">6523</td>
</tr>
<tr>
<td>Long established</td>
<td class="digits">5</td>
<td class="font-secondary">cancle</td>
<td class="span badge badge-pill pill-badge-success">6523</td>
</tr>
<tr>
<td>sometimes by accident</td>
<td class="digits">10</td>
<td class="font-secondary">cancle</td>
<td class="span badge badge-pill pill-badge-warning">6523</td>
</tr>
<tr>
<td>Classical Latin literature</td>
<td class="digits">9</td>
<td class="font-primary">Return</td>
<td class="span badge badge-pill pill-badge-primary">6523</td>
</tr>
<tr>
<td>keep the site on the Internet</td>
<td class="digits">8</td>
<td class="font-primary">Pending</td>
<td class="span badge badge-pill pill-badge-danger">6523</td>
</tr>
<tr>
<td>Molestiae consequatur</td>
<td class="digits">3</td>
<td class="font-secondary">cancle</td>
<td class="span badge badge-pill pill-badge-info">6523</td>
</tr>
<tr>
<td>Pain can procure</td>
<td class="digits">8</td>
<td class="font-primary">Return</td>
<td class="span badge badge-pill pill-badge-primary">6523</td>
</tr>
</tbody>
</table>
</div>
<!-- Cod Box Copy end -->
Name | Designation | Skill Level | Experience |
---|---|---|---|
John Deo (14+ Online) |
Designer |
|
2 Year |
Holio Mako (250+ Online) |
Developer |
|
3 Year |
Mohsib lara(99+ Online) |
Tester |
|
5 Month |
Hileri Soli (150+ Online) |
Designer |
|
3 Month |
Pusiz bia (14+ Online) |
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 -->