Sales :40k
Order :40k
<div class="card crm-tarffic">
<div class="card-header card-no-border pb-0">
<div class="header-top">
<h4 >CRM Traffic (Oct, 2025)</h5>
<div class="card-header-right">
<ul class="list-unstyled card-option">
<li>
<div><i class="icon-settings fa-spin"></i></div>
</li>
<li><i class="view-html fa fa-code"></i></li>
<li><i class="icofont icofont-maximize full-card"></i></li>
<li><i class="icofont icofont-minus minimize-card"></i></li>
<li><i class="icofont icofont-refresh reload-card"></i></li>
<li><i class="icofont icofont-error close-card"></i></li>
</ul>
</div>
</div>
</div>
<div class="card-body">
<div id="crmtraffic"></div>
<div class="card earning-report">
<div class="card-header card-no-border pb-0">
<div class="header-top">
<div class="main">
<h4 class="f-w-700">Earning Report (Jan 2025)</h5>
<div class="total-icon mt-2">
<p class="mb-0 up-arrow bg-light-success me-1">
<svg class="stroke-icon">
<use href="../assets/svg/icon-sprite.svg#arrow-up"></use>
</svg>
</p><span class="f-w-500 me-1">+ 25.28%</span>
<h6>Than last year</h6>
</div>
</div>
<div class="card-header-right">
<ul class="list-unstyled card-option">
<li>
<div><i class="icon-settings fa-spin"></i></div>
</li>
<li><i class="view-html fa fa-code"></i></li>
<li><i class="icofont icofont-maximize full-card"></i></li>
<li><i class="icofont icofont-minus minimize-card"></i></li>
<li><i class="icofont icofont-refresh reload-card"></i></li>
<li><i class="icofont icofont-error close-card"></i></li>
</ul>
</div>
</div>
</div>
<div class="card-body">
<div id="sale-week"></div>
</div>
</div>
<div class="card funnel-chart">
<div class="card-header card-no-border pb-0">
<div class="header-top">
<div class="main">
<h4 class="f-w-700">Deals Funnel (Feb 2025) </h5>
</div>
<div class="card-header-right">
<ul class="list-unstyled card-option">
<li>
<div><i class="icon-settings fa-spin"></i></div>
</li>
<li><i class="view-html fa fa-code"></i></li>
<li><i class="icofont icofont-maximize full-card"></i></li>
<li><i class="icofont icofont-minus minimize-card"></i></li>
<li><i class="icofont icofont-refresh reload-card"></i></li>
<li><i class="icofont icofont-error close-card"></i></li>
</ul>
</div>
</div>
</div>
<div class="card-body pt-0">
<div id="funnel-chart"></div>
<ul class="balance-data funnel-charts">
<li>
<div class="d-flex align-items-center"><span class="circle bg-primary"></span><span class="c-light ms-1">Opened</span></div><span>$ 134,355</span>
</li>
<li>
<div class="d-flex align-items-center"><span class="circle bg-secondary"> </span><span class="c-light ms-1">Lost</span></div><span>$ 44,830</span>
</li>
<li>
<div class="d-flex align-items-center"><span class="circle bg-dark"></span><span class="c-light ms-1">Completed</span></div><span>$ 10,854 </span>
</li>
<li>
<div class="d-flex align-items-center"><span class="circle bg-warning"></span><span class="c-light ms-1">Won</span></div><span>$ 54,546</span>
</li>
<li>
<div class="d-flex align-items-center"><span class="circle bg-light-primary"></span><span class="c-light ms-1">Option</span></div><span>$ 2,954 </span>
</li>
</ul>
</div>
</div>
<div class="card top-country">
<div class="card-header card-no-border pb-0">
<div class="header-top">
<div class="main">
<h4 class="f-w-700">Top Contries by order</h5>
<div class="total-icon mt-2">
<p class="mb-0 up-arrow bg-light-success me-1">
<svg class="stroke-icon">
<use href="../assets/svg/icon-sprite.svg#arrow-up"></use>
</svg>
</p><span class="f-w-500 me-1">+ 08.12%</span>
<h6>7,634 Active Order </h6>
</div>
<div class="card-header-right">
<ul class="list-unstyled card-option">
<li>
<div><i class="icon-settings fa-spin"></i></div>
</li>
<li><i class="view-html fa fa-code"></i></li>
<li><i class="icofont icofont-maximize full-card"></i></li>
<li><i class="icofont icofont-minus minimize-card"></i></li>
<li><i class="icofont icofont-refresh reload-card"></i></li>
<li><i class="icofont icofont-error close-card"></i></li>
</ul>
</div>
</div>
</div>
</div>
<div class="card-body">
<div class="country-flag"><img class="img-fluid img-45 me-2" src="../assets/images/dashboard-2/flag1.jpg" alt="Uk">
<div class="f-w-600">United kingdom<span>( $7.54k )</span>
<div class="progress mt-2 bg-light-primary" role="progressbar" aria-label="Success example" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100">
<div class="progress-bar bg-primary" style="width: 80%"> </div>
</div>
</div>
<div class="progess-content"> <span>80%</span></div>
</div>
<div class="country-flag"><img class="img-fluid img-45 me-2" src="../assets/images/dashboard-2/flag2.jpg" alt="germany">
<div class="f-w-600">Germany<span>( $3.83k )</span>
<div class="progress mt-2 bg-light-secondary" role="progressbar" aria-label="Success example" aria-valuenow="30" aria-valuemin="0" aria-valuemax="100">
<div class="progress-bar bg-secondary" style="width: 30%"> </div>
</div>
</div>
<div class="progess-content"> <span>30%</span></div>
</div>
<div class="country-flag"><img class="img-fluid img-45 me-2" src="../assets/images/dashboard-2/flag3.jpg" alt="Portugal">
<div class="f-w-600">Portugal<span>( $6.12k )</span>
<div class="progress mt-2 bg-light-dark" role="progressbar" aria-label="Success example" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100">
<div class="progress-bar bg-dark" style="width: 50%"> </div>
</div>
</div>
<div class="progess-content"> <span>50%</span></div>
</div>
<div class="country-flag"><img class="img-fluid img-45 me-2" src="../assets/images/dashboard-2/flag4.jpg" alt="Switzerland">
<div class="f-w-600">Switzerland<span>( $7.83k )</span>
<div class="progress mt-2 bg-light-warning" role="progressbar" aria-label="Success example" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100">
<div class="progress-bar bg-warning" style="width: 25%"> </div>
</div>
</div>
<div class="progess-content"> <span>25% </span></div>
</div>