mirror of
https://gitlab.com/CIEFWorldwideSdnBhd/IZYIM-Prototype.git
synced 2026-08-27 16:43:56 +00:00
Contactlist Amendment
This commit is contained in:
Nur Nadiah Nabilah Binti Hashinordin
+132
-1
@@ -63,6 +63,21 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
margin-right: -100%;
|
||||
}
|
||||
}
|
||||
.media-object-1 {
|
||||
width: 100px;
|
||||
}
|
||||
.media-object-2 {
|
||||
width: 120px;
|
||||
position: right ;
|
||||
margin-left: 90%;
|
||||
|
||||
}
|
||||
.media-object-3 {
|
||||
width: 45px;
|
||||
position: right ;
|
||||
margin-left: 65%;
|
||||
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
@@ -87,12 +102,16 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
</a>
|
||||
<!-- END RESPONSIVE MENU TOGGLER -->
|
||||
<!-- BEGIN TOP NAVIGATION MENU -->
|
||||
<img style="border-radius:100%" class="media-object-3" src="../assets/layouts/layout/img/Qrcode2.jpg" alt="...">
|
||||
<div class="top-menu">
|
||||
|
||||
<ul class="nav navbar-nav pull-right">
|
||||
<!-- BEGIN USER LOGIN DROPDOWN -->
|
||||
<!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
|
||||
|
||||
<li class="dropdown dropdown-user">
|
||||
<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
|
||||
|
||||
<img alt="" class="img-circle" src="../assets/layouts/layout/img/avatar3_small.jpg" />
|
||||
<span class="username username-hide-on-mobile"> Syed Amir </span>
|
||||
<i class="fa fa-angle-down"></i>
|
||||
@@ -262,7 +281,8 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
</div>
|
||||
<!-- END PAGE BAR -->
|
||||
<!-- BEGIN PAGE TITLE-->
|
||||
<h1 class="page-title"> Contact List
|
||||
|
||||
<h1 class="page-title"> Contact List <img style="border-radius:50%" class="media-object-2" src="../assets/layouts/layout/img/Qrcode1.png" alt="...">
|
||||
</h1>
|
||||
<!-- END PAGE TITLE-->
|
||||
<!-- END PAGE HEADER-->
|
||||
@@ -424,6 +444,117 @@ License: You must have a valid license purchased only from themeforest(the above
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div class="table-toolbar">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="btn-group">
|
||||
<button id="sample_editable_1_new" class="btn green"> Follow
|
||||
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="search-table table-responsive">
|
||||
|
||||
<table class="table table-bordered table-striped table-condensed">
|
||||
<thead class="bg-blue">
|
||||
<tr>
|
||||
<th>
|
||||
<a href="javascript:;">Company Logo</a>
|
||||
</th>
|
||||
<th>
|
||||
<a href="javascript:;">Company Name</a>
|
||||
</th>
|
||||
<th>
|
||||
<a href="javascript:;">Contact Person</a>
|
||||
</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="table-status">
|
||||
<center><img style="border-radius:50%!important" class="media-object-1" src="../assets/layouts/layout/img/comp1.png" alt="..."></center>
|
||||
</td>
|
||||
<td class="table-title">
|
||||
<h3>
|
||||
<a href="javascript:;">Alpha Shipping Co</a>
|
||||
</h3>
|
||||
</td>
|
||||
<td class="table-title">
|
||||
<h3>
|
||||
<a href="javascript:;">Linda Wong</a>
|
||||
</h3>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="table-status">
|
||||
<center><img style="border-radius:50%!important" class="media-object-1" src="../assets/layouts/layout/img/comp2.png" alt="..."></center>
|
||||
</td>
|
||||
<td class="table-title">
|
||||
<h3>
|
||||
<a href="javascript:;">Maersk Sdn Bhd</a>
|
||||
</h3>
|
||||
</td>
|
||||
<td class="table-title">
|
||||
<h3>
|
||||
<a href="javascript:;">Edris Karim</a>
|
||||
</h3>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="table-status">
|
||||
<center><img style="border-radius:50%!important" class="media-object-1" src="../assets/layouts/layout/img/comp3.jpg" alt="..."></center>
|
||||
</td>
|
||||
<td class="table-title">
|
||||
<h3>
|
||||
<a href="javascript:;">Msco Sdn Bhd</a>
|
||||
</h3>
|
||||
</td>
|
||||
<td class="table-title">
|
||||
<h3>
|
||||
<a href="javascript:;">Azrin Hamidi</a>
|
||||
</h3>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="table-status">
|
||||
<a href="javascript:;">
|
||||
<center><img style="border-radius:50%!important" class="media-object-1" src="../assets/layouts/layout/img/comp4.jpg" alt="..."></center>
|
||||
</a>
|
||||
</td>
|
||||
<td class="table-title">
|
||||
<h3>
|
||||
<a href="javascript:;">Cosco Sdn Bhd
|
||||
</a>
|
||||
</h3>
|
||||
</td>
|
||||
<td class="table-title">
|
||||
<h3>
|
||||
<a href="javascript:;">Kuhanraj Balan</a>
|
||||
</h3>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="table-status">
|
||||
<center><img style="border-radius:50%!important" class="media-object-1" src="../assets/layouts/layout/img/comp5.jpg" alt="..."></center>
|
||||
</td>
|
||||
<td class="table-title">
|
||||
<h3>
|
||||
<a href="javascript:;">Deep Sea Shipping Logistic Sdn Bhd
|
||||
</a>
|
||||
</h3>
|
||||
</td>
|
||||
<td class="table-title">
|
||||
<h3>
|
||||
<a href="javascript:;">Dia Audia</a>
|
||||
</h3>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END CONTENT BODY -->
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 985 B |
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 45 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 7.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 10 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 8.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 9.8 KiB |
Reference in New Issue
Block a user