RuhNetConsulting
/
Adminator-admin-dashboard
mirror of https://github.com/puikinsh/Adminator-admin-dashboard
1
0
Fork 0
Code Issues 0 Projects 0 Releases 16 Wiki Activity
Browse Source

Merge pull request #27 from ExtProjNomit/layouts-updates 

some layout updates
pull/146/head
Mohammed Tantawy 7 years ago
committed by GitHub
parent
0ee1a917b1 614b96b8bc
commit
d5518c117a
No known key found for this signature in database GPG Key ID: 4AEE18F83AFDEB23
16 changed files with 433 additions and 193 deletions
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. +1
    -1
      package.json
  2. +27
    -12
      src/assets/scripts/nwFooter/nwFooter.html
  3. +4
    -8
      src/assets/scripts/nwSidebar/nwSidebar.html
  4. BIN
      src/assets/static/images/consmelbourne-logo.png
  5. BIN
      src/assets/static/images/icci-logo.png
  6. BIN
      src/assets/static/images/inas-logo.png
  7. BIN
      src/assets/static/images/login-bkg-01.jpg
  8. BIN
      src/assets/static/images/login-bkg-02.jpg
  9. BIN
      src/assets/static/images/patronato-logo.jpg
  10. BIN
      src/assets/static/images/sidebar-bkg.jpg
  11. +125
    -17
      src/assets/styles/nomit.scss
  12. +1
    -1
      src/assets/styles/spec/settings/baseColors.scss
  13. +130
    -58
      src/companies.html
  14. +40
    -52
      src/referees.html
  15. +1
    -1
      src/reports.html
  16. +104
    -43
      src/users.html

+ 1
- 1
package.json View File

