Users layout
This commit is contained in:
CHIEFSOFT\ameye
@@ -7,9 +7,511 @@ export default function Users(){
|
||||
return(
|
||||
<>
|
||||
<BreadcrumbComBS title='Users' paths={['Dashboard', 'Users']} />
|
||||
<div className="row">
|
||||
<div className="vh-100 col-12 flex align-items-center">Coming Soon</div>
|
||||
</div>
|
||||
<>
|
||||
{/*<div className="row">*/}
|
||||
{/* <div className="vh-100 col-12 flex align-items-center">Coming Soon</div>*/}
|
||||
{/*</div>*/}
|
||||
<div className="row">
|
||||
<div className="col-xxl-3 col-xl-4 col-sm-6">
|
||||
<div className="card card-statistics contact-contant">
|
||||
<div className="card-body py-4">
|
||||
<div className="d-flex align-items-center">
|
||||
<div className="bg-img">
|
||||
<img src="assets/img/avtar/01.jpg" alt="" className="img-fluid" />
|
||||
</div>
|
||||
<div className="ml-3">
|
||||
<h4 className="mb-0">Lizzy Halfman</h4>
|
||||
<p><span className="badge badge-warning-inverse px-2 py-1 mt-1">Home</span></p>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<ul className="nav">
|
||||
<li className="nav-item">
|
||||
<div className="img-icon"><i className="fa fa-mobile"></i></div>
|
||||
</li>
|
||||
<li className="nav-item">
|
||||
<p>021-843-8478</p>
|
||||
</li>
|
||||
</ul>
|
||||
<ul className="nav">
|
||||
<li className="nav-item">
|
||||
<div className="img-icon"><i className="fa fa-phone"></i></div>
|
||||
</li>
|
||||
<li className="nav-item">
|
||||
<p>40-1440-8546</p>
|
||||
</li>
|
||||
</ul>
|
||||
<ul className="nav">
|
||||
<li className="nav-item">
|
||||
<div className="img-icon"><i className="fa fa-envelope-o"></i></div>
|
||||
</li>
|
||||
<li className="nav-item">
|
||||
<p>Lizzy.Halfman@gmail.com</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xxl-3 col-xl-4 col-sm-6">
|
||||
<div className="card card-statistics contact-contant">
|
||||
<div className="card-body py-4">
|
||||
<div className="d-flex align-items-center">
|
||||
<div className="bg-img">
|
||||
<img src="assets/img/avtar/02.jpg" alt="" className="img-fluid" />
|
||||
</div>
|
||||
<div className="ml-3">
|
||||
<h4 className="mb-0">Samuel Woods</h4>
|
||||
<p><span className="badge badge-success-inverse px-2 py-1 mt-1">Friends</span></p>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<ul className="nav">
|
||||
<li className="nav-item">
|
||||
<div className="img-icon">
|
||||
<div className="img-icon"><i className="fa fa-mobile"></i></div>
|
||||
</div>
|
||||
</li>
|
||||
<li className="nav-item">
|
||||
<p>026-123-8546</p>
|
||||
</li>
|
||||
</ul>
|
||||
<ul className="nav">
|
||||
<li className="nav-item">
|
||||
<div className="img-icon"><i className="fa fa-phone"></i></div>
|
||||
</li>
|
||||
<li className="nav-item">
|
||||
<p>80-1230-8546</p>
|
||||
</li>
|
||||
</ul>
|
||||
<ul className="nav">
|
||||
<li className="nav-item">
|
||||
<div className="img-icon"><i className="fa fa-envelope-o"></i></div>
|
||||
</li>
|
||||
<li className="nav-item">
|
||||
<p>Samuel.Woods@gmail.com</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xxl-3 col-xl-4 col-sm-6">
|
||||
<div className="card card-statistics contact-contant">
|
||||
<div className="card-body py-4">
|
||||
<div className="d-flex align-items-center">
|
||||
<div className="bg-img">
|
||||
<img src="assets/img/avtar/03.jpg" alt="" className="img-fluid" />
|
||||
</div>
|
||||
<div className="ml-3">
|
||||
<h4 className="mb-0">Garettdon</h4>
|
||||
<p><span className="badge badge-primary-inverse px-2 py-1 mt-1">Office</span></p>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<ul className="nav">
|
||||
<li className="nav-item">
|
||||
<div className="img-icon"><i className="fa fa-mobile"></i></div>
|
||||
</li>
|
||||
<li className="nav-item">
|
||||
<p>026-123-8546</p>
|
||||
</li>
|
||||
</ul>
|
||||
<ul className="nav">
|
||||
<li className="nav-item">
|
||||
<div className="img-icon"><i className="fa fa-phone"></i></div>
|
||||
</li>
|
||||
<li className="nav-item">
|
||||
<p>80-1230-8546</p>
|
||||
</li>
|
||||
</ul>
|
||||
<ul className="nav">
|
||||
<li className="nav-item">
|
||||
<div className="img-icon"><i className="fa fa-envelope-o"></i></div>
|
||||
</li>
|
||||
<li className="nav-item">
|
||||
<p>Garettdon@gmail.com</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xxl-3 col-xl-4 col-sm-6">
|
||||
<div className="card card-statistics contact-contant">
|
||||
<div className="card-body py-4">
|
||||
<div className="d-flex align-items-center">
|
||||
<div className="bg-img">
|
||||
<img src="assets/img/avtar/04.jpg" alt="" className="img-fluid" />
|
||||
</div>
|
||||
<div className="ml-3">
|
||||
<h4 className="mb-0">Garynice</h4>
|
||||
<p><span className="badge badge-warning-inverse px-2 py-1 mt-1">Home</span></p>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<ul className="nav">
|
||||
<li className="nav-item">
|
||||
<div className="img-icon"><i className="fa fa-mobile"></i></div>
|
||||
</li>
|
||||
<li className="nav-item">
|
||||
<p>026-123-8546</p>
|
||||
</li>
|
||||
</ul>
|
||||
<ul className="nav">
|
||||
<li className="nav-item">
|
||||
<div className="img-icon"><i className="fa fa-phone"></i></div>
|
||||
</li>
|
||||
<li className="nav-item">
|
||||
<p>80-1230-8546</p>
|
||||
</li>
|
||||
</ul>
|
||||
<ul className="nav">
|
||||
<li className="nav-item">
|
||||
<div className="img-icon"><i className="fa fa-envelope-o"></i></div>
|
||||
</li>
|
||||
<li className="nav-item">
|
||||
<p>Garynice@gmail.com</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xxl-3 col-xl-4 col-sm-6">
|
||||
<div className="card card-statistics contact-contant">
|
||||
<div className="card-body py-4">
|
||||
<div className="d-flex align-items-center">
|
||||
<div className="bg-img">
|
||||
<img src="assets/img/avtar/05.jpg" alt="" className="img-fluid" />
|
||||
</div>
|
||||
<div className="ml-3">
|
||||
<h4 className="mb-0">Andrew nico</h4>
|
||||
<p><span className="badge badge-success-inverse px-2 py-1 mt-1">Friends</span></p>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<ul className="nav">
|
||||
<li className="nav-item">
|
||||
<div className="img-icon"><i className="fa fa-mobile"></i></div>
|
||||
</li>
|
||||
<li className="nav-item">
|
||||
<p>026-123-8546</p>
|
||||
</li>
|
||||
</ul>
|
||||
<ul className="nav">
|
||||
<li className="nav-item">
|
||||
<div className="img-icon"><i className="fa fa-phone"></i></div>
|
||||
</li>
|
||||
<li className="nav-item">
|
||||
<p>80-1230-8546</p>
|
||||
</li>
|
||||
</ul>
|
||||
<ul className="nav">
|
||||
<li className="nav-item">
|
||||
<div className="img-icon"><i className="fa fa-envelope-o"></i></div>
|
||||
</li>
|
||||
<li className="nav-item">
|
||||
<p>Andrew.nico@gmail.com</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xxl-3 col-xl-4 col-sm-6">
|
||||
<div className="card card-statistics contact-contant">
|
||||
<div className="card-body py-4">
|
||||
<div className="d-flex align-items-center">
|
||||
<div className="bg-img">
|
||||
<img src="assets/img/avtar/06.jpg" alt="" className="img-fluid" />
|
||||
</div>
|
||||
<div className="ml-3">
|
||||
<h4 className="mb-0">Michaelveld</h4>
|
||||
<p><span className="badge badge-primary-inverse px-2 py-1 mt-1">Office</span></p>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<ul className="nav">
|
||||
<li className="nav-item">
|
||||
<div className="img-icon"><i className="fa fa-mobile"></i></div>
|
||||
</li>
|
||||
<li className="nav-item">
|
||||
<p>026-123-8546</p>
|
||||
</li>
|
||||
</ul>
|
||||
<ul className="nav">
|
||||
<li className="nav-item">
|
||||
<div className="img-icon"><i className="fa fa-phone"></i></div>
|
||||
</li>
|
||||
<li className="nav-item">
|
||||
<p>80-1230-8546</p>
|
||||
</li>
|
||||
</ul>
|
||||
<ul className="nav">
|
||||
<li className="nav-item">
|
||||
<div className="img-icon"><i className="fa fa-envelope-o"></i></div>
|
||||
</li>
|
||||
<li className="nav-item">
|
||||
<p>Michaelveld@gmail.com</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xxl-3 col-xl-4 col-sm-6">
|
||||
<div className="card card-statistics contact-contant">
|
||||
<div className="card-body py-4">
|
||||
<div className="d-flex align-items-center">
|
||||
<div className="bg-img">
|
||||
<img src="assets/img/avtar/07.jpg" alt="" className="img-fluid" />
|
||||
</div>
|
||||
<div className="ml-3">
|
||||
<h4 className="mb-0">Jimmy Falicon</h4>
|
||||
<p><span className="badge badge-warning-inverse px-2 py-1 mt-1">Home</span></p>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<ul className="nav">
|
||||
<li className="nav-item">
|
||||
<div className="img-icon"><i className="fa fa-mobile"></i></div>
|
||||
</li>
|
||||
<li className="nav-item">
|
||||
<p>026-123-8546</p>
|
||||
</li>
|
||||
</ul>
|
||||
<ul className="nav">
|
||||
<li className="nav-item">
|
||||
<div className="img-icon"><i className="fa fa-phone"></i></div>
|
||||
</li>
|
||||
<li className="nav-item">
|
||||
<p>80-1230-8546</p>
|
||||
</li>
|
||||
</ul>
|
||||
<ul className="nav">
|
||||
<li className="nav-item">
|
||||
<div className="img-icon"><i className="fa fa-envelope-o"></i></div>
|
||||
</li>
|
||||
<li className="nav-item">
|
||||
<p>Jimmy.Falicon@gmail.com</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xxl-3 col-xl-4 col-sm-6">
|
||||
<div className="card card-statistics contact-contant">
|
||||
<div className="card-body py-4">
|
||||
<div className="d-flex align-items-center">
|
||||
<div className="bg-img">
|
||||
<img src="assets/img/avtar/08.jpg" alt="" className="img-fluid" />
|
||||
</div>
|
||||
<div className="ml-3">
|
||||
<h4 className="mb-0">Richardket</h4>
|
||||
<p><span className="badge badge-success-inverse px-2 py-1 mt-1">Friends</span></p>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<ul className="nav">
|
||||
<li className="nav-item">
|
||||
<div className="img-icon"><i className="fa fa-mobile"></i></div>
|
||||
</li>
|
||||
<li className="nav-item">
|
||||
<p>026-123-8546</p>
|
||||
</li>
|
||||
</ul>
|
||||
<ul className="nav">
|
||||
<li className="nav-item">
|
||||
<div className="img-icon"><i className="fa fa-phone"></i></div>
|
||||
</li>
|
||||
<li className="nav-item">
|
||||
<p>80-1230-8546</p>
|
||||
</li>
|
||||
</ul>
|
||||
<ul className="nav">
|
||||
<li className="nav-item">
|
||||
<div className="img-icon"><i className="fa fa-envelope-o"></i></div>
|
||||
</li>
|
||||
<li className="nav-item">
|
||||
<p>Richardket@gmail.com</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xxl-3 col-xl-4 col-sm-6">
|
||||
<div className="card card-statistics contact-contant">
|
||||
<div className="card-body py-4">
|
||||
<div className="d-flex align-items-center">
|
||||
<div className="bg-img">
|
||||
<img src="assets/img/avtar/09.jpg" alt="" className="img-fluid" />
|
||||
</div>
|
||||
<div className="ml-3">
|
||||
<h4 className="mb-0">Jenny Smithnig</h4>
|
||||
<p><span className="badge badge-primary-inverse px-2 py-1 mt-1">Office</span></p>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<ul className="nav">
|
||||
<li className="nav-item">
|
||||
<div className="img-icon"><i className="fa fa-mobile"></i></div>
|
||||
</li>
|
||||
<li className="nav-item">
|
||||
<p>026-123-8546</p>
|
||||
</li>
|
||||
</ul>
|
||||
<ul className="nav">
|
||||
<li className="nav-item">
|
||||
<div className="img-icon"><i className="fa fa-phone"></i></div>
|
||||
</li>
|
||||
<li className="nav-item">
|
||||
<p>80-1230-8546</p>
|
||||
</li>
|
||||
</ul>
|
||||
<ul className="nav">
|
||||
<li className="nav-item">
|
||||
<div className="img-icon"><i className="fa fa-envelope-o"></i></div>
|
||||
</li>
|
||||
<li className="nav-item">
|
||||
<p>Jenny Smithnig@gmail.com</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xxl-3 col-xl-4 col-sm-6">
|
||||
<div className="card card-statistics contact-contant">
|
||||
<div className="card-body py-4">
|
||||
<div className="d-flex align-items-center">
|
||||
<div className="bg-img">
|
||||
<img src="assets/img/avtar/01.jpg" alt="" className="img-fluid" />
|
||||
</div>
|
||||
<div className="ml-3">
|
||||
<h4 className="mb-0">Garettdon</h4>
|
||||
<p><span className="badge badge-warning-inverse px-2 py-1 mt-1">Home</span></p>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<ul className="nav">
|
||||
<li className="nav-item">
|
||||
<div className="img-icon"><i className="fa fa-mobile"></i></div>
|
||||
</li>
|
||||
<li className="nav-item">
|
||||
<p>026-123-8546</p>
|
||||
</li>
|
||||
</ul>
|
||||
<ul className="nav">
|
||||
<li className="nav-item">
|
||||
<div className="img-icon"><i className="fa fa-phone"></i></div>
|
||||
</li>
|
||||
<li className="nav-item">
|
||||
<p>80-1230-8546</p>
|
||||
</li>
|
||||
</ul>
|
||||
<ul className="nav">
|
||||
<li className="nav-item">
|
||||
<div className="img-icon"><i className="fa fa-envelope-o"></i></div>
|
||||
</li>
|
||||
<li className="nav-item">
|
||||
<p>Garettdon@gmail.com</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xxl-3 col-xl-4 col-sm-6">
|
||||
<div className="card card-statistics contact-contant">
|
||||
<div className="card-body py-4">
|
||||
<div className="d-flex align-items-center">
|
||||
<div className="bg-img">
|
||||
<img src="assets/img/avtar/02.jpg" alt="" className="img-fluid" />
|
||||
</div>
|
||||
<div className="ml-3">
|
||||
<h4 className="mb-0">Lizzy Halfman</h4>
|
||||
<p><span className="badge badge-success-inverse px-2 py-1 mt-1">Friends</span></p>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<ul className="nav text-center">
|
||||
<li className="nav-item">
|
||||
<div className="img-icon">
|
||||
<div className="img-icon"><i className="fa fa-mobile"></i></div>
|
||||
</div>
|
||||
</li>
|
||||
<li className="nav-item">
|
||||
<p>026-123-8546</p>
|
||||
</li>
|
||||
</ul>
|
||||
<ul className="nav">
|
||||
<li className="nav-item">
|
||||
<div className="img-icon"><i className="fa fa-phone"></i></div>
|
||||
</li>
|
||||
<li className="nav-item">
|
||||
<p>80-1230-8546</p>
|
||||
</li>
|
||||
</ul>
|
||||
<ul className="nav">
|
||||
<li className="nav-item">
|
||||
<div className="img-icon"><i className="fa fa-envelope-o"></i></div>
|
||||
</li>
|
||||
<li className="nav-item">
|
||||
<p>your@gmail.com</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xxl-3 col-xl-4 col-sm-6">
|
||||
<div className="card card-statistics contact-contant">
|
||||
<div className="card-body py-4">
|
||||
<div className="d-flex align-items-center">
|
||||
<div className="bg-img">
|
||||
<img src="assets/img/avtar/03.jpg" alt="" className="img-fluid" />
|
||||
</div>
|
||||
<div className="ml-3">
|
||||
<h4 className="mb-0">Brian Joedon</h4>
|
||||
<p><span className="badge badge-primary-inverse px-2 py-1 mt-1">Office</span></p>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<ul className="nav">
|
||||
<li className="nav-item">
|
||||
<div className="img-icon"><i className="fa fa-mobile"></i></div>
|
||||
</li>
|
||||
<li className="nav-item">
|
||||
<p>026-123-8546</p>
|
||||
</li>
|
||||
</ul>
|
||||
<ul className="nav">
|
||||
<li className="nav-item">
|
||||
<div className="img-icon"><i className="fa fa-phone"></i></div>
|
||||
</li>
|
||||
<li className="nav-item">
|
||||
<p>80-1205-8156</p>
|
||||
</li>
|
||||
</ul>
|
||||
<ul className="nav">
|
||||
<li className="nav-item">
|
||||
<div className="img-icon"><i className="fa fa-envelope-o"></i></div>
|
||||
</li>
|
||||
<li className="nav-item">
|
||||
<p>Brian.Joedon@gmail.com</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</>
|
||||
|
||||
</>
|
||||
)
|
||||
}
|
||||
Reference in New Issue
Block a user