theme setting

Default theme color
theme color picker
theme font color
Theme BG Gradient
Theme BG Image
layout direction
sidebar type
layout mode
Remove All Filter
application
image

Welcome to dear user

Congratulations! Your account has been Setup and you are ready to configure your dashboard now. Configuration only take a couple of seconds.

If you have any query for Configuration so contact ***** !!!

Site Impression

82545

5.5% change from yesterday

<div class="card earning-chart">
 <div class="card-header">
   <h4>Site Impression </h4>                         
 </div>
 <div class="card-body">
   <div class="site-impres">
     <h2> <span class="counter">82545</span></h2>
     <p class="text_light">5.5% change from yesterday</p>
   </div>
   <div id="earning-chart"></div>
 </div>
</div>

viewed Countries

United Kingdom
 48.00% Nove/22
905k
United states
30.7% Sep/15
750k
Egypt
25.7% Jun/16
598k
India
35.00% Sep/17
320k
Makedonia
48.00% Octo/20
748k
Niue
28.07% Sep/18
580k
Denmark
20.00% Dece/16
777k 
<div class="card countri-tbl">
 <div class="card-header">
   <h4>viewed Countries</h4>
 </div>
 <div class="card-body">
   <div class="table-responsive">
     <table class="table tblbody-p0">
       <tbody>
         <tr>
           <td><div class="media">
             <div class="flag-wrap"> <i class="flag-icon flag-icon-ind"></i></div>
               <div class="media-body">
                 <h6>India </h6>
               </div>
             </div>
           </td>
           <td class="text_success">35.00%<i class="fa fa-angle-up ml_5"></i></td>
           <td> Sep/17</td>
           <td><h6>320k </h6></td>
         </tr>
         <tr>
           <td>
             <div class="media">
               <div class="flag-wrap"><i class="flag-icon flag-icon-umi"></i></div>
               <div class="media-body">
                 <h6>United states </h6>
               </div>
             </div>
           </td>
           <td class="text_success">30.7%<i class="fa fa-angle-up ml_5"></i></td>
           <td> Sep/15</td>
           <td> <h6>750k </h6></td>
         </tr>
         <tr>
           <td>
             <div class="media">
               <div class="flag-wrap"> <i class="flag-icon flag-icon-egy"></i></div>
               <div class="media-body">
                 <h6>Egypt </h6>
               </div>
           </div>
           </td>
           <td class="text_danger">25.7%<i class="fa fa-angle-down ml_5"></i></td>
           <td> Jun/16</td>
           <td> <h6>598k </h6></td>
         </tr>
         <tr>
           <td>
             <div class="media">
               <div class="flag-wrap"><i class="flag-icon flag-icon-mkd"></i></div>
               <div class="media-body">
                 <h6>Makedonia </h6>
               </div>
             </div>
           </td>
           <td class="text_success">48.00%<i class="fa fa-angle-down ml_5"></i></td>
           <td> Octo/20</td>
           <td><h6>748k </h6></td>
         </tr>
         <tr>
           <td>
             <div class="media">
               <div class="flag-wrap"><i class="flag-icon flag-icon-niu"></i></div>
               <div class="media-body">
                 <h6>Niue </h6>
               </div>
             </div>
           </td>
           <td class="text_danger">28.07%<i class="fa fa-angle-down ml_5"></i></td>
           <td> Sep/18</td>
           <td><h6>580k </h6></td>
         </tr>
         <tr>
           <td>
             <div class="media">
               <div class="flag-wrap"> <i class="flag-icon flag-icon-dma"></i></div>
               <div class="media-body">
                 <h6>Dominica</h6>
               </div>
             </div>
           </td>
           <td class="text_success">48.00%<i class="fa fa-angle-down ml_5"></i></td>
           <td> Nove/22</td>
           <td><h6>905k</h6></td>
         </tr>
         <tr>
           <td>
             <div class="media">
               <div class="flag-wrap"> <i class="flag-icon flag-icon-dnk"></i></div>
               <div class="media-body">
                 <h6>Denmark </h6>
               </div>
             </div>
           </td>
           <td class="text_danger">20.00%<i class="fa fa-angle-down ml_5"></i></td>
           <td> Dece/16</td>
          <td><h6>777k </h6></td>
        </tr>
      </tbody>
    </table>
  </div>
