diff --git a/src/component/users/Users.jsx b/src/component/users/Users.jsx
index b5b7129..ff62058 100644
--- a/src/component/users/Users.jsx
+++ b/src/component/users/Users.jsx
@@ -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>
+
+            </>
+
         </>
     )
 }
\ No newline at end of file