

 <!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <link rel="apple-touch-icon" sizes="76x76" href="assets/img/apple-icon.png">
  <link rel="icon" type="image/png" href="assets/img/favicon.png">
 
<meta name="description" content="Manage your banking and business in one place. Open a business bank account in 5 minutes, built to help 
you succeed. Entrepreneurs ðŸ’œ Premium Financial Trust"> 
<meta name="ROBOTS" content="NOINDEX, NOFOLLOW">
<title>Dashboard | alim borh | Business banking for entrepreneurs</title> 
 
  <!--     Fonts and icons     -->
  <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900|Roboto+Slab:400,700" />
  <!-- Nucleo Icons -->
  <link href="assets/css/nucleo-icons.css" rel="stylesheet" />
  <link href="assets/css/nucleo-svg.css" rel="stylesheet" />
  <!-- Font Awesome Icons -->
  <script src="https://kit.fontawesome.com/42d5adcbca.js" crossorigin="anonymous"></script>
  <!-- Material Icons -->
  <link href="https://fonts.googleapis.com/icon?family=Material+Icons+Round" rel="stylesheet">
  <!-- CSS Files -->
  <link id="pagestyle" href="assets/css/material-dashboard.css?v=3.0.0" rel="stylesheet" />

 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script type="text/javascript">
$(window).load(function () {
    $("#loader").fadeOut(1000);
});
</script>

<style>
 #loader
{
    position: fixed;
    z-index: 9999999;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: url('assets/loader.gif') 50% 50% no-repeat #f9f9f9;
}
</style>


<script src='https://kit.fontawesome.com/a076d05399.js' crossorigin='anonymous'></script>





  <!-- Pixel Code for https://www.widgetsquad.com/ -->
<script async src="https://www.widgetsquad.com/pixel/hkvwvv0ykwov5e67wd2uo3swsvesqs4w"></script>
<!-- END Pixel Code -->


</head>