</div>                         
</div>

Expenses

3238

25.7%
<div class="card project-status">
 <div class="card-header">
   <h4>Expenses</h4>
 </div>
 <div class="card-body progressCounter">
   <div class="media">
     <div>
       <h2><span class="count">3238 </span></h2>
     </div>
     <div class="media-body"> 
       <span class="badge badge_success">25.7%
         <i class="fa fa-angle-up"></i>
       </span>
     </div>
   </div>
   <div class="progress progress_primary">
     <div class="progress-bar" role="progressbar" aria-valuenow="58" aria-valuemin="0" aria-valuemax="100"> </div>
   </div>
 </div>
</div>

New Users

4850

25.7%
<div class="card project-status">
 <div class="card-header">
   <h4>New Users</h4>
 </div>
 <div class="card-body progressCounter">
   <div class="media">
     <div>
       <h2><span class="count">4850</span></h2>
     </div>
     <div class="media-body"> 
       <span class="badge badge_danger">25.7%
         <i class="fa fa-angle-down"></i>
       </span>
     </div>
   </div>
   <div class="progress progress_secondary">
     <div class="progress-bar" role="progressbar" aria-valuenow="88" aria-valuemin="0" aria-valuemax="100"> </div>
   </div>
 </div>
</div>

New Clients

4198

20.5%
<div class="card project-status">
 <div class="card-header">
   <h4>New Clients</h4>
 </div>
 <div class="card-body progressCounter">
   <div class="media">
     <div>
       <h2><span class="count">4198</span></h2>
     </div>
     <div class="media-body"> 
       <span class="badge badge_success">20.5%
         <i class="fa fa-angle-up"></i>
       </span>
     </div>
   </div>
   <div class="progress progress_info">
     <div class="progress-bar" role="progressbar" aria-valuenow="78" aria-valuemin="0" aria-valuemax="100"> </div>
   </div>
 </div>
</div>

Employees

1899

15.2%
<div class="card project-status">
 <div class="card-header">
   <h4>Employees</h4>
 </div>
 <div class="card-body progressCounter">
   <div class="media">
     <div>
       <h2><span class="count">1,899</span></h2>
     </div>
     <div class="media-body"> 
       <span class="badge badge_success">15.2%
         <i class="fa fa-angle-up"></i>
       </span>
     </div>
   </div>
   <div class="progress progress_warning">
     <div class="progress-bar" role="progressbar" aria-valuenow="29" aria-valuemin="0" aria-valuemax="100"> </div>
   </div>
 </div>
</div>

Project Detail

Order Project Name Project Cost Project Status Payment
1 Racing Game $45,376 Completed Done
2 Cytrust Dashboard $40,258 In Progress Pending
3 Travel App $32,256 Completed Done
4 Reyalestet App $25,058 In Progress Pending
5 Agriculture Website $36,585 In Progress Pending
6 TRavel Website $25,255 Completed Done 
<div class="card project-summarytbl">
 <div class="card-header">
   <h4>Project Detail</h4>
 </div>
 <div class="card-body">
   <div class="table-responsive">
     <table class="table">
       <thead>
         <tr>
           <th>Order</th>
           <th>Project Name</th>
           <th>Project Cost</th>
           <th>Project Status</th>
           <th>Payment</th>
         </tr>
       </thead>
       <tbody>
         <tr>
           <td>1</td>
           <td>Racing Game</td>
           <td>$45,376</td>
           <td>Completed</td>
           <td><span class="badge badge_primary">Done</span></td>
         </tr>
         <tr>
           <td>2</td>
           <td>Cytrust Dashboard</td>
           <td>$40,258</td>
           <td>In Progress</td>
           <td><span class="badge badge_secondary">Pending</span></td>
         </tr>
         <tr>
           <td>3</td>
           <td>Travel App</td>
           <td>$32,256</td>
           <td>Completed</td>
           <td><span class="badge badge_primary">Done</span></td>
         </tr>
         <tr>
           <td>4</td>
           <td>Reyalestet App</td>
           <td>$25,058</td>
           <td>In Progress</td>
           <td><span class="badge badge_secondary">Pending</span></td>
         </tr>
         <tr>
           <td>5</td>
           <td>Agriculture Website</td>
           <td>$36,585</td>
           <td>In Progress</td>
           <td> <span class="badge badge_secondary">Pending</span></td>
         </tr>
         <tr>
           <td>6</td>
           <td>TRavel Website</td>
           <td>$25,255</td>
           <td>Completed</td>
           <td> <span class="badge badge_primary">Done</span></td>
         </tr>
       </tbody>
     </table>
   </div>
 </div>
