|
|
|
@ -106,138 +106,136 @@ |
|
|
|
<div id='mainContent row'> |
|
|
|
<div class="row content-title mT-60"> |
|
|
|
<h1 class="col-8 ml-1 mb-4">Users</h1> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class=" gap-30 masonry pos-r"> <!-- #content container ===== --> |
|
|
|
<div class="masonry-sizer col-md-6"></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 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 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 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 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 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 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="#">«</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="#">»</a> |
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
</div><!--content container--> |
|
|
|
|
|
|
|
</main> |
|
|
|
<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="#">«</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="#">»</a> |
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
</div><!--content container--> |
|
|
|
|
|
|
|
</main> |
|
|
|
|
|
|
|
<!-- ### $App Screen Footer ### --> |
|
|
|
</div><!-- page-container --> |
|
|
|
|