MERMS/MermsPanelReactJS
1
0
Fork 0
Code Issues Pull Requests 1 Releases Activity

settings page

Browse Source
This commit is contained in:
CHIEFSOFT\ameye
2025-07-05 12:02:13 -04:00
parent 6136d762a3
commit ee787c0740
3 changed files with 229 additions and 304 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/component/users/Users.jsx
+166 -166
View File
@@ -53,172 +53,172 @@ export default function Users(){
</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/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">