@ -19,9 +19,9 @@
"dependencies": {
"angular": "^1.6.4",
"angular-cookies": "^1.6.4",
"avatar-initials": "^4.1.0",
"angular-filter": "^0.5.17",
"angular-route": "^1.6.4",
"avatar-initials": "^4.1.0",
"babel-core": "^6.26.0",
"babel-eslint": "^8.0.1",
"babel-loader": "^7.1.2",


+ 27
- 12
src/assets/scripts/nwFooter/nwFooter.html View File

@ -1,9 +1,8 @@
<footer class="bdT ta-c p-30 lh-0 fsz-sm c-grey-600">
<div class="d-inline-block mr-3">
<p><small class="text-muted powered">Powered by:</small></p>
</div>
<div class="d-inline-block mr-4">
<div class="d-inline-block">
<div class="footer-title">Powered by:</div>
<div class="rounded-social-buttons mb-2">
<a href="http://nomit.com.au" >
<img src="http://nomit.com.au/app/themes/nomit/dist/images/logo.png" class="mr-2 mb-1" height="40px">
@ -11,16 +10,32 @@
<a class="social-button facebook" href="https://www.facebook.com/nomitnetwork" target="_blank"><i class="fa fa-facebook-f"></i></a>
<a class="social-button twitter" href="https://twitter.com/nomitnetwork" target="_blank"><i class="fa fa-twitter"></i></a>
<a class="social-button linkedin" href="https://www.linkedin.com/company/nomit/about/" target="_blank"><i class="fa fa-linkedin"></i></a>
</div>
</div>
</div>
<div class="divider d-inline-block"></div>
<div class="d-inline-block">
<div class="footer-title">Partners:</div>
<a href="https://consmelbourne.esteri.it/consolato_melbourne/en" >
<img src="assets/static/images/consmelbourne-logo.png" class="mr-3 mb-1" height="40px">
</a>
<a href="http://www.italcham.com.au" >
<img src="assets/static/images/ICCI-logo.png" class="mr-3 mb-1" height="40px">
</a>
</div>
<div class="divider d-inline-block"></div>
<div class="d-inline-block">
<form class="form-inline">
<div class="form-group mr-1">
<label for="email" class="sr-only">Email</label>
<input type="email" class="form-control form-control-sm" placeholder="Email" required>
</div>
<button type="submit" class="btn btn-secondary btn-sm">Subscribe</button>
</form>
<div class="footer-title">Proudly Sponsored by:</div>
<a href="https://www.inas.it/" >
<img src="assets/static/images/inas-logo.png" class="mr-3 mb-1" height="40px">
</a>
<a href="https://www.patronato.acli.it/" >
<img src="assets/static/images/patronato-logo.jpg" class="mr-3 mb-1" height="40px">
</a>
</div>
<p><small class="text-muted">&#169; 2019 NOMIT. All rights reserved.</small></p>

+ 4
- 8
src/assets/scripts/nwSidebar/nwSidebar.html View File

@ -11,7 +11,7 @@
<div class="logo">
<svg version="1.1" id="Layer_2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px" y="0px" viewBox="0 0 105.6869278 99.4877319" style="enable-background:new 0 0 105.6869278 99.4877319;"
x="0px" y="0px" viewBox="0 0 105.6869278 99.4877319"
xml:space="preserve">
<style type="text/css">
.logost0 {
@ -209,7 +209,7 @@
</div>
<!-- ### $Sidebar Menu ### -->
<ul class="sidebar-menu scrollable pos-r">
<ul class="sidebar-menu scrollable pos-r bg-img">
<!-- Dashboard - show to all users -->
<li class="nav-item mT-30 active">
<a class="sidebar-link" href="/">
@ -259,7 +259,7 @@
<li class="nav-item">
<a class='sidebar-link' href="#!referees">
<span class="icon-holder">
<i class="c-white-500 fa fa-anchor text-white"></i>
<i class="c-white-500 fa fa-balance-scale text-white"></i>
</span>
<span class="title text-white font-weight-bold">Referees</span>
</a>
@ -283,11 +283,7 @@
</a>
</li>
<div class="mx-auto" style="width: 40px;">
<br>
<input type="checkbox" class="switch">
</div>
</ul>


BIN
src/assets/static/images/consmelbourne-logo.png View File

Before After
Width: 1082  |  Height: 330  |  Size: 82 KiB

BIN
src/assets/static/images/icci-logo.png View File

Before After
Width: 1000  |  Height: 491  |  Size: 72 KiB

BIN
src/assets/static/images/inas-logo.png View File

Before After
Width: 160  |  Height: 76  |  Size: 11 KiB

BIN
src/assets/static/images/login-bkg-01.jpg View File

Before After
Width: 1754  |  Height: 1153  |  Size: 81 KiB

BIN
src/assets/static/images/login-bkg-02.jpg View File

Before After
Width: 1754  |  Height: 1153  |  Size: 135 KiB

BIN
src/assets/static/images/patronato-logo.jpg View File

Before After
Width: 696  |  Height: 200  |  Size: 64 KiB

BIN
src/assets/static/images/sidebar-bkg.jpg View File

Before After
Width: 1206  |  Height: 4316  |  Size: 300 KiB

+ 125
- 17
src/assets/styles/nomit.scss View File

@ -6,6 +6,12 @@
}
.bg-img{
background-image: url('/assets/static/images/sidebar-bkg.jpg');
background-size: cover;
background-repeat: no-repeat;
}
.item-box{
box-shadow: 0 0 15px rgba(192, 192, 192, 0.521);
}
@ -22,10 +28,11 @@
// ***** FONT SETTINGS ***** //
.form-title{
font-weight: bolder;
color: #000000;
color: #454545;
}
.text-size-11{
font-size:11px;
color: #888888;
}
.text-size-20{
@ -242,6 +249,42 @@ h1{
clip: rect(1px, 1px, 1px, 1px);
}
// ***** PAGINATION ******//
.pagination {
display: inline-block;
margin-top: 30px;
}
.pagination a {
background-color: #FFFFFF;
color: #454545;
font-size: 10px;
float: left;
padding: 6px 12px;
text-decoration: none;
border: 1px solid #ddd;
}
.pagination a.active {
background-color: #8B00B1;
color: white;
border: 1px solid #8B00B1;
}
.pagination a:hover:not(.active) {background-color: #ddd;}
.pagination a:first-child {
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.pagination a:last-child {
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
// ***** PAGES ***** //
//index
@ -264,7 +307,7 @@ h1{
//profile
.card-body-profile {
background-color: #e6eaf08f;
background-color: #F4F4F4;
}
.user-update-img {
@ -279,6 +322,7 @@ h1{
vertical-align: middle;
margin-top: 30px;
margin-left: 150px;
color: #777777;
}
.profile-forms {
@ -330,39 +374,89 @@ textarea {
}
.card-body-users {
border-top: 0.03125em solid #DDDDDD;
border-top: 0.03125em solid #BBBBBB;
margin: 0;
}
.users-icons {
margin-left: 160px;
padding: 8px;
margin-left: 175px;
margin-top: 3px;
margin-bottom: 3px;
padding: 10px;
padding-left: 0;
}
.users-icons i {
font-size: 17px;
font-size: 19px;
margin-right: 20px;
color: #DDDDDD;
color: #BBBBBB;
}
.users-col {
vertical-align: middle;
margin-top: 30px;
#user-action-fill {
background-color: #8B00B1;
color: #FFFFFF;
padding: 6px 20px;
font-weight: bolder;
font-size: 9px;
border-radius: 0;
display: inline-block;
border:solid 1px #8B00B1;
margin-top: 1px;
text-transform: uppercase;
}
.users-action-btn {
padding-left: 2;
margin-top: 10px;
#user-action-border {
background-color: transparent;
color: #8B00B1;
border:solid 1px #8B00B1;
padding: 6px 20px;
font-weight: bolder;
font-size: 9px;
border-radius: 0;
display: inline-block;
text-transform: uppercase;
}
.users-action-btn i {
font-size: 17px;
margin-right: 5px;
color: #DDDDDD;
#user-action-border:hover{
background-color: #EE38A4;
color: #FFFFFF;
border: solid 1px #EE38A4;
}
#user-action-fill:hover{
background-color: transparent;
color: #EE38A4;
border:solid 1px #EE38A4;
}
.user-card-img {
width: 90px;
float: left;
margin-left: 35px;
margin-top: 30px;
margin-bottom: 20px;
border: 3px solid #8B00B1;
}
.user-card-col {
vertical-align: middle;
margin-top: 30px;
margin-bottom: 20px;
margin-left: 160px;
color: #777777;
}
.user-card-title{
margin-bottom: 3px;
font-size:15px;
font-weight: bold;
text-transform: uppercase;
}
//login
.modal-dialog {
max-width: 800px;
@ -529,6 +623,20 @@ f
}
/* FOOTER */
.footer-title{
text-transform: uppercase;
font-weight: bold;
font-size: 12px;
margin-bottom: 30px;
margin-top:20px;
}
.divider {
border-left:1px solid #BBBBBB;
height: 60px;
margin: 0px 30px;
}
.rounded-social-buttons {
text-align: center;
}


+ 1
- 1
src/assets/styles/spec/settings/baseColors.scss View File

@ -88,7 +88,7 @@ $inverse-warning : lighten($default-warning, 45%);
$border-color : #e6ecf5;
$collapsed-size : 70px;
$header-height : 80px;
$offscreen-size : 280px;
$offscreen-size : 240px;
$side-nav-dark : #313644;
$side-nav-dark-border : rgba(120, 130, 140, 0.3);
$side-nav-dark-font : #99abb4;


+ 130
- 58
src/companies.html View File

@ -102,77 +102,149 @@
<!-- ### $App Screen Content ### -->
<main class='main-content bgc-grey-300'>
<main class='main-content'>
<div id='mainContent row'>
<div class="content-title mT-60">
<div class="ml-1 mb-3">
Companies
</div>
</div>
<div class="row content-title mT-60">
<h1 class="col-8 ml-1 mb-4">Companies</h1>
</div>
<div class=" gap-30 masonry pos-r"> <!-- #content container ===== -->
<div class="masonry-sizer col-md-6"></div>
<div class="masonry-item w-50"> <!-- #first company ========= -->
<div class="card item-box" >
<div class="companies-data-title">
<img class="companies-update-img" src="assets/static/images/nomit-logo.png" alt="">
<div class="testo"><h5 class=" form-title">David James</h5>
<div class=" text-size-11">Victoria</div>
<div class=" text-size-11">Mobile: 0414987654</div>
</div>
</div>
<div class="card-body p-0">
<div class="card-body-companies row">
<div class="companies-icons">
<a href="" ><i class="ti-instagram "></i></a>
<a href="" ><i class="ti-twitter "></i></a>
<a href="" ><i class="ti-facebook "></i></a>
<a href="" ><i class="ti-email"></i></a>
</div>
<div class="masonry-item w-50"> <!-- #first user ========= -->
<div class="card item-box" >
<div class="user-data-title container">
<img class="user-card-img rounded-circle" src="https://www.monmouth.edu/university-advancement/wp-content/uploads/sites/237/2018/08/person-placeholder.jpg" alt="">
<div class="user-card-col">
<div class="user-card-title">Brunetti</div>
<div class=" text-size-11">Victoria</div>
<div class=" text-size-11">enquiry@brunetti.com.au</div>
<a href="#" id="user-action-fill">view company profile</a>
<a href="#" id="user-action-border" data-toggle="tooltip" data-placement="bottom" title="Company will be unable to log in to WISP">ban company</a>
</div>
</div>
<div class="card-body p-0">
<div class="card-body-users row">
<div class="col-4"></div>
<div class="users-icons col-8">
<a href="" ><i class="fa fa-envelope-o"></i></a>
<a href="" ><i class="fa fa-linkedin"></i></a>
<a href="" ><i class="fa fa-facebook"></i></a>
<a href="" ><i class="fa fa-instagram"></i></a>
<a href="" ><i class="fa fa-github"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="masonry-item w-50"> <!-- #second company ========= -->
<div class="card item-box" >
<div class="companies-data-title">
<img class="companies-update-img" src="assets/static/images/nomit-logo.png" alt="">
<div class="testo"><h5 class=" form-title">David James</h5>
<div class=" text-size-11">Victoria</div>
<div class=" text-size-11">Mobile: 0414987654</div>
</div>
</div>
<div class="card-body p-0">
<div class="card-body-companies row">
<div class="companies-icons">
<a href="" ><i class="ti-instagram "></i></a>
<a href="" ><i class="ti-twitter "></i></a>
<a href="" ><i class="ti-facebook "></i></a>
<a href="" ><i class="ti-email"></i></a>
</div>
</div>
</div>
<div class="masonry-item w-50"> <!-- #second user ========= -->
<div class="card item-box" >
<div class="user-data-title container">
<img class="user-card-img rounded-circle" src="https://content.invisioncic.com/Mseclife/monthly_2017_08/C.png.2537be5c760ba5232ee4716f77d13c51.png" alt="">
<div class="user-card-col">
<div class="user-card-title">Casella</div>
<div class=" text-size-11">New South Wales</div>
<div class=" text-size-11">enquiry@casella.com.au</div>
<a href="#" id="user-action-fill">view company profile</a>
<a href="#" id="user-action-border" data-toggle="tooltip" data-placement="bottom" title="Company will be unable to log in to WISP">ban company</a>
</div>
</div>
<div class="card-body p-0">
<div class="card-body-users row">
<div class="col-4"></div>
<div class="users-icons col-8">
<a href="" ><i class="fa fa-envelope-o"></i></a>
<a href="" ><i class="fa fa-linkedin"></i></a>
<a href="" ><i class="fa fa-facebook"></i></a>
<a href="" ><i class="fa fa-instagram"></i></a>
<a href="" ><i class="fa fa-github"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="masonry-item w-50"> <!-- #third user ========= -->
<div class="card item-box" >
<div class="user-data-title container">
<img class="user-card-img rounded-circle" src="https://content.invisioncic.com/Mseclife/monthly_2017_08/C.png.2537be5c760ba5232ee4716f77d13c51.png" alt="">
<div class="user-card-col">
<div class="user-card-title">Europcar</div>
<div class=" text-size-11">Victoria</div>
<div class=" text-size-11">enquiry@europcar.com.au</div>
<a href="#" id="user-action-fill">view company profile</a>
<a href="#" id="user-action-border" data-toggle="tooltip" data-placement="bottom" title="Company will be unable to log in to WISP">ban company</a>
</div>
</div>
<div class="card-body p-0">
<div class="card-body-users row">
<div class="col-4"></div>
<div class="users-icons col-8">
<a href="" ><i class="fa fa-envelope-o"></i></a>
<a href="" ><i class="fa fa-linkedin"></i></a>
<a href="" ><i class="fa fa-facebook"></i></a>
<a href="" ><i class="fa fa-instagram"></i></a>
<a href="" ><i class="fa fa-github"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="masonry-item w-50"> <!-- #fourth user ========= -->
<div class="card item-box" >
<div class="user-data-title container">
<img class="user-card-img rounded-circle" src="https://www.monmouth.edu/university-advancement/wp-content/uploads/sites/237/2018/08/person-placeholder.jpg" alt="">
<div class="user-card-col">
<div class="user-card-title">Lavazza</div>
<div class=" text-size-11">Victoria</div>
<div class=" text-size-11">enquiry@lavazza.com.au</div>
<a href="#" id="user-action-fill">view company profile</a>
<a href="#" id="user-action-border" data-toggle="tooltip" data-placement="bottom" title="Company will be unable to log in to WISP">ban company</a>
</div>
</div>
<div class="card-body p-0">
<div class="card-body-users row">
<div class="col-4"></div>
<div class="users-icons col-8">
<a href="" ><i class="fa fa-envelope-o"></i></a>
<a href="" ><i class="fa fa-linkedin"></i></a>
<a href="" ><i class="fa fa-facebook"></i></a>
<a href="" ><i class="fa fa-instagram"></i></a>
<a href="" ><i class="fa fa-github"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- PAGINATION-->
<div class="pagination">
<a href="#">&laquo;</a>
<a href="#">1</a>
<a class="active" href="#">2</a>
<a href="#">3</a>
<a href="#">4</a>
<a href="#">5</a>
<a href="#">6</a>
<a href="#">&raquo;</a>
</div>
</div><!--content container-->
</main>
<!-- ### $App Screen Footer ### -->
</div><!-- page-container -->
</div> <!-- App Content -->
</body>
</div><!--content container-->
</main>
<!-- ### $App Screen Footer ### -->
</div><!-- page-container -->
</div> <!-- App Content -->
</body>
</html>

+ 40
- 52
src/referees.html View File

@ -102,67 +102,55 @@
<!-- ### $App Screen Content ### -->
<main class='main-content bgc-grey-300'>
<main class='main-content'>
<div id='mainContent row'>
<div class="content-title mT-60">
<div class="ml-1 mb-3">
Referees
</div>
</div>
<div class="row content-title mT-60">
<h1 class="col-8 ml-1 mb-4">Referees</h1>
</div>
<div class=" gap-30 masonry pos-r"> <!-- #content container ===== -->
<div class="masonry-sizer col-md-6"></div>
<div class="masonry-item w-50"> <!-- #first referee ========= -->
<div class="card item-box" >
<div class="referee-data-title">
<img class="referee-update-img" src="assets/static/images/nomit-logo.png" alt="">
<div class="testo"><h5 class=" form-title">David James</h5>
<div class=" text-size-11">Victoria</div>
<div class=" text-size-11">Mobile: 0414987654</div>
</div>
</div>
<div class="card-body p-0">
<div class="card-body-referee row">
<div class="referee-icons">
<a href="" ><i class="ti-instagram "></i></a>
<a href="" ><i class="ti-twitter "></i></a>
<a href="" ><i class="ti-facebook "></i></a>
<a href="" ><i class="ti-email"></i></a>
</div>
<div class="masonry-item w-50"> <!-- #first user ========= -->
<div class="card item-box" >
<div class="user-data-title container">
<img class="user-card-img rounded-circle" src="https://www.monmouth.edu/university-advancement/wp-content/uploads/sites/237/2018/08/person-placeholder.jpg" alt="">
<div class="user-card-col">
<div class="user-card-title">Job Watch</div>
<div class=" text-size-11">Victoria</div>
<div class=" text-size-11">enquiry@jobwatch.com.au</div>
<a href="#" id="user-action-fill">view referee profile</a>
<a href="#" id="user-action-border" data-toggle="tooltip" data-placement="bottom" title="Referee will be unable to log in to WISP">ban referee</a>
</div>
</div>
<div class="card-body p-0">
<div class="card-body-users row">
<div class="col-4"></div>
<div class="users-icons col-8">
<a href="" ><i class="fa fa-envelope-o"></i></a>
<a href="" ><i class="fa fa-linkedin"></i></a>
<a href="" ><i class="fa fa-facebook"></i></a>
<a href="" ><i class="fa fa-instagram"></i></a>
<a href="" ><i class="fa fa-github"></i></a>
</div>
</div>
</div>
</div>
<div class="masonry-item w-50"> <!-- #second company ========= -->
<div class="card item-box" >
<div class="referee-data-title">
<img class="referee-update-img" src="assets/static/images/nomit-logo.png" alt="">
<div class="testo"><h5 class=" form-title">David James</h5>
<div class=" text-size-11">Victoria</div>
<div class=" text-size-11">Mobile: 0414987654</div>
</div>
</div>
<div class="card-body p-0">
<div class="card-body-referee row">
<div class="referee-icons">
<a href="" ><i class="ti-instagram "></i></a>
<a href="" ><i class="ti-twitter "></i></a>
<a href="" ><i class="ti-facebook "></i></a>
<a href="" ><i class="ti-email"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- PAGINATION-->
<div class="pagination">
<a href="#">&laquo;</a>
<a href="#">1</a>
<a class="active" href="#">2</a>
<a href="#">3</a>
<a href="#">4</a>
<a href="#">5</a>
<a href="#">6</a>
<a href="#">&raquo;</a>
</div>
</div><!--content container-->


+ 1
- 1
src/reports.html View File

@ -91,7 +91,7 @@
${require('html-loader!./_topbar.html')}
<!-- ### $App Screen Content ### -->
<main class='main-content bgc-grey-300'>
<main class='main-content'>
<div id='mainContent row'>
<div class="row content-title mT-60">
<h1 class="col-8 ml-1 mb-3">


+ 104
- 43
src/users.html View File

@ -102,7 +102,7 @@
<!-- ### $App Screen Content ### -->
<main class='main-content bgc-grey-300'>
<main class='main-content'>
<div id='mainContent row'>
<div class="row content-title mT-60">
<h1 class="col-8 ml-1 mb-4">Users</h1>
@ -114,26 +114,19 @@
<div class="masonry-item w-50"> <!-- #first user ========= -->
<div class="card item-box" >
<div class="user-data-title container">
<div class="row">
<div class="col-8">
<img class="user-update-img rounded-circle" src="https://content.invisioncic.com/Mseclife/monthly_2017_08/C.png.2537be5c760ba5232ee4716f77d13c51.png" alt="">
<div class="testo"><h5 class=" form-title">David James</h5>
<img class="user-card-img rounded-circle" src="https://www.monmouth.edu/university-advancement/wp-content/uploads/sites/237/2018/08/person-placeholder.jpg" alt="">
<div class="user-card-col">
<div class="user-card-title">David James</div>
<div class=" text-size-11">Victoria</div>
<div class=" text-size-11">Mobile: 0414987654</div>
</div>
</div>
<div class="col-4 users-action-btn" style="text-align: right">
<div class="d-inline-block">
<a href="" ><i class="fa fa-eye" data-toggle="tooltip" data-placement="bottom" title="View user details"></i></a>
<a href="" ><i class="fa fa-ban" data-toggle="tooltip" data-placement="bottom" title="Ban user (user will not be able to login)"></i></a>
</div>
</div>
</div>
<div class=" text-size-11">Mobile: 0414987654</div>
<a href="#" id="user-action-fill">view user profile</a>
<a href="#" id="user-action-border" data-toggle="tooltip" data-placement="bottom" title="User will be unable to log in to WISP">ban user</a>
</div>
</div>
<div class="card-body p-0">
<div class="card-body-users row">
<div class="users-icons">
<div class="col-4"></div>
<div class="users-icons col-8">
<a href="" ><i class="fa fa-envelope-o"></i></a>
<a href="" ><i class="fa fa-linkedin"></i></a>
<a href="" ><i class="fa fa-facebook"></i></a>
@ -145,35 +138,103 @@
</div>
</div>
<div class="masonry-item w-50"> <!-- #second user ========= -->
<div class="card item-box" >
<div class="user-data-title">
<img class="user-update-img" src="assets/static/images/nomit-logo.png" alt="">
<div class="testo"><h5 class=" form-title">David James</h5>
<div class=" text-size-11">Victoria</div>
<div class=" text-size-11">Mobile: 0414987654</div>
</div>
</div>
<div class="card-body p-0">
<div class="card-body-users row">
<div class="users-icons">
<a href="" ><i class="ti-instagram "></i></a>
<a href="" ><i class="ti-twitter "></i></a>
<a href="" ><i class="ti-facebook "></i></a>
<a href="" ><i class="ti-email"></i></a>
</div>
</div>
</div>
<div class="masonry-item w-50"> <!-- #second user ========= -->
<div class="card item-box" >
<div class="user-data-title container">
<img class="user-card-img rounded-circle" src="https://content.invisioncic.com/Mseclife/monthly_2017_08/C.png.2537be5c760ba5232ee4716f77d13c51.png" alt="">
<div class="user-card-col">
<div class="user-card-title">Christina Jenna</div>
<div class=" text-size-11">Victoria</div>
<div class=" text-size-11">Mobile: 0414987654</div>
<a href="#" id="user-action-fill">view user profile</a>
<a href="#" id="user-action-border" data-toggle="tooltip" data-placement="bottom" title="User will be unable to log in to WISP">ban user</a>
</div>
</div>
<div class="card-body p-0">
<div class="card-body-users row">
<div class="col-4"></div>
<div class="users-icons col-8">
<a href="" ><i class="fa fa-envelope-o"></i></a>
<a href="" ><i class="fa fa-linkedin"></i></a>
<a href="" ><i class="fa fa-facebook"></i></a>
<a href="" ><i class="fa fa-instagram"></i></a>
<a href="" ><i class="fa fa-github"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="masonry-item w-50"> <!-- #third user ========= -->
<div class="card item-box" >
<div class="user-data-title container">
<img class="user-card-img rounded-circle" src="https://content.invisioncic.com/Mseclife/monthly_2017_08/C.png.2537be5c760ba5232ee4716f77d13c51.png" alt="">
<div class="user-card-col">
<div class="user-card-title">Christina Jenna</div>
<div class=" text-size-11">Victoria</div>
<div class=" text-size-11">Mobile: 0414987654</div>
<a href="#" id="user-action-fill">view user profile</a>
<a href="#" id="user-action-border" data-toggle="tooltip" data-placement="bottom" title="User will be unable to log in to WISP">ban user</a>
</div>
</div>
<div class="card-body p-0">
<div class="card-body-users row">
<div class="col-4"></div>
<div class="users-icons col-8">
<a href="" ><i class="fa fa-envelope-o"></i></a>
<a href="" ><i class="fa fa-linkedin"></i></a>
<a href="" ><i class="fa fa-facebook"></i></a>
<a href="" ><i class="fa fa-instagram"></i></a>
<a href="" ><i class="fa fa-github"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="masonry-item w-50"> <!-- #fourth user ========= -->
<div class="card item-box" >
<div class="user-data-title container">
<img class="user-card-img rounded-circle" src="https://www.monmouth.edu/university-advancement/wp-content/uploads/sites/237/2018/08/person-placeholder.jpg" alt="">
<div class="user-card-col">
<div class="user-card-title">David James</div>
<div class=" text-size-11">Victoria</div>
<div class=" text-size-11">Mobile: 0414987654</div>
<a href="#" id="user-action-fill">view user profile</a>
<a href="#" id="user-action-border" data-toggle="tooltip" data-placement="bottom" title="User will be unable to log in to WISP">ban user</a>
</div>
</div>
<div class="card-body p-0">
<div class="card-body-users row">
<div class="col-4"></div>
<div class="users-icons col-8">
<a href="" ><i class="fa fa-envelope-o"></i></a>
<a href="" ><i class="fa fa-linkedin"></i></a>
<a href="" ><i class="fa fa-facebook"></i></a>
<a href="" ><i class="fa fa-instagram"></i></a>
<a href="" ><i class="fa fa-github"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- PAGINATION-->
<div class="pagination">
<a href="#">&laquo;</a>
<a href="#">1</a>
<a class="active" href="#">2</a>
<a href="#">3</a>
<a href="#">4</a>
<a href="#">5</a>
<a href="#">6</a>
<a href="#">&raquo;</a>
</div>
</div><!--content container-->
</main>


Write Preview
Loading…
Cancel
Save