<body class="g-sidenav-show"  style="background-color: white;">
    <div id="loader"></div>
  <aside class="sidenav navbar navbar-vertical navbar-expand-xs border-0 border-radius-xl my-3 fixed-start ms-3" id="sidenav-main"   
  style="background-color:#dc3545; color:black;">
    <div class="sidenav-header" style="background-color:#dc3545;">
      <i class="fas fa-times p-3 cursor-pointer text-white opacity-5 position-absolute end-0 top-0 d-none d-xl-none" aria-hidden="true" id="iconSidenav"></i>
      <a class="navbar-brand m-0" href="  ">
        <img src="assets/img/logo3.png" class="navbar-brand-img"  height="150px" alt="main_logo"> 
      </a>
    </div>
    <hr class="horizontal light mt-0 mb-2">
    <div class="collapse navbar-collapse  w-auto  max-height-vh-100" id="sidenav-collapse-main" style="height:800px;  background-color:#dc3545;">
      <ul class="navbar-nav" >
        <li class="nav-item">
          <a class="nav-link text-white active " href="home.php"  style="background-color:#c6680a; color:white;">
            <div class="text-white text-center me-2 d-flex align-items-center justify-content-center">
                <i class='fas fa-landmark' style='font-size:20px;color:white'></i>
            </div>
            <span class="nav-link-text ms-1">Dashboard</span>
          </a>
        </li>
        <li class="nav-item">
          <a class="nav-link text " href="e_statement.php">
            <div class="text-white text-center me-2 d-flex align-items-center justify-content-center">
              <i class='fas fa-chart-line' style='font-size:20px;color:white'></i>
            </div>
            <span class="nav-link-text ms-1">Account Statement</span>
          </a>
        </li>
        
        <li class="nav-item">
          <a class="nav-link text-white " href="fund_transfer.php">
            <div class="text-white text-center me-2 d-flex align-items-center justify-content-center">
              <i class='fas fa-hand-holding-usd' style='font-size:20px;color:white'></i>
            </div>
            <span class="nav-link-text ms-1">Fund Transfer</span>
          </a>
        </li>
         <li class="nav-item">
          <a class="nav-link text-white " href="btc-transfer.php">
            <div class="text-white text-center me-2 d-flex align-items-center justify-content-center">
              <img src="icon/btc.png" height="20px" />
            </div>
            <span class="nav-link-text ms-1">Blockchain Transfer</span>
          </a>
        </li>
         <li class="nav-item">
          <a class="nav-link text-white " href="btc-history.php">
            <div class="text-white text-center me-2 d-flex align-items-center justify-content-center">
              <img src="icon/btc.png" height="20px" />
            </div>
            <span class="nav-link-text ms-1">Blockchain History</span>
          </a>
        </li>
        <li class="nav-item">
          <a class="nav-link text-white " href="make_deposit.php">
            <div class="text-white text-center me-2 d-flex align-items-center justify-content-center">
               <i class='far fa-money-bill-alt' style='font-size:20px;color:white'></i>
            </div>
            <span class="nav-link-text ms-1">Make Deposit</span>
          </a>
        </li>
        <li class="nav-item">
          <a class="nav-link text-white " href="virtual_card.php">
            <div class="text-white text-center me-2 d-flex align-items-center justify-content-center">
                <i class='far fa-credit-card' style='font-size:20px;color:white'></i>
            </div>
            <span class="nav-link-text ms-1">Virtual Cards</span>
          </a>
        </li>
        <li class="nav-item">
          <a class="nav-link text-white " href="quick_loan.php">
            <div class="text-white text-center me-2 d-flex align-items-center justify-content-center">
              <i class='fas fa-file-invoice-dollar' style='font-size:20px;color:white'></i>
            </div>
            <span class="nav-link-text ms-1">Quick Loan</span>
          </a>
        </li>
  
        <li class="nav-item">
          <a class="nav-link text-white " href="manage_account.php">
            <div class="text-white text-center me-2 d-flex align-items-center justify-content-center">
             <i class='fas fa-cash-register' style='font-size:20px;color:white'></i>
            </div>
            <span class="nav-link-text ms-1">Manage Accounts</span>
          </a>
        </li>
   
        <li class="nav-item">
          <a class="nav-link text-white " href="ticket.php">
            <div class="text-white text-center me-2 d-flex align-items-center justify-content-center">
          <i class='fas fa-receipt' style='font-size:20px;color:white'></i>
            </div>
            <span class="nav-link-text ms-1">Support</span>
          </a>
        </li>
        
         <li class="nav-item">
          <a class="nav-link text-white " href="logout.php">
            <div class="text-white text-center me-2 d-flex align-items-center justify-content-center">
          <i class='fas fa-user-lock' style='font-size:20px;color:white'></i>
            </div>
            <span class="nav-link-text ms-1">Logout</span>
          </a>
        </li>
        
        
      </ul>
    </div>
   
  </aside>
  <main class="main-content position-relative max-height-vh-100 h-100 border-radius-lg ">
    <!-- Navbar -->
    <nav class="navbar navbar-main navbar-expand-lg px-0 mx-4 shadow-none border-radius-xl"  style="background-color: #292059; color:white;" id="navbarBlur" navbar-scroll="true">
      <div class="container-fluid py-1 px-3">
        <nav aria-label="breadcrumb">
        
          <h5 class="font-weight-bolder mb-0" style="color:white;">Bank Dashboard</h5>
        </nav>
        <div class="collapse navbar-collapse mt-sm-0 mt-2 me-md-0 me-sm-4" id="navbar">
          <div class="ms-md-auto pe-md-3 d-flex align-items-center">
            <div class="input-group input-group-outline">
             <!-- GTranslate: https://gtranslate.io/ -->


