426 lines
28 KiB
HTML
426 lines
28 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
@@include("partials/title-meta.html", {"title": "Contacts & Members Listing"})
|
|
|
|
@@include('./partials/head-css.html')
|
|
|
|
</head>
|
|
|
|
<body class="loading">
|
|
|
|
<!-- Begin page -->
|
|
<div id="wrapper">
|
|
|
|
@@include('./partials/left-sidebar.html')
|
|
|
|
<!-- ============================================================== -->
|
|
<!-- Start Page Content here -->
|
|
<!-- ============================================================== -->
|
|
|
|
<div class="content-page">
|
|
<div class="content">
|
|
|
|
@@include('./partials/topbar.html')
|
|
|
|
<!-- Start Content-->
|
|
<div class="container-fluid">
|
|
|
|
<!-- start page title -->
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<div class="page-title-box">
|
|
<h4 class="page-title">Contacts</h4>
|
|
<div class="page-title-right">
|
|
<ol class="breadcrumb m-0">
|
|
<li class="breadcrumb-item"><a href="javascript: void(0);">Minton</a></li>
|
|
<li class="breadcrumb-item"><a href="javascript: void(0);">Apps</a></li>
|
|
<li class="breadcrumb-item active">Contacts</li>
|
|
</ol>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- end page title -->
|
|
|
|
<div class="row mb-2">
|
|
<div class="col-sm-4">
|
|
<a href="javascript:void(0);" class="btn btn-danger mb-2"><i class="mdi mdi-plus-circle mr-2"></i> Add New</a>
|
|
</div>
|
|
<div class="col-sm-8">
|
|
<div class="float-sm-right">
|
|
<form class="form-inline">
|
|
<div class="form-group mr-2">
|
|
<label for="membersearch-input" class="sr-only">Search</label>
|
|
<input type="search" class="form-control" id="membersearch-input" placeholder="Search...">
|
|
</div>
|
|
<button type="button" class="btn btn-success mb-2 mb-sm-0"><i class="mdi mdi-cog"></i></button>
|
|
</form>
|
|
|
|
</div>
|
|
</div><!-- end col-->
|
|
</div>
|
|
<!-- end row -->
|
|
|
|
<div class="row">
|
|
<div class="col-xl-3 col-sm-6">
|
|
<div class="text-center card">
|
|
<div class="card-body">
|
|
|
|
<div class="dropdown float-right">
|
|
<a class="text-body dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
<i class="mdi mdi-dots-vertical font-20"></i>
|
|
</a>
|
|
|
|
<div class="dropdown-menu dropdown-menu-right">
|
|
<a class="dropdown-item" href="#">Action</a>
|
|
<a class="dropdown-item" href="#">Another action</a>
|
|
<a class="dropdown-item" href="#">Something else here</a>
|
|
</div>
|
|
</div>
|
|
<img src="../assets/images/users/avatar-3.jpg" class="rounded-circle img-thumbnail avatar-xl mt-1" alt="profile-image">
|
|
|
|
<h4 class="mt-3 mb-1"><a href="contacts-profile.html" class="text-dark">Denver Barker</a></h4>
|
|
<p class="text-muted">@Founder <span> | </span> <span> <a href="#" class="text-pink">websitename.com</a> </span></p>
|
|
|
|
<ul class="social-list list-inline mt-4 mb-2">
|
|
<li class="list-inline-item">
|
|
<a href="javascript: void(0);" class="social-list-item border-purple text-purple"><i class="mdi mdi-facebook"></i></a>
|
|
</li>
|
|
<li class="list-inline-item">
|
|
<a href="javascript: void(0);" class="social-list-item border-danger text-danger"><i class="mdi mdi-google"></i></a>
|
|
</li>
|
|
<li class="list-inline-item">
|
|
<a href="javascript: void(0);" class="social-list-item border-secondary text-secondary"><i class="mdi mdi-github"></i></a>
|
|
</li>
|
|
</ul>
|
|
|
|
</div>
|
|
</div> <!-- end card -->
|
|
</div> <!-- end col -->
|
|
|
|
<div class="col-xl-3 col-sm-6">
|
|
<div class="text-center card">
|
|
<div class="card-body">
|
|
|
|
<div class="dropdown float-right">
|
|
<a class="text-body dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
<i class="mdi mdi-dots-vertical font-20"></i>
|
|
</a>
|
|
|
|
<div class="dropdown-menu dropdown-menu-right">
|
|
<a class="dropdown-item" href="#">Action</a>
|
|
<a class="dropdown-item" href="#">Another action</a>
|
|
<a class="dropdown-item" href="#">Something else here</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="avatar-xl mx-auto mt-1">
|
|
<div class="avatar-title bg-light rounded-circle">
|
|
<i class="mdi mdi-account h1 m-0 text-body"></i>
|
|
</div>
|
|
</div>
|
|
|
|
<h4 class="mt-3 mb-1"><a href="contacts-profile.html" class="text-dark">Robert McBride</a></h4>
|
|
<p class="text-muted">@Webdesigner <span> | </span> <span> <a href="#" class="text-pink">abcweb.com</a> </span></p>
|
|
|
|
<ul class="social-list list-inline mt-4 mb-2">
|
|
<li class="list-inline-item">
|
|
<a href="javascript: void(0);" class="social-list-item border-purple text-purple"><i class="mdi mdi-facebook"></i></a>
|
|
</li>
|
|
<li class="list-inline-item">
|
|
<a href="javascript: void(0);" class="social-list-item border-danger text-danger"><i class="mdi mdi-google"></i></a>
|
|
</li>
|
|
<li class="list-inline-item">
|
|
<a href="javascript: void(0);" class="social-list-item border-secondary text-secondary"><i class="mdi mdi-github"></i></a>
|
|
</li>
|
|
</ul>
|
|
|
|
</div>
|
|
</div> <!-- end card -->
|
|
</div> <!-- end col -->
|
|
<div class="col-xl-3 col-sm-6">
|
|
<div class="text-center card">
|
|
<div class="card-body">
|
|
|
|
<div class="dropdown float-right">
|
|
<a class="text-body dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
<i class="mdi mdi-dots-vertical font-20"></i>
|
|
</a>
|
|
|
|
<div class="dropdown-menu dropdown-menu-right">
|
|
<a class="dropdown-item" href="#">Action</a>
|
|
<a class="dropdown-item" href="#">Another action</a>
|
|
<a class="dropdown-item" href="#">Something else here</a>
|
|
</div>
|
|
</div>
|
|
<img src="../assets/images/users/avatar-4.jpg" class="rounded-circle img-thumbnail avatar-xl mt-1" alt="profile-image">
|
|
|
|
<h4 class="mt-3 mb-1"><a href="contacts-profile.html" class="text-dark">Peter White</a></h4>
|
|
<p class="text-muted">@Webdesigner <span> | </span> <span> <a href="#" class="text-pink">mywebs.com</a> </span></p>
|
|
|
|
<ul class="social-list list-inline mt-4 mb-2">
|
|
<li class="list-inline-item">
|
|
<a href="javascript: void(0);" class="social-list-item border-purple text-purple"><i class="mdi mdi-facebook"></i></a>
|
|
</li>
|
|
<li class="list-inline-item">
|
|
<a href="javascript: void(0);" class="social-list-item border-danger text-danger"><i class="mdi mdi-google"></i></a>
|
|
</li>
|
|
<li class="list-inline-item">
|
|
<a href="javascript: void(0);" class="social-list-item border-secondary text-secondary"><i class="mdi mdi-github"></i></a>
|
|
</li>
|
|
</ul>
|
|
|
|
</div>
|
|
</div> <!-- end card -->
|
|
</div> <!-- end col -->
|
|
<div class="col-xl-3 col-sm-6">
|
|
<div class="text-center card">
|
|
<div class="card-body">
|
|
|
|
<div class="dropdown float-right">
|
|
<a class="text-body dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
<i class="mdi mdi-dots-vertical font-20"></i>
|
|
</a>
|
|
|
|
<div class="dropdown-menu dropdown-menu-right">
|
|
<a class="dropdown-item" href="#">Action</a>
|
|
<a class="dropdown-item" href="#">Another action</a>
|
|
<a class="dropdown-item" href="#">Something else here</a>
|
|
</div>
|
|
</div>
|
|
<img src="../assets/images/users/avatar-5.jpg" class="rounded-circle img-thumbnail avatar-xl mt-1" alt="profile-image">
|
|
|
|
<h4 class="mt-3 mb-1"><a href="contacts-profile.html" class="text-dark">Ronald Myrick</a></h4>
|
|
<p class="text-muted">@Director <span> | </span> <span> <a href="#" class="text-pink">profileq.com</a> </span></p>
|
|
|
|
<ul class="social-list list-inline mt-4 mb-2">
|
|
<li class="list-inline-item">
|
|
<a href="javascript: void(0);" class="social-list-item border-purple text-purple"><i class="mdi mdi-facebook"></i></a>
|
|
</li>
|
|
<li class="list-inline-item">
|
|
<a href="javascript: void(0);" class="social-list-item border-danger text-danger"><i class="mdi mdi-google"></i></a>
|
|
</li>
|
|
<li class="list-inline-item">
|
|
<a href="javascript: void(0);" class="social-list-item border-secondary text-secondary"><i class="mdi mdi-github"></i></a>
|
|
</li>
|
|
</ul>
|
|
|
|
</div>
|
|
</div> <!-- end card -->
|
|
</div> <!-- end col -->
|
|
</div>
|
|
<!-- end row -->
|
|
|
|
<div class="row">
|
|
<div class="col-xl-3 col-sm-6">
|
|
<div class="text-center card">
|
|
<div class="card-body">
|
|
|
|
<div class="dropdown float-right">
|
|
<a class="text-body dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
<i class="mdi mdi-dots-vertical font-20"></i>
|
|
</a>
|
|
|
|
<div class="dropdown-menu dropdown-menu-right">
|
|
<a class="dropdown-item" href="#">Action</a>
|
|
<a class="dropdown-item" href="#">Another action</a>
|
|
<a class="dropdown-item" href="#">Something else here</a>
|
|
</div>
|
|
</div>
|
|
<img src="../assets/images/users/avatar-6.jpg" class="rounded-circle img-thumbnail avatar-xl mt-1" alt="profile-image">
|
|
|
|
<h4 class="mt-3 mb-1"><a href="contacts-profile.html" class="text-dark">Paul Halpern</a></h4>
|
|
<p class="text-muted">@Manager <span> | </span> <span> <a href="#" class="text-pink">coolweb.com</a> </span></p>
|
|
|
|
<ul class="social-list list-inline mt-4 mb-2">
|
|
<li class="list-inline-item">
|
|
<a href="javascript: void(0);" class="social-list-item border-purple text-purple"><i class="mdi mdi-facebook"></i></a>
|
|
</li>
|
|
<li class="list-inline-item">
|
|
<a href="javascript: void(0);" class="social-list-item border-danger text-danger"><i class="mdi mdi-google"></i></a>
|
|
</li>
|
|
<li class="list-inline-item">
|
|
<a href="javascript: void(0);" class="social-list-item border-secondary text-secondary"><i class="mdi mdi-github"></i></a>
|
|
</li>
|
|
</ul>
|
|
|
|
</div>
|
|
</div> <!-- end card -->
|
|
</div> <!-- end col -->
|
|
|
|
<div class="col-xl-3 col-sm-6">
|
|
<div class="text-center card">
|
|
<div class="card-body">
|
|
|
|
<div class="dropdown float-right">
|
|
<a class="text-body dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
<i class="mdi mdi-dots-vertical font-20"></i>
|
|
</a>
|
|
|
|
<div class="dropdown-menu dropdown-menu-right">
|
|
<a class="dropdown-item" href="#">Action</a>
|
|
<a class="dropdown-item" href="#">Another action</a>
|
|
<a class="dropdown-item" href="#">Something else here</a>
|
|
</div>
|
|
</div>
|
|
<img src="../assets/images/users/avatar-7.jpg" class="rounded-circle img-thumbnail avatar-xl mt-1" alt="profile-image">
|
|
|
|
<h4 class="mt-3 mb-1"><a href="contacts-profile.html" class="text-dark">Ricky Atwell</a></h4>
|
|
<p class="text-muted">@Programmer <span> | </span> <span> <a href="#" class="text-pink">supported.com</a> </span></p>
|
|
|
|
<ul class="social-list list-inline mt-4 mb-2">
|
|
<li class="list-inline-item">
|
|
<a href="javascript: void(0);" class="social-list-item border-purple text-purple"><i class="mdi mdi-facebook"></i></a>
|
|
</li>
|
|
<li class="list-inline-item">
|
|
<a href="javascript: void(0);" class="social-list-item border-danger text-danger"><i class="mdi mdi-google"></i></a>
|
|
</li>
|
|
<li class="list-inline-item">
|
|
<a href="javascript: void(0);" class="social-list-item border-secondary text-secondary"><i class="mdi mdi-github"></i></a>
|
|
</li>
|
|
</ul>
|
|
|
|
</div>
|
|
</div> <!-- end card -->
|
|
</div> <!-- end col -->
|
|
<div class="col-xl-3 col-sm-6">
|
|
<div class="text-center card">
|
|
<div class="card-body">
|
|
|
|
<div class="dropdown float-right">
|
|
<a class="text-body dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
<i class="mdi mdi-dots-vertical font-20"></i>
|
|
</a>
|
|
|
|
<div class="dropdown-menu dropdown-menu-right">
|
|
<a class="dropdown-item" href="#">Action</a>
|
|
<a class="dropdown-item" href="#">Another action</a>
|
|
<a class="dropdown-item" href="#">Something else here</a>
|
|
</div>
|
|
</div>
|
|
<div class="avatar-xl mx-auto mt-1">
|
|
<div class="avatar-title bg-light rounded-circle">
|
|
<i class="mdi mdi-account h1 m-0 text-body"></i>
|
|
</div>
|
|
</div>
|
|
|
|
<h4 class="mt-3 mb-1"><a href="contacts-profile.html" class="text-dark">James Richards</a></h4>
|
|
<p class="text-muted">@Webdeveloper <span> | </span> <span> <a href="#" class="text-pink">website.com</a> </span></p>
|
|
|
|
<ul class="social-list list-inline mt-4 mb-2">
|
|
<li class="list-inline-item">
|
|
<a href="javascript: void(0);" class="social-list-item border-purple text-purple"><i class="mdi mdi-facebook"></i></a>
|
|
</li>
|
|
<li class="list-inline-item">
|
|
<a href="javascript: void(0);" class="social-list-item border-danger text-danger"><i class="mdi mdi-google"></i></a>
|
|
</li>
|
|
<li class="list-inline-item">
|
|
<a href="javascript: void(0);" class="social-list-item border-secondary text-secondary"><i class="mdi mdi-github"></i></a>
|
|
</li>
|
|
</ul>
|
|
|
|
</div>
|
|
</div> <!-- end card -->
|
|
</div> <!-- end col -->
|
|
<div class="col-xl-3 col-sm-6">
|
|
<div class="text-center card">
|
|
<div class="card-body">
|
|
|
|
<div class="dropdown float-right">
|
|
<a class="text-body dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
<i class="mdi mdi-dots-vertical font-20"></i>
|
|
</a>
|
|
|
|
<div class="dropdown-menu dropdown-menu-right">
|
|
<a class="dropdown-item" href="#">Action</a>
|
|
<a class="dropdown-item" href="#">Another action</a>
|
|
<a class="dropdown-item" href="#">Something else here</a>
|
|
</div>
|
|
</div>
|
|
<img src="../assets/images/users/avatar-8.jpg" class="rounded-circle img-thumbnail avatar-xl mt-1" alt="profile-image">
|
|
|
|
<h4 class="mt-3 mb-1"><a href="contacts-profile.html" class="text-dark">Charles Martinez</a></h4>
|
|
<p class="text-muted">@Webdesigner <span> | </span> <span> <a href="#" class="text-pink">demosite.com.com</a> </span></p>
|
|
|
|
<ul class="social-list list-inline mt-4 mb-2">
|
|
<li class="list-inline-item">
|
|
<a href="javascript: void(0);" class="social-list-item border-purple text-purple"><i class="mdi mdi-facebook"></i></a>
|
|
</li>
|
|
<li class="list-inline-item">
|
|
<a href="javascript: void(0);" class="social-list-item border-danger text-danger"><i class="mdi mdi-google"></i></a>
|
|
</li>
|
|
<li class="list-inline-item">
|
|
<a href="javascript: void(0);" class="social-list-item border-secondary text-secondary"><i class="mdi mdi-github"></i></a>
|
|
</li>
|
|
</ul>
|
|
|
|
</div>
|
|
</div> <!-- end card -->
|
|
</div> <!-- end col -->
|
|
</div>
|
|
<!-- end row -->
|
|
|
|
<div class="row mb-4">
|
|
<div class="col-sm-6">
|
|
<div>
|
|
<h5 class="font-14 text-body">Showing Page 2 Of 12</h5>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-6">
|
|
<div class="float-sm-right">
|
|
<ul class="pagination pagination-rounded mb-sm-0">
|
|
<li class="page-item disabled">
|
|
<a href="#" class="page-link"><i class="mdi mdi-chevron-left"></i></a>
|
|
</li>
|
|
<li class="page-item">
|
|
<a href="#" class="page-link">1</a>
|
|
</li>
|
|
<li class="page-item active">
|
|
<a href="#" class="page-link">2</a>
|
|
</li>
|
|
<li class="page-item">
|
|
<a href="#" class="page-link">3</a>
|
|
</li>
|
|
<li class="page-item">
|
|
<a href="#" class="page-link">4</a>
|
|
</li>
|
|
<li class="page-item">
|
|
<a href="#" class="page-link">5</a>
|
|
</li>
|
|
<li class="page-item">
|
|
<a href="#" class="page-link"><i class="mdi mdi-chevron-right"></i></a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- end row -->
|
|
|
|
|
|
</div> <!-- container-fluid -->
|
|
|
|
</div> <!-- content -->
|
|
|
|
@@include('./partials/footer.html')
|
|
|
|
</div>
|
|
|
|
<!-- ============================================================== -->
|
|
<!-- End Page content -->
|
|
<!-- ============================================================== -->
|
|
|
|
|
|
</div>
|
|
<!-- END wrapper -->
|
|
|
|
@@include('./partials/right-sidebar.html')
|
|
|
|
<!-- Vendor js -->
|
|
<script src="../assets/js/vendor.min.js"></script>
|
|
|
|
<!-- App js -->
|
|
<script src="../assets/js/app.min.js"></script>
|
|
|
|
</body>
|
|
</html> |