</div>

Order detail

Customer Product Amount Vendor Status
recent-product
Mark Wangar
 Apple Airpod Pro $847.39 Palestine Paid
recent-product
Thomos Vactom
 Redmi Note 10s $470.34 Serbia Unpaid
recent-product
Johan Deo
 Razer kraken headset $394.39 Republic Paid
recent-product
Leena Odem
 iphone 12 pro max $249.29 Greece Paid
recent-product
Omini Rome
 DJL Mavic Pro 2 $147.70 Central Unpaid 
<div class="card recent-ordertbl">
 <div class="card-header">
   <h4>Order detail</h4>
 </div>
 <div class="card-body">
   <div class="table-responsive">
     <table class="table">
       <thead>
         <tr>
           <th>Customer</th>
           <th>Product</th>
           <th>Amount</th>
           <th>Vendor</th>
           <th>Status</th>
         </tr>
       </thead>
       <tbody>
         <tr>
           <td>
             <div class="media">
               <div class="img-wrap">
                 <img class="img-fluid" src="../assets/images/avtar/6.jpg" alt="recent-product">
               </div>
               <div class="media-body">Mark Wangar</div>
             </div>
           </td>
           <td><a class="text_light" href="product-detail.html"> Apple Airpod Pro</a></td>
           <td>$847.39</td>
           <td>Palestine</td>
           <td> <span class="badge badge_primary">Paid</span></td>
         </tr>
         <tr>
           <td>
             <div class="media">
               <div class="img-wrap">
                 <img class="img-fluid" src="../assets/images/avtar/2.jpg" alt="recent-product">
               </div>
               <div class="media-body">Thomos Vactom</div>
             </div>
           </td>
           <td><a class="text_light" href="product-detail.html">Redmi Note 10s</a></td>
           <td>$470.34</td>
           <td>Serbia</td>
           <td> <span class="badge badge_secondary">Unpaid</span></td>
         </tr>
         <tr>
           <td>
             <div class="media">
               <div class="img-wrap">
                 <img class="img-fluid" src="../assets/images/avtar/3.jpg" alt="recent-product">
               </div>
               <div class="media-body">Johan Deo</div>
             </div>
           </td>
           <td> <a class="text_light" href="product-detail.html">Razer kraken headset</a></td>
           <td>$394.39</td>
           <td>Republic</td>
           <td> 
             <span class="badge badge_primary">Paid</span>
           </td>
         </tr>
         <tr>
           <td>
             <div class="media">
               <div class="img-wrap">
                 <img class="img-fluid" src="../assets/images/avtar/4.jpg" alt="recent-product">
               </div>
              <div class="media-body">Leena Odem</div>
             </div>
           </td>
           <td> <a class="text_light" href="product-detail.html">iphone 12 pro max</a></td>
           <td>$249.29</td>
           <td>Greece</td>
           <td> <span class="badge badge_primary">Paid</span></td>
         </tr>
         <tr>
           <td>
             <div class="media">
               <div class="img-wrap">
                 <img class="img-fluid" src="../assets/images/avtar/5.jpg" alt="recent-product">
               </div>
               <div class="media-body">Omini Rome</div>
             </div>
           </td>
           <td> <a class="text_light" href="product-detail.html">DJL Mavic Pro 2</a></td>
           <td>$147.70</td>
           <td>Central</td>
           <td> <span class="badge badge_secondary">Unpaid</span></td>
         </tr>
       </tbody>
    </table>
  </div>
</div>
</div>

Visitors Performance

<div class="card visitor-performance">
 <div class="card-header">
   <h4>Visitors Performance</h4>
 </div>
 <div class="card-body">
   <div id="visitor-chart"></div>
 </div>
