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>

            </>

        </>
    )
}