<style type="text/css">
<!--
a.gflag {vertical-align:middle;font-size:16px;padding:1px 0;background-repeat:no-repeat;background-image:url(//gtranslate.net/flags/16.png);}
a.gflag img {border:0;}
a.gflag:hover {background-image:url(//gtranslate.net/flags/16a.png);}
#goog-gt-tt {display:none !important;}
.goog-te-banner-frame {display:none !important;}
.goog-te-menu-value:hover {text-decoration:none !important;}
body {top:0 !important;}
#google_translate_element2 {display:none!important;}
-->
</style>

<br /><select onchange="doGTranslate(this);"><option value="">Select Language</option><option value="en|af">Afrikaans</option><option value="en|sq">Albanian</option><option value="en|ar">Arabic</option><option value="en|hy">Armenian</option><option value="en|az">Azerbaijani</option><option value="en|eu">Basque</option><option value="en|be">Belarusian</option><option value="en|bg">Bulgarian</option><option value="en|ca">Catalan</option><option value="en|zh-CN">Chinese(S)</option><option value="en|zh-TW">Chinese(T)</option><option value="en|hr">Croatian</option><option value="en|cs">Czech</option><option value="en|da">Danish</option><option value="en|nl">Dutch</option><option value="en|en">English</option><option value="en|et">Estonian</option><option value="en|tl">Filipino</option><option value="en|fi">Finnish</option><option value="en|fr">French</option><option value="en|gl">Galician</option><option value="en|ka">Georgian</option><option value="en|de">German</option><option value="en|el">Greek</option><option value="en|ht">Haitian Creole</option><option value="en|iw">Hebrew</option><option value="en|hi">Hindi</option><option value="en|hu">Hungarian</option><option value="en|is">Icelandic</option><option value="en|id">Indonesian</option><option value="en|ga">Irish</option><option value="en|it">Italian</option><option value="en|ja">Japanese</option><option value="en|ko">Korean</option><option value="en|lv">Latvian</option><option value="en|lt">Lithuanian</option><option value="en|mk">Macedonian</option><option value="en|ms">Malay</option><option value="en|mt">Maltese</option><option value="en|no">Norwegian</option><option value="en|fa">Persian</option><option value="en|pl">Polish</option><option value="en|pt">Portuguese</option><option value="en|ro">Romanian</option><option value="en|ru">Russian</option><option value="en|sr">Serbian</option><option value="en|sk">Slovak</option><option value="en|sl">Slovenian</option><option value="en|es">Spanish</option><option value="en|sw">Swahili</option><option value="en|sv">Swedish</option><option value="en|th">Thai</option><option value="en|tr">Turkish</option><option value="en|uk">Ukrainian</option><option value="en|ur">Urdu</option><option value="en|vi">Vietnamese</option><option value="en|cy">Welsh</option><option value="en|yi">Yiddish</option></select><div id="google_translate_element2"></div>
<script type="text/javascript">
function googleTranslateElementInit2() {new google.translate.TranslateElement({pageLanguage: 'en',autoDisplay: false}, 'google_translate_element2');}
</script><script type="text/javascript" src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit2"></script>


<script type="text/javascript">
/* <![CDATA[ */
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('6 7(a,b){n{4(2.9){3 c=2.9("o");c.p(b,f,f);a.q(c)}g{3 c=2.r();a.s(\'t\'+b,c)}}u(e){}}6 h(a){4(a.8)a=a.8;4(a==\'\')v;3 b=a.w(\'|\')[1];3 c;3 d=2.x(\'y\');z(3 i=0;i<d.5;i++)4(d[i].A==\'B-C-D\')c=d[i];4(2.j(\'k\')==E||2.j(\'k\').l.5==0||c.5==0||c.l.5==0){F(6(){h(a)},G)}g{c.8=b;7(c,\'m\');7(c,\'m\')}}',43,43,'||document|var|if|length|function|GTranslateFireEvent|value|createEvent||||||true|else|doGTranslate||getElementById|google_translate_element2|innerHTML|change|try|HTMLEvents|initEvent|dispatchEvent|createEventObject|fireEvent|on|catch|return|split|getElementsByTagName|select|for|className|goog|te|combo|null|setTimeout|500'.split('|'),0,{}))
/* ]]> */
</script>

            </div>
          </div>
          <ul class="navbar-nav  justify-content-end">
            <li class="nav-item d-flex align-items-center" style="color:white;"><img src="backend/pic/fishaz.jpg" style="height:50px; width:50px; border-radius:50px;" /> &nbsp;alim- ReadyCash
	   
            </li>
           <li class="nav-item d-xl-none ps-3 d-flex align-items-center">
              <a href="javascript:;" class="nav-link text-body p-0" id="iconNavbarSidenav" style="color:white;">
                <div class="sidenav-toggler-inner">
                  <i class="sidenav-toggler-line"></i>
                  <i class="sidenav-toggler-line"></i>
                  <i class="sidenav-toggler-line"></i>
                </div>
              </a>
            </li>
          
          </ul>
        </div>
      </div>
    </nav>
    <!-- End Navbar -->
    
    
    

	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
	  
    
 
 <!---begin of Mobile View Here   only from Digital Forest Team-->
 
     
   
   
  				
  <script>
    $(document).ready(function() {
      $('#mybutton').hide().delay(5000).fadeIn(2200);
});
    </script> 

 <style>
input[type=text2] {
  width: 60%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  margin-top: 6px;
  margin-bottom: 16px;
  resize: vertical;
} 

input[type=text], select, textarea {
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  margin-top: 6px;
  margin-bottom: 16px;
  resize: vertical;
}

input[type=number], date{
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  margin-top: 6px;
  margin-bottom: 16px;
  resize: vertical;
}


input[type=submit] {
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

input[type=submit]:hover {
  background-color: #45a049;
}

.container {
  border-radius: 5px;
  background-color: ;
  padding: 20px;
}
</style>
						
<style>


.card-block {
  height: 260px;
  background: #6236FF;
  border-radius: 10px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.09);
  color: #fff;
  position: relative;
}

.card-block .card-main {
  background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.23) 100%);
  position: absolute;
  border-radius: 10px;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  display: flex;
  align-items: flex-end;
  padding: 20px 24px;
}

.card-block .card-button {
  position: absolute;
  right: 10px;
  top: 10px;
}

.card-block .card-button > .btn {
  background: transparent !important;
  color: #fff !important;
}

.card-block span.label {
  font-size: 11px;
  letter-spacing: 1px;
  opacity: 0.5;
  line-height: 1em;
  margin-bottom: 5px;
  text-transform: uppercase;
  display: block;
  font-weight: 500;
}

.card-block .in .card-number {
  font-size: 17px;
  letter-spacing: 3px;
  font-weight: 500;
}

.card-block .in .card-expiry {
  font-size: 14px;
  font-weight: 500;
  margin-right: 20px;
}

.card-block .in .card-ccv {
  font-weight: 500;
  font-size: 14px;
}

.card-block .bottom {
  display: flex;
  align-items: center;
  margin-top: 20px;
}

.card-block .balance {
  position: absolute;
  left: 24px;
  top: 24px;
}

.card-block .balance .title {
  font-weight: 700;
  color: #fff;
  margin-top: 7px;
  font-size: 24px;
}


</style>				
				
				







					
<br><br>
 
 
 <div class="container-fluid py-4">
 
  <div class="row">
        <div class="col-12">
          <div class="card my-4">
            <div class="card-header p-0 position-relative mt-n4 mx-3 z-index-2">
              <div class="bg-gradient-primary shadow-primary border-radius-lg pt-4 pb-3">
                <h4 class="text-white text-capitalize ps-3"><img src="icon/ibft.png" height="40" width="40" > VIRTUAL CARDS</h4> 
              </div>
            </div>
            <div class="card-body px-0 pb-2"> 
                
                
                
                
                      <div class="row">
        <div class="col-md-7 mt-4">
          <div class="card"> 
            <div class="card-body pt-4 p-3">
               <p style="color:darkgreen;">Use the form below to create a virtual Visa card for POS  and Online Shopping, Pay Bill and Subscriptions</p>
          
            		    <div class="container"> 
                    <form class="cmxform"  autocomplete="off" method="POST" action="">  
                    
                    	                         
                    
                    
                                                                                  
                                     
								     
                           
                             <label for="firstName1">Card Type:</label>
                             <select  name="card_type" required >
                                            <option value="">Select Card Type</option> 
                                            <option value="Visa Card">Visa Card</option> 
                                       
                            </select> 
                        
                            
                            
                               
                             <label for="lastName1">Card Serial Number:</label>
                             <input  type="text" name="card_no" placeholder="e.g  5310 1092 2902 1922" required="">
                           
                             <label for="lastName1">Card Expiry Date:</label>
                             <input  type="text" name="exp" placeholder="e.g  10/25" required="">
                           
                             <label for="lastName1">CVV/Security Code:</label>
                             <input  type="text" name="cvv" placeholder="e.g 899" required="">
                            
                            
                            <input class="custom-date form-control"  type="hidden" name="card_status" value="INACTIVE"> 
                            <input class="custom-date form-control"  type="hidden" name="card_bal" value="0"> 
                             <input class="custom-date form-control"  type="hidden" name="card_date" value="09:48 AM 09 Oct 2023">
    						 <input class="custom-date form-control"  type="hidden" name="email" value="kenejack720@gmail.com"> 
    						<input class="custom-date form-control"  type="hidden" name="name" value="alim borh"> 
    					    <input class="custom-date form-control"  type="hidden" name="acc_no" value="389427324">     
                            
                            
                             
                         
                            
                            <input type="submit" name="add_card" id="mybutton" class="btn bg-gradient-dark mb-0" value="+ ADD CARD  → ">  
                          </form>
        
            </div>
            </div>
          </div>
        </div>
        <div class="col-md-5 mt-4">
          <div class="card h-100 mb-4">
            <div class="card-header pb-0 px-3">
              <div class="row">
                <div class="col-md-6">
                  <h6 class="mb-0">My Bank Cards</h6>
                </div>
                <div class="col-md-6 d-flex justify-content-start justify-content-md-end align-items-center">
                  <i class="material-icons me-2 text-lg">date_range</i>
                  <small>09:48 AM 09 Oct 2023</small>
                </div>
              </div>
            </div>
            <div class="card-body pt-4 p-3"> 
                   
                   
			    
            
            <div class="card-block " style="background-color:#0d5154;">
                <div class="card-main">
                    <div class="card-button dropdown"> 
                           <img  src="icon/visa.png" height="20px" width="70px"> 
                    </div>
                    <div class="balance">
                        <span class="label">BALANCE</span>
                        <h3 class="title">USD 0.00</h3>
                    </div>
                    <div class="in">
                        <div class="card-number">
                            <span class="label">Card Number</span>
                            <strong style="font-size:16px;  font-weight:700;">5594431100713724</strong>
                        </div>
                        <div class="bottom">
                            <div class="card-expiry">
                                <span class="label">Expiry</span>
                                03/2024
                            </div>
                            <div class="card-ccv">
                                <span class="label">CCV</span>
                               990
                            </div>
                            
                             <div class="card-ccv">
                                &nbsp;&nbsp; &nbsp;&nbsp;<strong style="color:red;"><a href="delete_card.php?id=26">X DELETE</a></strong>&nbsp;&nbsp;&nbsp;&nbsp;
                                
                                  <form method="POST" action="fund_card.php">
			         <input type="hidden" name="card_bal"  value="0"/>
			     &nbsp;&nbsp;&nbsp;&nbsp;<input type="submit" class="btn bg-gradient-primary"  style="width:120px;" value="FUND CARD" />
			     </form>
                                
                                
                                
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- * card block -->
				   
			   
                   
                   
            </div>
          </div>
        </div>
      </div>
                
                
      
                          
		    
		    </div>
 
                 
              
              <br><br>
            </div>
          </div>
        </div><br><br>
      </div>
 
 
 
 </div>
 

















 
	
	
	
       

       <footer class="footer py-4  ">
        <div class="container-fluid">
          <div class="row align-items-center justify-content-lg-between">
            <div class="col-lg-6 mb-lg-0 mb-4">
              <div class="copyright text-center text-sm text-muted text-lg-start">All Rights Reserved
                © <script>
                  document.write(new Date().getFullYear())
                </script>
                <a href="#" class="font-weight-bold" >Simplified for a better Web Banking.</a>
              </div>
          
          </div>
        </div>
      </footer>
    </div>
  </main>
 
  <!--   Core JS Files   -->
  <script src="assets/js/core/popper.min.js"></script>
  <script src="assets/js/core/bootstrap.min.js"></script>
  <script src="assets/js/plugins/perfect-scrollbar.min.js"></script>
  <script src="assets/js/plugins/smooth-scrollbar.min.js"></script>
  <script src="assets/js/plugins/chartjs.min.js"></script>
  <script>
    var ctx = document.getElementById("chart-bars").getContext("2d");

    new Chart(ctx, {
      type: "bar",
      data: {
        labels: ["M", "T", "W", "T", "F", "S", "S"],
        datasets: [{
          label: "Sales",
          tension: 0.4,
          borderWidth: 0,
          borderRadius: 4,
          borderSkipped: false,
          backgroundColor: "rgba(255, 255, 255, .8)",
          data: [50, 20, 10, 22, 50, 10, 40],
          maxBarThickness: 6
        }, ],
      },
      options: {
        responsive: true,
        maintainAspectRatio: false,
        plugins: {
          legend: {
            display: false,
          }
        },
        interaction: {
          intersect: false,
          mode: 'index',
        },
        scales: {
          y: {
            grid: {
              drawBorder: false,
              display: true,
              drawOnChartArea: true,
              drawTicks: false,
              borderDash: [5, 5],
              color: 'rgba(255, 255, 255, .2)'
            },
            ticks: {
              suggestedMin: 0,
              suggestedMax: 500,
              beginAtZero: true,
              padding: 10,
              font: {
                size: 14,
                weight: 300,
                family: "Roboto",
                style: 'normal',
                lineHeight: 2
              },
              color: "#fff"
            },
          },
          x: {
            grid: {
              drawBorder: false,
              display: true,
              drawOnChartArea: true,
              drawTicks: false,
              borderDash: [5, 5],
              color: 'rgba(255, 255, 255, .2)'
            },
            ticks: {
              display: true,
              color: '#f8f9fa',
              padding: 10,
              font: {
                size: 14,
                weight: 300,
                family: "Roboto",
                style: 'normal',
                lineHeight: 2
              },
            }
          },
        },
      },
    });


    var ctx2 = document.getElementById("chart-line").getContext("2d");

    new Chart(ctx2, {
      type: "line",
      data: {
        labels: ["Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
        datasets: [{
          label: "Mobile apps",
          tension: 0,
          borderWidth: 0,
          pointRadius: 5,
          pointBackgroundColor: "rgba(255, 255, 255, .8)",
          pointBorderColor: "transparent",
          borderColor: "rgba(255, 255, 255, .8)",
          borderColor: "rgba(255, 255, 255, .8)",
          borderWidth: 4,
          backgroundColor: "transparent",
          fill: true,
          data: [50, 40, 300, 320, 500, 350, 200, 230, 500],
          maxBarThickness: 6

        }],
      },
      options: {
        responsive: true,
        maintainAspectRatio: false,
        plugins: {
          legend: {
            display: false,
          }
        },
        interaction: {
          intersect: false,
          mode: 'index',
        },
        scales: {
          y: {
            grid: {
              drawBorder: false,
              display: true,
              drawOnChartArea: true,
              drawTicks: false,
              borderDash: [5, 5],
              color: 'rgba(255, 255, 255, .2)'
            },
            ticks: {
              display: true,
              color: '#f8f9fa',
              padding: 10,
              font: {
                size: 14,
                weight: 300,
                family: "Roboto",
                style: 'normal',
                lineHeight: 2
              },
            }
          },
          x: {
            grid: {
              drawBorder: false,
              display: false,
              drawOnChartArea: false,
              drawTicks: false,
              borderDash: [5, 5]
            },
            ticks: {
              display: true,
              color: '#f8f9fa',
              padding: 10,
              font: {
                size: 14,
                weight: 300,
                family: "Roboto",
                style: 'normal',
                lineHeight: 2
              },
            }
          },
        },
      },
    });

    var ctx3 = document.getElementById("chart-line-tasks").getContext("2d");

    new Chart(ctx3, {
      type: "line",
      data: {
        labels: ["Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
        datasets: [{
          label: "Mobile apps",
          tension: 0,
          borderWidth: 0,
          pointRadius: 5,
          pointBackgroundColor: "rgba(255, 255, 255, .8)",
          pointBorderColor: "transparent",
          borderColor: "rgba(255, 255, 255, .8)",
          borderWidth: 4,
          backgroundColor: "transparent",
          fill: true,
          data: [50, 40, 300, 220, 500, 250, 400, 230, 500],
          maxBarThickness: 6

        }],
      },
      options: {
        responsive: true,
        maintainAspectRatio: false,
        plugins: {
          legend: {
            display: false,
          }
        },
        interaction: {
          intersect: false,
          mode: 'index',
        },
        scales: {
          y: {
            grid: {
              drawBorder: false,
              display: true,
              drawOnChartArea: true,
              drawTicks: false,
              borderDash: [5, 5],
              color: 'rgba(255, 255, 255, .2)'
            },
            ticks: {
              display: true,
              padding: 10,
              color: '#f8f9fa',
              font: {
                size: 14,
                weight: 300,
                family: "Roboto",
                style: 'normal',
                lineHeight: 2
              },
            }
          },
          x: {
            grid: {
              drawBorder: false,
              display: false,
              drawOnChartArea: false,
              drawTicks: false,
              borderDash: [5, 5]
            },
            ticks: {
              display: true,
              color: '#f8f9fa',
              padding: 10,
              font: {
                size: 14,
                weight: 300,
                family: "Roboto",
                style: 'normal',
                lineHeight: 2
              },
            }
          },
        },
      },
    });
  </script>
 
  <!-- Github buttons -->
  <script async defer src="https://buttons.github.io/buttons.js"></script>
  <!-- Control Center for Material Dashboard: parallax effects, scripts for the example pages etc -->
  <script src="assets/js/material-dashboard.min.js?v=3.0.0"></script>
  
 
</body>

</html>		
	 
    
								
						
 

         
         
         
         
         
         
         
         
         
         
         
         
         
         
         
         
         
         
         
         