| Current Path : /home/lentoinv/finationglobal.com/account/ |
| Current File : /home/lentoinv/finationglobal.com/account/profile.php |
<?php
session_start(); ob_start();
?>
<!doctype html>
<html lang="en" dir="ltr">
<head>
<!-- META DATA -->
<meta charset="UTF-8">
<meta name='viewport' content='width=device-width, initial-scale=1.0, user-scalable=0'>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="">
<meta name="author" content="">
<meta name="keywords" content="">
<!-- FAVICON -->
<link rel="shortcut icon" type="image/x-icon" href="../assets/images/brand/favicon.ico" />
<!-- TITLE -->
<title>Account Profile</title>
<!-- BOOTSTRAP CSS -->
<link id="style" href="../assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
<!-- STYLE CSS -->
<link href="../assets/css/style.css" rel="stylesheet" />
<link href="../assets/css/plugins.css" rel="stylesheet" />
<!--- FONT-ICONS CSS -->
<link href="../assets/css/icons.css" rel="stylesheet" />
</head>
<body class="app sidebar-mini ltr light-mode">
<!-- GLOBAL-LOADER -->
<div id="global-loader">
<img src="../assets/images/loader.svg" class="loader-img" alt="Loader">
</div>
<!-- /GLOBAL-LOADER -->
<!-- PAGE -->
<div class="page">
<div class="page-main">
<!-- app-Header -->
<?php //include('header.php') ?>
<!-- /app-Header -->
<!--app-content open-->
<div class="main-content app-content mt-0">
<div class="side-app">
<!-- CONTAINER -->
<div class="main-container container-fluid">
<!-- PAGE-HEADER -->
<div class="page-header">
<div>
<h1 class="page-title">Profile</h1>
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="javascript:void(0);">Pages</a></li>
<li class="breadcrumb-item active" aria-current="page">Profile</li>
</ol>
</div>
<?php include('pagebtn.php') ?>
</div>
<!-- PAGE-HEADER END -->
<!-- ROW-1 OPEN -->
<div class="row" id="user-profile">
<div class="col-lg-12">
<div class="card">
<div class="card-body">
<div class="wideget-user">
<div class="row">
<div class="col-lg-12 col-md-12 col-xl-6">
<div class="wideget-user-desc d-sm-flex">
<div class="wideget-user-img">
<img class="" src="../assets/images/users/8.jpg" alt="img">
</div>
<div class="user-wrap">
<h4>Elizabeth Dyer</h4>
<h6 class="text-muted mb-3">Member Since: November 2017</h6>
<a href="javascript:void(0);" class="btn btn-primary mt-1 mb-1"><i class="fa fa-rss"></i> Follow</a>
<a href="emailservices.html" class="btn btn-secondary mt-1 mb-1"><i class="fa fa-envelope"></i> E-mail</a>
</div>
</div>
</div>
<div class="col-lg-12 col-md-12 col-xl-6">
<div class="text-xl-right mt-4 mt-xl-0">
<a href="emailservices.html" class="btn btn-white">Message</a>
<a href="editprofile.html" class="btn btn-primary">Edit Profile</a>
</div>
<div class="mt-5">
<div class="main-profile-contact-list float-lg-end d-lg-flex">
<div class="me-5">
<div class="media">
<div class="media-icon bg-primary me-3 mt-1">
<i class="fe fe-file-plus fs-20 text-white"></i>
</div>
<div class="media-body">
<span class="text-muted">Posts</span>
<div class="fw-semibold fs-25">
328
</div>
</div>
</div>
</div>
<div class="me-5 mt-5 mt-md-0">
<div class="media">
<div class="media-icon bg-success me-3 mt-1">
<i class="fe fe-users fs-20 text-white"></i>
</div>
<div class="media-body">
<span class="text-muted">Followers</span>
<div class="fw-semibold fs-25">
937k
</div>
</div>
</div>
</div>
<div class="me-0 mt-5 mt-md-0">
<div class="media">
<div class="media-icon bg-orange me-3 mt-1">
<i class="fe fe-wifi fs-20 text-white"></i>
</div>
<div class="media-body">
<span class="text-muted">Following</span>
<div class="fw-semibold fs-25">
2,876
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="border-top">
<div class="wideget-user-tab">
<div class="tab-menu-heading">
<div class="tabs-menu1">
<ul class="nav">
<li class=""><a href="#tab-51" class="active show" data-bs-toggle="tab">Profile</a></li>
<li><a href="#tab-61" data-bs-toggle="tab" class="">Friends</a></li>
<li><a href="#tab-71" data-bs-toggle="tab" class="">Gallery</a></li>
<li><a href="#tab-81" data-bs-toggle="tab" class="">Followers</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="tab-content">
<div class="tab-pane active show" id="tab-51">
<div id="profile-log-switch">
<div class="card">
<div class="card-body">
<div class="media-heading">
<h5><strong>Personal Information</strong></h5>
</div>
<div class="table-responsive ">
<table class="table row table-borderless">
<tbody class="col-lg-12 col-xl-6 p-0">
<tr>
<td><strong>Full Name :</strong> Elizabeth Dyer</td>
</tr>
<tr>
<td><strong>Location :</strong> USA</td>
</tr>
<tr>
<td><strong>Languages :</strong> English, German, Spanish.</td>
</tr>
</tbody>
<tbody class="col-lg-12 col-xl-6 p-0">
<tr>
<td><strong>Website :</strong> abcdz.com</td>
</tr>
<tr>
<td><strong>Email :</strong> georgemestayer@abcdz.com</td>
</tr>
<tr>
<td><strong>Phone :</strong> +125 254 3562 </td>
</tr>
</tbody>
</table>
</div>
<div class="row profie-img">
<div class="col-md-12">
<div class="media-heading">
<h5><strong>Biography</strong></h5>
</div>
<p>
Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus</p>
<p class="mb-0">because it is pleasure, but because those who do not know how to pursue pleasure rationally encounter but because those who do not know how to pursue consequences that are extremely painful. Nor
again is there anyone who loves or pursues or desires to obtain pain of itself, because it is pain, but because occasionally circumstances occur in which toil and pain can procure him some great
pleasure.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane" id="tab-61">
<ul class="widget-users row mb-5">
<li class="col-lg-4 col-md-6 col-sm-12 col-12">
<div class="card border p-0">
<a href="profile.html">
<div class="card-body text-center">
<span class="avatar avatar-xxl brround cover-image" data-bs-image-src="../assets/images/users/15.jpg"></span>
<h4 class="fs-16 mb-0 mt-3 text-dark fw-semibold">James Thomas</h4>
<span class="text-muted">Web designer</span>
</div>
</a>
<div class="card-footer text-center">
<div class="row user-social-detail">
<a href="javascript:void(0);" class="social-profile me-4 rounded text-center">
<i class="fa fa-google"></i>
</a>
<a href="javascript:void(0);" class="social-profile me-4 rounded text-center">
<i class="fa fa-facebook"></i>
</a>
<a href="javascript:void(0);" class="social-profile rounded text-center">
<i class="fa fa-twitter"></i>
</a>
</div>
</div>
</div>
</li>
<li class="col-lg-4 col-md-6 col-sm-12 col-12">
<div class="card border p-0">
<a href="profile.html">
<div class="card-body text-center">
<span class="avatar avatar-xxl brround cover-image" data-bs-image-src="../assets/images/users/9.jpg"></span>
<h4 class="fs-16 mb-0 mt-3 text-dark fw-semibold">George Clooney</h4>
<span class="text-muted">Web designer</span>
</div>
</a>
<div class="card-footer text-center">
<div class="row user-social-detail">
<a href="javascript:void(0);" class="social-profile me-4 rounded text-center">
<i class="fa fa-google"></i>
</a>
<a href="javascript:void(0);" class="social-profile me-4 rounded text-center">
<i class="fa fa-facebook"></i>
</a>
<a href="javascript:void(0);" class="social-profile rounded text-center">
<i class="fa fa-twitter"></i>
</a>
</div>
</div>
</div>
</li>
<li class="col-lg-4 col-md-6 col-sm-12 col-12">
<div class="card border p-0">
<a href="profile.html">
<div class="card-body text-center">
<span class="avatar avatar-xxl brround cover-image" data-bs-image-src="../assets/images/users/20.jpg"></span>
<h4 class="fs-16 mb-0 mt-3 text-dark fw-semibold">Robert Downey Jr.</h4>
<span class="text-muted">Web designer</span>
</div>
</a>
<div class="card-footer text-center">
<div class="row user-social-detail">
<a href="javascript:void(0);" class="social-profile me-4 rounded text-center">
<i class="fa fa-google"></i>
</a>
<a href="javascript:void(0);" class="social-profile me-4 rounded text-center">
<i class="fa fa-facebook"></i>
</a>
<a href="javascript:void(0);" class="social-profile rounded text-center">
<i class="fa fa-twitter"></i>
</a>
</div>
</div>
</div>
</li>
<li class="col-lg-4 col-md-6 col-sm-12 col-12">
<div class="card border p-0 mb-lg-0">
<a href="profile.html">
<div class="card-body text-center">
<span class="avatar avatar-xxl brround cover-image" data-bs-image-src="../assets/images/users/12.jpg"></span>
<h4 class="fs-16 mb-0 mt-3 text-dark fw-semibold">Emma Watson</h4>
<span class="text-muted">Web designer</span>
</div>
</a>
<div class="card-footer text-center">
<div class="row user-social-detail">
<a href="javascript:void(0);" class="social-profile me-4 rounded text-center">
<i class="fa fa-google"></i>
</a>
<a href="javascript:void(0);" class="social-profile me-4 rounded text-center">
<i class="fa fa-facebook"></i>
</a>
<a href="javascript:void(0);" class="social-profile rounded text-center">
<i class="fa fa-twitter"></i>
</a>
</div>
</div>
</div>
</li>
<li class="col-lg-4 col-md-6 col-sm-12 col-12">
<div class="card border p-0 mb-lg-0">
<a href="profile.html">
<div class="card-body text-center">
<span class="avatar avatar-xxl brround cover-image" data-bs-image-src="../assets/images/users/4.jpg"></span>
<h4 class="fs-16 mb-0 mt-3 text-dark fw-semibold">Mila Kunis</h4>
<span class="text-muted">Web designer</span>
</div>
</a>
<div class="card-footer text-center">
<div class="row user-social-detail">
<a href="javascript:void(0);" class="social-profile me-4 rounded text-center">
<i class="fa fa-google"></i>
</a>
<a href="javascript:void(0);" class="social-profile me-4 rounded text-center">
<i class="fa fa-facebook"></i>
</a>
<a href="javascript:void(0);" class="social-profile rounded text-center">
<i class="fa fa-twitter"></i>
</a>
</div>
</div>
</div>
</li>
<li class="col-lg-4 col-md-6 col-sm-12 col-12">
<div class="card border p-0 mb-0">
<div class="card-body text-center">
<span class="avatar avatar-xxl brround cover-image" data-bs-image-src="../assets/images/users/6.jpg"></span>
<a href="profile.html">
<h4 class="fs-16 mb-0 mt-3 text-dark fw-semibold">Ryan Gossling</h4>
</a>
<span class="text-muted">Web designer</span>
</div>
<div class="card-footer text-center">
<div class="row user-social-detail">
<a href="javascript:void(0);" class="social-profile me-4 rounded text-center">
<i class="fa fa-google"></i>
</a>
<a href="javascript:void(0);" class="social-profile me-4 rounded text-center">
<i class="fa fa-facebook"></i>
</a>
<a href="javascript:void(0);" class="social-profile rounded text-center">
<i class="fa fa-twitter"></i>
</a>
</div>
</div>
</div>
</li>
</ul>
</div>
<div class="tab-pane" id="tab-71">
<div class="row mb-5 img-gallery" id="lightgallery">
<div class="col-lg-3 col-md-6" data-responsive="../assets/images/media/8.jpg" data-src="../assets/images/media/8.jpg">
<a href="javascript:void(0);"><img class="img-fluid mb-2 br-7" src="../assets/images/media/8.jpg " alt="banner image"></a>
</div>
<div class="col-lg-3 col-md-6" data-responsive="../assets/images/media/10.jpg" data-src="../assets/images/media/10.jpg">
<a href="javascript:void(0);"><img class="img-fluid mb-2 br-7" src="../assets/images/media/10.jpg" alt="banner image "></a>
</div>
<div class="col-lg-3 col-md-6" data-responsive="../assets/images/media/11.jpg" data-src="../assets/images/media/11.jpg">
<a href="javascript:void(0);"><img class="img-fluid mb-2 br-7" src="../assets/images/media/11.jpg" alt="banner image "></a>
</div>
<div class="col-lg-3 col-md-6" data-responsive="../assets/images/media/12.jpg" data-src="../assets/images/media/12.jpg">
<a href="javascript:void(0);"><img class="img-fluid mb-2 br-7" src="../assets/images/media/12.jpg" alt="banner image "></a>
</div>
<div class="col-lg-3 col-md-6" data-responsive="../assets/images/media/13.jpg" data-src="../assets/images/media/13.jpg">
<a href="javascript:void(0);"><img class="img-fluid mb-2 br-7" src="../assets/images/media/13.jpg " alt="banner image"></a>
</div>
<div class="col-lg-3 col-md-6" data-responsive="../assets/images/media/14.jpg" data-src="../assets/images/media/14.jpg">
<a href="javascript:void(0);"><img class="img-fluid mb-2 br-7" src="../assets/images/media/14.jpg " alt="banner image"></a>
</div>
<div class="col-lg-3 col-md-6" data-responsive="../assets/images/media/15.jpg" data-src="../assets/images/media/15.jpg">
<a href="javascript:void(0);"><img class="img-fluid mb-2 br-7" src="../assets/images/media/15.jpg " alt="banner image"></a>
</div>
<div class="col-lg-3 col-md-6" data-responsive="../assets/images/media/16.jpg" data-src="../assets/images/media/16.jpg">
<a href="javascript:void(0);"><img class="img-fluid mb-2 br-7" src="../assets/images/media/16.jpg " alt="banner image"></a>
</div>
<div class="col-lg-3 col-md-6" data-responsive="../assets/images/media/17.jpg" data-src="../assets/images/media/17.jpg">
<a href="javascript:void(0);"><img class="img-fluid mb-2 br-7" src="../assets/images/media/17.jpg " alt="banner image"></a>
</div>
<div class="col-lg-3 col-md-6" data-responsive="../assets/images/media/18.jpg" data-src="../assets/images/media/18.jpg">
<a href="javascript:void(0);"><img class="img-fluid mb-2 br-7" src="../assets/images/media/18.jpg " alt="banner image"></a>
</div>
<div class="col-lg-3 col-md-6" data-responsive="../assets/images/media/19.jpg" data-src="../assets/images/media/19.jpg">
<a href="javascript:void(0);"><img class="img-fluid mb-2 br-7" src="../assets/images/media/19.jpg " alt="banner image"></a>
</div>
<div class="col-lg-3 col-md-6" data-responsive="../assets/images/media/20.jpg" data-src="../assets/images/media/20.jpg">
<a href="javascript:void(0);"><img class="img-fluid br-7" src="../assets/images/media/20.jpg " alt="banner image"></a>
</div>
</div>
</div>
<div class="tab-pane" id="tab-71">
<div class="row mb-5">
<div class=" col-lg-6 col-md-12">
<div class="card border p-0 over-flow-hidden">
<div class="media card-body media-xs overflow-visible ">
<img class="avatar brround avatar-md me-3" src="../assets/images/users/18.jpg" alt="avatar-img">
<div class="media-body valign-middle">
<a href="" class=" fw-semibold text-dark">John Paige</a>
<p class="text-muted mb-0">johan@gmail.com</p>
</div>
<div class="media-body valign-middle text-end overflow-visible mt-2">
<button class="btn btn-primary" type="button">Follow</button>
</div>
</div>
</div>
</div>
<div class=" col-lg-6 col-md-12">
<div class="card border p-0 over-flow-hidden">
<div class="media card-body media-xs overflow-visible ">
<span class="avatar cover-image avatar-md brround bg-pink me-3">LQ</span>
<div class="media-body valign-middle mt-0">
<a href="" class="fw-semibold text-dark">Lillian Quinn</a>
<p class="text-muted mb-0">lilliangore</p>
</div>
<div class="media-body valign-middle text-end overflow-visible mt-1">
<button class="btn btn-primary" type="button">Follow</button>
</div>
</div>
</div>
</div>
<div class=" col-lg-6 col-md-12">
<div class="card border p-0 over-flow-hidden mb-lg-0">
<div class="media card-body media-xs overflow-visible ">
<span class="avatar cover-image avatar-md brround me-3 bg-primary">IH</span>
<div class="media-body valign-middle mt-0">
<a href="" class="fw-semibold text-dark">Irene Harris</a>
<p class="text-muted mb-0">ireneharris@gmail.com</p>
</div>
<div class="media-body valign-middle text-end overflow-visible mt-1">
<button class="btn btn-primary" type="button">Follow</button>
</div>
</div>
</div>
</div>
<div class=" col-lg-6 col-md-12">
<div class="card border p-0 over-flow-hidden mb-lg-0">
<div class="media card-body media-xs overflow-visible ">
<img class="avatar brround avatar-md me-3" src="../assets/images/users/2.jpg" alt="avatar-img">
<div class="media-body valign-middle mt-0">
<a href="" class="text-dark fw-semibold">Harry Fisher</a>
<p class="text-muted mb-0">harryuqt</p>
</div>
<div class="media-body valign-middle text-end overflow-visible mt-1">
<button class="btn btn-primary" type="button">Follow</button>
</div>
</div>
</div>
</div>
<div class=" col-lg-6 col-md-12">
<div class="card border p-0 over-flow-hidden">
<div class="media card-body media-xs overflow-visible ">
<span class="avatar cover-image avatar-md brround bg-pink me-3">AB</span>
<div class="media-body valign-middle mt-0">
<a href="" class="fw-semibold text-dark">Aida Bugg</a>
<p class="text-muted mb-0">Aidasr</p>
</div>
<div class="media-body valign-middle text-end overflow-visible mt-1">
<button class="btn btn-primary" type="button">Follow</button>
</div>
</div>
</div>
</div>
<div class=" col-lg-6 col-md-12">
<div class="card border p-0 over-flow-hidden">
<div class="media card-body media-xs overflow-visible ">
<span class="avatar cover-image avatar-md brround bg-pink me-3">LQ</span>
<div class="media-body valign-middle mt-0">
<a href="" class="fw-semibold text-dark">Lillian Quinn</a>
<p class="text-muted mb-0">lilliangore</p>
</div>
<div class="media-body valign-middle text-end overflow-visible mt-1">
<button class="btn btn-primary" type="button">Follow</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane" id="tab-81">
<div class="row">
<div class=" col-lg-6 col-md-12">
<div class="card border p-0 over-flow-hidden">
<div class="media card-body media-xs overflow-visible ">
<img class="avatar brround avatar-md me-3" src="../assets/images/users/18.jpg" alt="avatar-img">
<div class="media-body valign-middle">
<a href="" class=" fw-semibold text-dark">John Paige</a>
<p class="text-muted mb-0">johan@gmail.com</p>
</div>
<div class="media-body valign-middle text-end overflow-visible mt-2">
<button class="btn btn-primary" type="button">Follow</button>
</div>
</div>
</div>
</div>
<div class=" col-lg-6 col-md-12">
<div class="card border p-0 over-flow-hidden">
<div class="media card-body media-xs overflow-visible ">
<span class="avatar cover-image avatar-md brround bg-pink me-3">LQ</span>
<div class="media-body valign-middle mt-0">
<a href="" class="fw-semibold text-dark">Lillian Quinn</a>
<p class="text-muted mb-0">lilliangore</p>
</div>
<div class="media-body valign-middle text-end overflow-visible mt-1">
<button class="btn btn-primary" type="button">Follow</button>
</div>
</div>
</div>
</div>
<div class=" col-lg-6 col-md-12">
<div class="card border p-0 over-flow-hidden">
<div class="media card-body media-xs overflow-visible ">
<span class="avatar cover-image avatar-md brround me-3 bg-primary">IH</span>
<div class="media-body valign-middle mt-0">
<a href="" class="fw-semibold text-dark">Irene Harris</a>
<p class="text-muted mb-0">ireneharris@gmail.com</p>
</div>
<div class="media-body valign-middle text-end overflow-visible mt-1">
<button class="btn btn-primary" type="button">Follow</button>
</div>
</div>
</div>
</div>
<div class=" col-lg-6 col-md-12">
<div class="card border p-0 over-flow-hidden">
<div class="media card-body media-xs overflow-visible ">
<img class="avatar brround avatar-md me-3" src="../assets/images/users/3.jpg" alt="avatar-img">
<div class="media-body valign-middle mt-0">
<a href="" class="text-dark fw-semibold">Saureen Bgist</a>
<p class="text-muted mb-0">harryuqt</p>
</div>
<div class="media-body valign-middle text-end overflow-visible mt-1">
<button class="btn btn-primary" type="button">Follow</button>
</div>
</div>
</div>
</div>
<div class=" col-lg-6 col-md-12">
<div class="card border p-0 over-flow-hidden">
<div class="media card-body media-xs overflow-visible ">
<img class="avatar brround avatar-md me-3" src="../assets/images/users/2.jpg" alt="avatar-img">
<div class="media-body valign-middle mt-0">
<a href="" class="text-dark fw-semibold">Maureen Biologist</a>
<p class="text-muted mb-0">harryuqt</p>
</div>
<div class="media-body valign-middle text-end overflow-visible mt-1">
<button class="btn btn-primary" type="button">Follow</button>
</div>
</div>
</div>
</div>
<div class=" col-lg-6 col-md-12">
<div class="card border p-0 over-flow-hidden">
<div class="media card-body media-xs overflow-visible ">
<span class="avatar cover-image avatar-md brround me-3 bg-info">PF</span>
<div class="media-body valign-middle mt-0">
<a href="" class="fw-semibold text-dark">Paddy O'Furniture.</a>
<p class="text-muted mb-0">ireneharris@gmail.com</p>
</div>
<div class="media-body valign-middle text-end overflow-visible mt-1">
<button class="btn btn-primary" type="button">Follow</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- COL-END -->
</div>
<!-- ROW-1 CLOSED -->
</div>
</div>
</div>
<!-- CONTAINER CLOSED -->
</div>
<!-- Sidebar-right -->
<div class="sidebar sidebar-right sidebar-animate">
<div class="panel panel-primary card mb-0 shadow-none border-0">
<div class="tab-menu-heading border-0 d-flex p-3">
<div class="card-title mb-0">Notifications</div>
<div class="card-options ms-auto">
<a href="javascript:void(0);" class="sidebar-icon text-end float-end me-1" data-bs-toggle="sidebar-right" data-target=".sidebar-right"><i class="fe fe-x text-white"></i></a>
</div>
</div>
<div class="panel-body tabs-menu-body latest-tasks p-0 border-0">
<div class="tabs-menu border-bottom">
<!-- Tabs -->
<ul class="nav panel-tabs">
<li class=""><a href="#side1" class="active" data-bs-toggle="tab"><i class="fe fe-user me-1"></i> Profile</a></li>
<li><a href="#side2" data-bs-toggle="tab"><i class="fe fe-users me-1"></i> Contacts</a></li>
<li><a href="#side3" data-bs-toggle="tab"><i class="fe fe-settings me-1"></i> Settings</a></li>
</ul>
</div>
<div class="tab-content">
<div class="tab-pane active" id="side1">
<div class="card-body text-center">
<div class="dropdown user-pro-body">
<div class="">
<img alt="user-img" class="avatar avatar-xl brround mx-auto text-center" src="../assets/images/faces/6.jpg"><span class="avatar-status profile-status bg-green"></span>
</div>
<div class="user-info mg-t-20">
<h6 class="fw-semibold mt-2 mb-0">Mintrona Pechon</h6>
<span class="mb-0 text-muted fs-12">Premium Member</span>
</div>
</div>
</div>
<a class="dropdown-item d-flex border-bottom border-top" href="profile.html">
<div class="d-flex"><i class="fe fe-user me-3 tx-20 text-muted"></i>
<div class="pt-1">
<h6 class="mb-0">My Profile</h6>
<p class="tx-12 mb-0 text-muted">Profile Personal information</p>
</div>
</div>
</a>
<a class="dropdown-item d-flex border-bottom" href="chat.html">
<div class="d-flex"><i class="fe fe-message-square me-3 tx-20 text-muted"></i>
<div class="pt-1">
<h6 class="mb-0">My Messages</h6>
<p class="tx-12 mb-0 text-muted">Person message information</p>
</div>
</div>
</a>
<a class="dropdown-item d-flex border-bottom" href="emailservices.html">
<div class="d-flex"><i class="fe fe-mail me-3 tx-20 text-muted"></i>
<div class="pt-1">
<h6 class="mb-0">My Mails</h6>
<p class="tx-12 mb-0 text-muted">Persons mail information</p>
</div>
</div>
</a>
<a class="dropdown-item d-flex border-bottom" href="editprofile.html">
<div class="d-flex"><i class="fe fe-settings me-3 tx-20 text-muted"></i>
<div class="pt-1">
<h6 class="mb-0">Account Settings</h6>
<p class="tx-12 mb-0 text-muted">Settings Information</p>
</div>
</div>
</a>
<a class="dropdown-item d-flex border-bottom" href="login.html">
<div class="d-flex"><i class="fe fe-power me-3 tx-20 text-muted"></i>
<div class="pt-1">
<h6 class="mb-0">Sign Out</h6>
<p class="tx-12 mb-0 text-muted">Account Signout</p>
</div>
</div>
</a>
</div>
<div class="tab-pane" id="side2">
<div class="list-group list-group-flush ">
<div class="list-group-item d-flex align-items-center">
<div class="me-2">
<span class="avatar avatar-md brround cover-image" data-bs-image-src="../assets/images/faces/9.jpg"><span class="avatar-status bg-success"></span></span>
</div>
<div class="">
<div class="fw-semibold" data-bs-toggle="modal" data-target="#chatmodel">Mozelle Belt</div>
<p class="mb-0 tx-12 text-muted">mozellebelt@gmail.com</p>
</div>
</div>
<div class="list-group-item d-flex align-items-center">
<div class="me-2">
<span class="avatar avatar-md brround cover-image" data-bs-image-src="../assets/images/faces/11.jpg"></span>
</div>
<div class="">
<div class="fw-semibold" data-bs-toggle="modal" data-target="#chatmodel">Florinda Carasco</div>
<p class="mb-0 tx-12 text-muted">florindacarasco@gmail.com</p>
</div>
</div>
<div class="list-group-item d-flex align-items-center">
<div class="me-2">
<span class="avatar avatar-md brround cover-image" data-bs-image-src="../assets/images/faces/10.jpg"><span class="avatar-status bg-success"></span></span>
</div>
<div class="">
<div class="fw-semibold" data-bs-toggle="modal" data-target="#chatmodel">Alina Bernier</div>
<p class="mb-0 tx-12 text-muted">alinaaernier@gmail.com</p>
</div>
</div>
<div class="list-group-item d-flex align-items-center">
<div class="me-2">
<span class="avatar avatar-md brround cover-image" data-bs-image-src="../assets/images/faces/2.jpg"><span class="avatar-status bg-success"></span></span>
</div>
<div class="">
<div class="fw-semibold" data-bs-toggle="modal" data-target="#chatmodel">Zula Mclaughin</div>
<p class="mb-0 tx-12 text-muted">zulamclaughin@gmail.com</p>
</div>
</div>
<div class="list-group-item d-flex align-items-center">
<div class="me-2">
<span class="avatar avatar-md brround cover-image" data-bs-image-src="../assets/images/faces/13.jpg"></span>
</div>
<div class="">
<div class="fw-semibold" data-bs-toggle="modal" data-target="#chatmodel">Isidro Heide</div>
<p class="mb-0 tx-12 text-muted">isidroheide@gmail.com</p>
</div>
</div>
<div class="list-group-item d-flex align-items-center">
<div class="me-2">
<span class="avatar avatar-md brround cover-image" data-bs-image-src="../assets/images/faces/12.jpg"><span class="avatar-status bg-success"></span></span>
</div>
<div class="">
<div class="fw-semibold" data-bs-toggle="modal" data-target="#chatmodel">Mozelle Belt</div>
<p class="mb-0 tx-12 text-muted">mozellebelt@gmail.com</p>
</div>
</div>
<div class="list-group-item d-flex align-items-center">
<div class="me-2">
<span class="avatar avatar-md brround cover-image" data-bs-image-src="../assets/images/faces/4.jpg"></span>
</div>
<div class="">
<div class="fw-semibold" data-bs-toggle="modal" data-target="#chatmodel">Florinda Carasco</div>
<p class="mb-0 tx-12 text-muted">florindacarasco@gmail.com</p>
</div>
</div>
<div class="list-group-item d-flex align-items-center">
<div class="me-2">
<span class="avatar avatar-md brround cover-image" data-bs-image-src="../assets/images/faces/7.jpg"></span>
</div>
<div class="">
<div class="fw-semibold" data-bs-toggle="modal" data-target="#chatmodel">Alina Bernier</div>
<p class="mb-0 tx-12 text-muted">alinabernier@gmail.com</p>
</div>
</div>
<div class="list-group-item d-flex align-items-center">
<div class="me-2">
<span class="avatar avatar-md brround cover-image" data-bs-image-src="../assets/images/faces/2.jpg"></span>
</div>
<div class="">
<div class="fw-semibold" data-bs-toggle="modal" data-target="#chatmodel">Zula Mclaughin</div>
<p class="mb-0 tx-12 text-muted">zulamclaughin@gmail.com</p>
</div>
</div>
<div class="list-group-item d-flex align-items-center">
<div class="me-2">
<span class="avatar avatar-md brround cover-image" data-bs-image-src="../assets/images/faces/14.jpg"><span class="avatar-status bg-success"></span></span>
</div>
<div class="">
<div class="fw-semibold" data-bs-toggle="modal" data-target="#chatmodel">Isidro Heide</div>
<p class="mb-0 tx-12 text-muted">isidroheide@gmail.com</p>
</div>
</div>
<div class="list-group-item d-flex align-items-center">
<div class="me-2">
<span class="avatar avatar-md brround cover-image" data-bs-image-src="../assets/images/faces/11.jpg"></span>
</div>
<div class="">
<div class="fw-semibold" data-bs-toggle="modal" data-target="#chatmodel">Florinda Carasco</div>
<p class="mb-0 tx-12 text-muted">florindacarasco@gmail.com</p>
</div>
</div>
<div class="list-group-item d-flex align-items-center">
<div class="me-2">
<span class="avatar avatar-md brround cover-image" data-bs-image-src="../assets/images/faces/9.jpg"></span>
</div>
<div class="">
<div class="fw-semibold" data-bs-toggle="modal" data-target="#chatmodel">Alina Bernier</div>
<p class="mb-0 tx-12 text-muted">alinabernier@gmail.com</p>
</div>
</div>
<div class="list-group-item d-flex align-items-center">
<div class="me-2">
<span class="avatar avatar-md brround cover-image" data-bs-image-src="../assets/images/faces/15.jpg"><span class="avatar-status bg-success"></span></span>
</div>
<div class="">
<div class="fw-semibold" data-bs-toggle="modal" data-target="#chatmodel">Zula Mclaughin</div>
<p class="mb-0 tx-12 text-muted">zulamclaughin@gmail.com</p>
</div>
</div>
<div class="list-group-item d-flex align-items-center">
<div class="me-2">
<span class="avatar avatar-md brround cover-image" data-bs-image-src="../assets/images/faces/4.jpg"></span>
</div>
<div class="">
<div class="fw-semibold" data-bs-toggle="modal" data-target="#chatmodel">Isidro Heide</div>
<p class="mb-0 tx-12 text-muted">isidroheide@gmail.com</p>
</div>
</div>
</div>
</div>
<div class="tab-pane" id="side3">
<a class="dropdown-item bg-gray-100 pd-y-10" href="javascript:void(0);">
Account Settings
</a>
<div class="card-body">
<div class="form-group mg-b-10">
<label class="custom-switch ps-0">
<input type="checkbox" name="custom-switch-checkbox" class="custom-switch-input" checked>
<span class="custom-switch-indicator"></span>
<span class="custom-switch-description mg-l-10">Updates Automatically</span>
</label>
</div>
<div class="form-group mg-b-10">
<label class="custom-switch ps-0">
<input type="checkbox" name="custom-switch-checkbox" class="custom-switch-input">
<span class="custom-switch-indicator"></span>
<span class="custom-switch-description mg-l-10">Allow Location Map</span>
</label>
</div>
<div class="form-group mg-b-10">
<label class="custom-switch ps-0">
<input type="checkbox" name="custom-switch-checkbox" class="custom-switch-input" checked>
<span class="custom-switch-indicator"></span>
<span class="custom-switch-description mg-l-10">Show Contacts</span>
</label>
</div>
<div class="form-group mg-b-10">
<label class="custom-switch ps-0">
<input type="checkbox" name="custom-switch-checkbox" class="custom-switch-input" checked>
<span class="custom-switch-indicator"></span>
<span class="custom-switch-description mg-l-10">Show Notication</span>
</label>
</div>
<div class="form-group mg-b-10">
<label class="custom-switch ps-0">
<input type="checkbox" name="custom-switch-checkbox" class="custom-switch-input">
<span class="custom-switch-indicator"></span>
<span class="custom-switch-description mg-l-10">Show Tasks Statistics</span>
</label>
</div>
<div class="form-group mg-b-10">
<label class="custom-switch ps-0">
<input type="checkbox" name="custom-switch-checkbox" class="custom-switch-input" checked>
<span class="custom-switch-indicator"></span>
<span class="custom-switch-description mg-l-10">Show Email Notification</span>
</label>
</div>
</div>
<a class="dropdown-item bg-gray-100 pd-y-10" href="javascript:void(0);">
General Settings
</a>
<div class="card-body">
<div class="form-group mg-b-10">
<label class="custom-switch ps-0">
<input type="checkbox" name="custom-switch-checkbox" class="custom-switch-input" checked>
<span class="custom-switch-indicator"></span>
<span class="custom-switch-description mg-l-10">Show User Online</span>
</label>
</div>
<div class="form-group mg-b-10">
<label class="custom-switch ps-0">
<input type="checkbox" name="custom-switch-checkbox" class="custom-switch-input">
<span class="custom-switch-indicator"></span>
<span class="custom-switch-description mg-l-10">Website Notication</span>
</label>
</div>
<div class="form-group mg-b-10">
<label class="custom-switch ps-0">
<input type="checkbox" name="custom-switch-checkbox" class="custom-switch-input">
<span class="custom-switch-indicator"></span>
<span class="custom-switch-description mg-l-10">Show Recent activity</span>
</label>
</div>
<div class="form-group mg-b-10">
<label class="custom-switch ps-0">
<input type="checkbox" name="custom-switch-checkbox" class="custom-switch-input">
<span class="custom-switch-indicator"></span>
<span class="custom-switch-description mg-l-10">Logout Automatically</span>
</label>
</div>
<div class="form-group mg-b-10">
<label class="custom-switch ps-0">
<input type="checkbox" name="custom-switch-checkbox" class="custom-switch-input" checked>
<span class="custom-switch-indicator"></span>
<span class="custom-switch-description mg-l-10">Allow All Notifications</span>
</label>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--/Sidebar-right-->
<!-- FOOTER -->
<footer class="footer">
<div class="container">
<div class="row align-items-center flex-row-reverse">
<div class="col-md-12 col-sm-12 text-center">
Copyright © <span id="year"></span> <a href="javascript:void(0);">Zanex</a>. Designed with <span class="fa fa-heart text-danger"></span> by <a href="javascript:void(0);"> Spruko </a> All rights reserved
</div>
</div>
</div>
</footer>
<!-- FOOTER CLOSED -->
</div>
<!-- BACK-TO-TOP -->
<a href="#top" id="back-to-top"><i class="fa fa-angle-up"></i></a>
<!-- JQUERY JS -->
<script src="../assets/js/jquery.min.js"></script>
<!-- BOOTSTRAP JS -->
<script src="../assets/plugins/bootstrap/js/popper.min.js"></script>
<script src="../assets/plugins/bootstrap/js/bootstrap.min.js"></script>
<!-- SPARKLINE JS-->
<script src="../assets/js/jquery.sparkline.min.js"></script>
<!-- CHART-CIRCLE JS-->
<script src="../assets/js/circle-progress.min.js"></script>
<!-- INPUT MASK JS-->
<script src="../assets/plugins/input-mask/jquery.mask.min.js"></script>
<!-- SIDE-MENU JS -->
<script src="../assets/plugins/sidemenu/sidemenu.js"></script>
<!-- Sticky js -->
<script src="../assets/js/sticky.js"></script>
<!-- SIDEBAR JS -->
<script src="../assets/plugins/sidebar/sidebar.js"></script>
<!-- Perfect SCROLLBAR JS-->
<script src="../assets/plugins/p-scroll/perfect-scrollbar.js"></script>
<script src="../assets/plugins/p-scroll/pscroll.js"></script>
<script src="../assets/plugins/p-scroll/pscroll-1.js"></script>
<!-- INTERNAL GALLERY JS -->
<script src="../assets/plugins/gallery/picturefill.js"></script>
<script src="../assets/plugins/gallery/lightgallery.js"></script>
<script src="../assets/plugins/gallery/lightgallery-1.js"></script>
<script src="../assets/plugins/gallery/lg-pager.js"></script>
<script src="../assets/plugins/gallery/lg-autoplay.js"></script>
<script src="../assets/plugins/gallery/lg-fullscreen.js"></script>
<script src="../assets/plugins/gallery/lg-zoom.js"></script>
<script src="../assets/plugins/gallery/lg-hash.js"></script>
<script src="../assets/plugins/gallery/lg-share.js"></script>
<!-- Color Theme js -->
<script src="../assets/js/themeColors.js"></script>
<!-- swither styles js -->
<script src="../assets/js/swither-styles.js"></script>
<!-- CUSTOM JS-->
<script src="../assets/js/custom.js"></script>
</body>
</html>