342 lines
15 KiB
HTML
342 lines
15 KiB
HTML
|
<table class="table table-striped table-advance table-hover">
|
||
|
|
<thead>
|
||
|
|
<tr>
|
||
|
|
<th colspan="3">
|
||
|
|
<label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">
|
||
|
|
<input type="checkbox" class="mail-group-checkbox" />
|
||
|
|
<span></span>
|
||
|
|
</label>
|
||
|
|
<div class="btn-group input-actions">
|
||
|
|
<a class="btn btn-sm blue btn-outline dropdown-toggle sbold" href="javascript:;" data-toggle="dropdown"> Actions
|
||
|
|
<i class="fa fa-angle-down"></i>
|
||
|
|
</a>
|
||
|
|
<ul class="dropdown-menu">
|
||
|
|
<li>
|
||
|
|
<a href="javascript:;">
|
||
|
|
<i class="fa fa-pencil"></i> Mark as Read </a>
|
||
|
|
</li>
|
||
|
|
<li>
|
||
|
|
<a href="javascript:;">
|
||
|
|
<i class="fa fa-ban"></i> Spam </a>
|
||
|
|
</li>
|
||
|
|
<li class="divider"> </li>
|
||
|
|
<li>
|
||
|
|
<a href="javascript:;">
|
||
|
|
<i class="fa fa-trash-o"></i> Delete </a>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</th>
|
||
|
|
<th class="pagination-control" colspan="3">
|
||
|
|
<span class="pagination-info"> 1-30 of 789 </span>
|
||
|
|
<a class="btn btn-sm blue btn-outline">
|
||
|
|
<i class="fa fa-angle-left"></i>
|
||
|
|
</a>
|
||
|
|
<a class="btn btn-sm blue btn-outline">
|
||
|
|
<i class="fa fa-angle-right"></i>
|
||
|
|
</a>
|
||
|
|
</th>
|
||
|
|
</tr>
|
||
|
|
</thead>
|
||
|
|
<tbody>
|
||
|
|
<tr class="unread" data-messageid="1">
|
||
|
|
<td class="inbox-small-cells">
|
||
|
|
<label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">
|
||
|
|
<input type="checkbox" class="mail-checkbox" value="1" />
|
||
|
|
<span></span>
|
||
|
|
</label>
|
||
|
|
</td>
|
||
|
|
<td class="inbox-small-cells">
|
||
|
|
<i class="fa fa-star"></i>
|
||
|
|
</td>
|
||
|
|
<td class="view-message hidden-xs"> Petronas IT </td>
|
||
|
|
<td class="view-message "> New server for datacenter needed </td>
|
||
|
|
<td class="view-message inbox-small-cells">
|
||
|
|
<i class="fa fa-paperclip"></i>
|
||
|
|
</td>
|
||
|
|
<td class="view-message text-right"> 16:30 PM </td>
|
||
|
|
</tr>
|
||
|
|
<tr class="unread" data-messageid="2">
|
||
|
|
<td class="inbox-small-cells">
|
||
|
|
<label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">
|
||
|
|
<input type="checkbox" class="mail-checkbox" value="1" />
|
||
|
|
<span></span>
|
||
|
|
</label>
|
||
|
|
</td>
|
||
|
|
<td class="inbox-small-cells">
|
||
|
|
<i class="fa fa-star"></i>
|
||
|
|
</td>
|
||
|
|
<td class="view-message hidden-xs"> Daniel Wong </td>
|
||
|
|
<td class="view-message"> Please help us on customization of new secure server </td>
|
||
|
|
<td class="view-message inbox-small-cells"> </td>
|
||
|
|
<td class="view-message text-right"> March 15 </td>
|
||
|
|
</tr>
|
||
|
|
<tr data-messageid="3">
|
||
|
|
<td class="inbox-small-cells">
|
||
|
|
<label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">
|
||
|
|
<input type="checkbox" class="mail-checkbox" value="1" />
|
||
|
|
<span></span>
|
||
|
|
</label>
|
||
|
|
</td>
|
||
|
|
<td class="inbox-small-cells">
|
||
|
|
<i class="fa fa-star"></i>
|
||
|
|
</td>
|
||
|
|
<td class="view-message hidden-xs"> John Doe </td>
|
||
|
|
<td class="view-message"> Lorem ipsum dolor sit amet </td>
|
||
|
|
<td class="view-message inbox-small-cells"> </td>
|
||
|
|
<td class="view-message text-right"> March 15 </td>
|
||
|
|
</tr>
|
||
|
|
<tr data-messageid="4">
|
||
|
|
<td class="inbox-small-cells">
|
||
|
|
<label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">
|
||
|
|
<input type="checkbox" class="mail-checkbox" value="1" />
|
||
|
|
<span></span>
|
||
|
|
</label>
|
||
|
|
</td>
|
||
|
|
<td class="inbox-small-cells">
|
||
|
|
<i class="fa fa-star"></i>
|
||
|
|
</td>
|
||
|
|
<td class="view-message hidden-xs"> Facebook </td>
|
||
|
|
<td class="view-message"> Dolor sit amet, consectetuer adipiscing </td>
|
||
|
|
<td class="view-message inbox-small-cells"> </td>
|
||
|
|
<td class="view-message text-right"> March 14 </td>
|
||
|
|
</tr>
|
||
|
|
<tr data-messageid="5">
|
||
|
|
<td class="inbox-small-cells">
|
||
|
|
<label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">
|
||
|
|
<input type="checkbox" class="mail-checkbox" value="1" />
|
||
|
|
<span></span>
|
||
|
|
</label>
|
||
|
|
</td>
|
||
|
|
<td class="inbox-small-cells">
|
||
|
|
<i class="fa fa-star inbox-started"></i>
|
||
|
|
</td>
|
||
|
|
<td class="view-message hidden-xs"> John Doe </td>
|
||
|
|
<td class="view-message"> Lorem ipsum dolor sit amet </td>
|
||
|
|
<td class="view-message inbox-small-cells"> </td>
|
||
|
|
<td class="view-message text-right"> March 15 </td>
|
||
|
|
</tr>
|
||
|
|
<tr data-messageid="6">
|
||
|
|
<td class="inbox-small-cells">
|
||
|
|
<label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">
|
||
|
|
<input type="checkbox" class="mail-checkbox" value="1" />
|
||
|
|
<span></span>
|
||
|
|
</label>
|
||
|
|
</td>
|
||
|
|
<td class="inbox-small-cells">
|
||
|
|
<i class="fa fa-star inbox-started"></i>
|
||
|
|
</td>
|
||
|
|
<td class="view-message hidden-xs"> Facebook </td>
|
||
|
|
<td class="view-message"> Dolor sit amet, consectetuer adipiscing </td>
|
||
|
|
<td class="view-message inbox-small-cells">
|
||
|
|
<i class="fa fa-paperclip"></i>
|
||
|
|
</td>
|
||
|
|
<td class="view-message text-right"> March 14 </td>
|
||
|
|
</tr>
|
||
|
|
<tr data-messageid="7">
|
||
|
|
<td class="inbox-small-cells">
|
||
|
|
<label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">
|
||
|
|
<input type="checkbox" class="mail-checkbox" value="1" />
|
||
|
|
<span></span>
|
||
|
|
</label>
|
||
|
|
</td>
|
||
|
|
<td class="inbox-small-cells">
|
||
|
|
<i class="fa fa-star inbox-started"></i>
|
||
|
|
</td>
|
||
|
|
<td class="view-message hidden-xs"> John Doe </td>
|
||
|
|
<td class="view-message"> Lorem ipsum dolor sit amet </td>
|
||
|
|
<td class="view-message inbox-small-cells">
|
||
|
|
<i class="fa fa-paperclip"></i>
|
||
|
|
</td>
|
||
|
|
<td class="view-message text-right"> March 15 </td>
|
||
|
|
</tr>
|
||
|
|
<tr data-messageid="8">
|
||
|
|
<td class="inbox-small-cells">
|
||
|
|
<label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">
|
||
|
|
<input type="checkbox" class="mail-checkbox" value="1" />
|
||
|
|
<span></span>
|
||
|
|
</label>
|
||
|
|
</td>
|
||
|
|
<td class="inbox-small-cells">
|
||
|
|
<i class="fa fa-star"></i>
|
||
|
|
</td>
|
||
|
|
<td class="view-message hidden-xs"> Facebook </td>
|
||
|
|
<td class="view-message view-message"> Dolor sit amet, consectetuer adipiscing </td>
|
||
|
|
<td class="view-message inbox-small-cells"> </td>
|
||
|
|
<td class="view-message text-right"> March 14 </td>
|
||
|
|
</tr>
|
||
|
|
<tr data-messageid="9">
|
||
|
|
<td class="inbox-small-cells">
|
||
|
|
<label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">
|
||
|
|
<input type="checkbox" class="mail-checkbox" value="1" />
|
||
|
|
<span></span>
|
||
|
|
</label>
|
||
|
|
</td>
|
||
|
|
<td class="inbox-small-cells">
|
||
|
|
<i class="fa fa-star"></i>
|
||
|
|
</td>
|
||
|
|
<td class="view-message hidden-xs"> John Doe </td>
|
||
|
|
<td class="view-message view-message"> Lorem ipsum dolor sit amet </td>
|
||
|
|
<td class="view-message inbox-small-cells"> </td>
|
||
|
|
<td class="view-message text-right"> March 15 </td>
|
||
|
|
</tr>
|
||
|
|
<tr data-messageid="10">
|
||
|
|
<td class="inbox-small-cells">
|
||
|
|
<label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">
|
||
|
|
<input type="checkbox" class="mail-checkbox" value="1" />
|
||
|
|
<span></span>
|
||
|
|
</label>
|
||
|
|
</td>
|
||
|
|
<td class="inbox-small-cells">
|
||
|
|
<i class="fa fa-star"></i>
|
||
|
|
</td>
|
||
|
|
<td class="view-message hidden-xs"> Facebook </td>
|
||
|
|
<td class="view-message view-message"> Dolor sit amet, consectetuer adipiscing </td>
|
||
|
|
<td class="view-message inbox-small-cells"> </td>
|
||
|
|
<td class="view-message text-right"> March 14 </td>
|
||
|
|
</tr>
|
||
|
|
<tr data-messageid="11">
|
||
|
|
<td class="inbox-small-cells">
|
||
|
|
<label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">
|
||
|
|
<input type="checkbox" class="mail-checkbox" value="1" />
|
||
|
|
<span></span>
|
||
|
|
</label>
|
||
|
|
</td>
|
||
|
|
<td class="inbox-small-cells">
|
||
|
|
<i class="fa fa-star inbox-started"></i>
|
||
|
|
</td>
|
||
|
|
<td class="view-message hidden-xs"> John Doe </td>
|
||
|
|
<td class="view-message"> Lorem ipsum dolor sit amet </td>
|
||
|
|
<td class="view-message inbox-small-cells"> </td>
|
||
|
|
<td class="view-message text-right"> March 15 </td>
|
||
|
|
</tr>
|
||
|
|
<tr data-messageid="12">
|
||
|
|
<td class="inbox-small-cells">
|
||
|
|
<label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">
|
||
|
|
<input type="checkbox" class="mail-checkbox" value="1" />
|
||
|
|
<span></span>
|
||
|
|
</label>
|
||
|
|
</td>
|
||
|
|
<td class="inbox-small-cells">
|
||
|
|
<i class="fa fa-star inbox-started"></i>
|
||
|
|
</td>
|
||
|
|
<td class="hidden-xs"> Facebook </td>
|
||
|
|
<td class="view-message"> Dolor sit amet, consectetuer adipiscing </td>
|
||
|
|
<td class="view-message inbox-small-cells">
|
||
|
|
<i class="fa fa-paperclip"></i>
|
||
|
|
</td>
|
||
|
|
<td class="view-message text-right"> March 14 </td>
|
||
|
|
</tr>
|
||
|
|
<tr data-messageid="13">
|
||
|
|
<td class="inbox-small-cells">
|
||
|
|
<label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">
|
||
|
|
<input type="checkbox" class="mail-checkbox" value="1" />
|
||
|
|
<span></span>
|
||
|
|
</label>
|
||
|
|
</td>
|
||
|
|
<td class="inbox-small-cells">
|
||
|
|
<i class="fa fa-star"></i>
|
||
|
|
</td>
|
||
|
|
<td class="view-message hidden-xs"> John Doe </td>
|
||
|
|
<td class="view-message"> Lorem ipsum dolor sit amet </td>
|
||
|
|
<td class="view-message inbox-small-cells">
|
||
|
|
<i class="fa fa-paperclip"></i>
|
||
|
|
</td>
|
||
|
|
<td class="view-message text-right"> March 15 </td>
|
||
|
|
</tr>
|
||
|
|
<tr data-messageid="14">
|
||
|
|
<td class="inbox-small-cells">
|
||
|
|
<label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">
|
||
|
|
<input type="checkbox" class="mail-checkbox" value="1" />
|
||
|
|
<span></span>
|
||
|
|
</label>
|
||
|
|
</td>
|
||
|
|
<td class="inbox-small-cells">
|
||
|
|
<i class="fa fa-star"></i>
|
||
|
|
</td>
|
||
|
|
<td class="hidden-xs"> Facebook </td>
|
||
|
|
<td class="view-message view-message"> Dolor sit amet, consectetuer adipiscing </td>
|
||
|
|
<td class="view-message inbox-small-cells"> </td>
|
||
|
|
<td class="view-message text-right"> March 14 </td>
|
||
|
|
</tr>
|
||
|
|
<tr data-messageid="15">
|
||
|
|
<td class="inbox-small-cells">
|
||
|
|
<label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">
|
||
|
|
<input type="checkbox" class="mail-checkbox" value="1" />
|
||
|
|
<span></span>
|
||
|
|
</label>
|
||
|
|
</td>
|
||
|
|
<td class="inbox-small-cells">
|
||
|
|
<i class="fa fa-star"></i>
|
||
|
|
</td>
|
||
|
|
<td class="view-message hidden-xs"> John Doe </td>
|
||
|
|
<td class="view-message"> Lorem ipsum dolor sit amet </td>
|
||
|
|
<td class="view-message inbox-small-cells"> </td>
|
||
|
|
<td class="view-message text-right"> March 15 </td>
|
||
|
|
</tr>
|
||
|
|
<tr data-messageid="16">
|
||
|
|
<td class="inbox-small-cells">
|
||
|
|
<label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">
|
||
|
|
<input type="checkbox" class="mail-checkbox" value="1" />
|
||
|
|
<span></span>
|
||
|
|
</label>
|
||
|
|
</td>
|
||
|
|
<td class="inbox-small-cells">
|
||
|
|
<i class="fa fa-star"></i>
|
||
|
|
</td>
|
||
|
|
<td class="view-message hidden-xs"> Facebook </td>
|
||
|
|
<td class="view-message"> Dolor sit amet, consectetuer adipiscing </td>
|
||
|
|
<td class="view-message inbox-small-cells"> </td>
|
||
|
|
<td class="view-message text-right"> March 14 </td>
|
||
|
|
</tr>
|
||
|
|
<tr data-messageid="17">
|
||
|
|
<td class="inbox-small-cells">
|
||
|
|
<label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">
|
||
|
|
<input type="checkbox" class="mail-checkbox" value="1" />
|
||
|
|
<span></span>
|
||
|
|
</label>
|
||
|
|
</td>
|
||
|
|
<td class="inbox-small-cells">
|
||
|
|
<i class="fa fa-star inbox-started"></i>
|
||
|
|
</td>
|
||
|
|
<td class="view-message hidden-xs"> John Doe </td>
|
||
|
|
<td class="view-message"> Lorem ipsum dolor sit amet </td>
|
||
|
|
<td class="view-message inbox-small-cells"> </td>
|
||
|
|
<td class="view-message text-right"> March 15 </td>
|
||
|
|
</tr>
|
||
|
|
<tr data-messageid="18">
|
||
|
|
<td class="inbox-small-cells">
|
||
|
|
<label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">
|
||
|
|
<input type="checkbox" class="mail-checkbox" value="1" />
|
||
|
|
<span></span>
|
||
|
|
</label>
|
||
|
|
</td>
|
||
|
|
<td class="inbox-small-cells">
|
||
|
|
<i class="fa fa-star"></i>
|
||
|
|
</td>
|
||
|
|
<td class="view-message hidden-xs"> Facebook </td>
|
||
|
|
<td class="view-message view-message"> Dolor sit amet, consectetuer adipiscing </td>
|
||
|
|
<td class="view-message inbox-small-cells">
|
||
|
|
<i class="fa fa-paperclip"></i>
|
||
|
|
</td>
|
||
|
|
<td class="view-message text-right"> March 14 </td>
|
||
|
|
</tr>
|
||
|
|
<tr data-messageid="19">
|
||
|
|
<td class="inbox-small-cells">
|
||
|
|
<label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">
|
||
|
|
<input type="checkbox" class="mail-checkbox" value="1" />
|
||
|
|
<span></span>
|
||
|
|
</label>
|
||
|
|
</td>
|
||
|
|
<td class="inbox-small-cells">
|
||
|
|
<i class="fa fa-star"></i>
|
||
|
|
</td>
|
||
|
|
<td class="view-message hidden-xs"> John Doe </td>
|
||
|
|
<td class="view-message"> Lorem ipsum dolor sit amet </td>
|
||
|
|
<td class="view-message inbox-small-cells">
|
||
|
|
<i class="fa fa-paperclip"></i>
|
||
|
|
</td>
|
||
|
|
<td class="view-message text-right"> March 15 </td>
|
||
|
|
</tr>
|
||
|
|
</tbody>
|
||
|
|
</table>
|