</div>

Visitors Statistics

<div class="card visitor-ratetbl">
 <div class="card-header">
   <h4>Visitors Statistics</h4>
 </div>
 <div class="card-body">
   <div id="visitor-rank"></div>
 </div>
</div>

Support Inbox

recent-product
Jordan Nt

My item doesn’t shio to correct address

 10 hours ago
recent-product
Carolien Bloeme

You Shipped Color, i need it to be

 8 hours ago
recent-product
Lisanne Viscaal

Can you please refund back my mony

 6 hours ago
recent-product
Sun Jun

Thank you very much for quick support!

4 hours ago
recent-product
Tolos Joune

My item doesn’t shio to correct address

 30 minute ago
recent-product
Sun Jun

Thank you very much for quick support!

4 hours ago 
<div class="card support-inboxtbl">
 <div class="card-header">
   <h4>Support Inbox</h4>
 </div>
 <div class="card-body">
   <div class="table-responsive">
     <table class="table">
       <tbody>
         <tr>
           <td>
             <div class="media">
               <div class="img-wrap">
                 <img class="img-fluid" src="../assets/images/avtar/6.jpg" alt="recent-product">
               </div>
               <div class="media-body">
                 <h6>Jordan Nt</h6>
                 <p class="text_light">My item doesn’t shio to correct address</p>
               </div>
             </div>
           </td>
           <td> <span class="badge badge_primary">10 hours ago</span></td>
         </tr>
         <tr>
           <td>
             <div class="media">
               <div class="img-wrap"> 
                 <img class="img-fluid" src="../assets/images/avtar/2.jpg" alt="recent-product">
               </div>
               <div class="media-body">
                 <h6>Carolien Bloeme</h6>
                 <p class="text_light">You Shipped Color, i need it to be</p>
               </div>
             </div>
           </td>
           <td> 
             <span class="badge badge_primary">8 hours ago</span>
           </td>
         </tr>
         <tr>
           <td>
             <div class="media">
               <div class="img-wrap"> 
                 <img class="img-fluid" src="../assets/images/avtar/3.jpg" alt="recent-product">
               </div>
               <div class="media-body">
                 <h6>Lisanne Viscaal</h6>
                 <p class="text_light">Can you please refund back my mony</p>
               </div>
             </div>
           </td>
           <td> <span class="badge badge_primary">6 hours ago</span></td>
         </tr>
         <tr>
           <td>
             <div class="media">
               <div class="img-wrap"> 
                 <img class="img-fluid" src="../assets/images/avtar/4.jpg" alt="recent-product">
               </div>
               <div class="media-body">
                 <h6>Sun Jun</h6>
                 <p class="text_light">Thank you very much for quick support! </p>
               </div>
             </div>
           </td>
           <td> <span class="badge badge_primary">4 hours ago</span></td>
         </tr>
         <tr>
           <td>
             <div class="media">
               <div class="img-wrap"> 
                 <img class="img-fluid" src="../assets/images/avtar/5.jpg" alt="recent-product">
               </div>
               <div class="media-body">
                 <h6>Tolos Joune</h6>
                 <p class="text_light">My item doesn’t shio to correct address</p>
               </div>
             </div>
           </td>
           <td> <span class="badge badge_primary">30 minute ago</span></td>
         </tr>
         <tr>
           <td>
             <div class="media">
               <div class="img-wrap"> 
                 <img class="img-fluid" src="../assets/images/avtar/4.jpg" alt="recent-product">
               </div>
               <div class="media-body">
                 <h6>Sun Jun</h6>
                 <p class="text_light">Thank you very much for quick support! </p>
               </div>
             </div>
           </td>
           <td> <span class="badge badge_primary">4 hours ago</span></td>
         </tr>
       </tbody>
     </table>
   </div>
 </div>
</div>

live caht

  • image

    Lorem ipsum dolor sit amet

  • Adipisicing elit, sed do eiusmod.

    image

  • Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod.

    image
  • image

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod.

  • Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod

    image
  • image

    Lorem ipsum dolor sit amet

  • Adipisicing elit, sed do eiusmod.

    image