{% extends 'base/base.html' %}
{% block start %}

<section class="main_content dashboard_part default_content">

<div class="main_content_iner ">
<div class="container-fluid p-0">
<div class="row ">
<div class="col-lg-12">
<div class="single_element">
<div class="quick_activity">
<div class="row">
<div class="col-12">
<div class="quick_activity_wrap">

<div class="single_quick_activity">
<div class="count_content">
<p>Revenue</p>
<h3>$<span class="counter">35000</span> </h3>
</div>
<a href="#" class="notification_btn">Today</a>
<div id="bar1" class="barfiller">
<div class="tipWrap">
<span class="tip"></span>
</div>
<span class="fill" data-percentage="95"></span>
</div>
</div>

<div class="single_quick_activity">
<div class="count_content">
<p>Orders</p>
<h3><span class="counter">35000</span> </h3>
</div>
<a href="#" class="notification_btn yellow_btn">This Week</a>
<div id="bar2" class="barfiller">
<div class="tipWrap">
<span class="tip"></span>
</div>
<span class="fill" data-percentage="65"></span>
</div>
</div>

<div class="single_quick_activity">
<div class="count_content">
<p>Leads</p>
<h3>$<span class="counter">50000</span> </h3>
</div>
<a href="#" class="notification_btn green_btn">This Month</a>
<div id="bar3" class="barfiller">
<div class="tipWrap">
<span class="tip"></span>
</div>
<span class="fill" data-percentage="75"></span>
</div>
</div>

<div class="single_quick_activity">
<div class="count_content">
<p>Lead Conversion Rate</p>
<h3><span class="counter">50</span> %</h3>
</div>
<a href="#" class="notification_btn violate_btn">Anual</a>
<div id="bar4" class="barfiller">
<div class="tipWrap">
<span class="tip"></span>
</div>
<span class="fill" data-percentage="85"></span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-12">
<div class="white_card card_height_100 mb_30">
<div class="white_card_header">
<div class="box_header m-0">
<div class="main-title">
<h3 class="m-0">Payment History</h3>
</div>
<div class="header_more_tool">
<div class="dropdown">
<span class="dropdown-toggle" id="dropdownMenuButton" data-bs-toggle="dropdown">
<i class="ti-more-alt"></i>
</span>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownMenuButton">
<a class="dropdown-item" href="#"> <i class="ti-eye"></i> Action</a>
<a class="dropdown-item" href="#"> <i class="ti-trash"></i> Delete</a>
<a class="dropdown-item" href="#"> <i class="fas fa-edit"></i> Edit</a>
<a class="dropdown-item" href="#"> <i class="ti-printer"></i> Print</a>
<a class="dropdown-item" href="#"> <i class="fa fa-download"></i> Download</a>
</div>
</div>
</div>
</div>
</div>
<div class="white_card_body pb-0">
<div id="line-chart"> </div>
</div>
</div>
</div>
</div>
</div>
</div>

<div class="footer_part default_footer">
<div class="container-fluid">
<div class="row">
<div class="col-lg-12">
<div class="footer_iner text-center">
{% comment %} <p>2020 © Influence - Designed by <a href="#"> <i class="ti-heart"></i> </a><a href="#"> Dashboard</a></p> {% endcomment %}
</div>
</div>
</div>
</div>
</div>
</section>




<div id="back-top" style="display: none;">
<a title="Go to Top" href="#">
<i class="ti-angle-up"></i>
</a>
</div>

{% endblock %}