MERMS/MermsPanelReactJS
1
0
Fork 0
Code Issues Pull Requests 1 Releases Activity
Files
eb4d5315de30040213ab8e2c65903bb804e58fe3
MermsPanelReactJS/src/component/users/Users.jsx
T
CHIEFSOFT\ameye ee787c0740 settings page
2025-07-05 12:02:13 -04:00

517 lines
31 KiB
React
Raw Blame History

import React from "react";
import BreadcrumbComBS from "../breadcrumb/BreadcrumbComBS";
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="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 View Git Blame Copy Permalink