API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Apr 23rd, 2019
109
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 9.72 KB | None | 0 0
raw download clone embed print report
  1. @extends('layout.main')
  2. @section('title', $title)
  3. @section('content')
  4.     <div class="row">
  5.         <div class="col-xl-3 col-md-6">
  6.             <div class="card bg-gradient-primary border-0">
  7.                 <!-- Card body -->
  8.                 <div class="card-body">
  9.                     <div class="row">
  10.                         <div class="col">
  11.                             <h5 class="card-title text-uppercase text-muted mb-0 text-white">Kelompok Tani</h5>
  12.                             <span class="h2 font-weight-bold mb-0 text-white">24</span>
  13.                             <div class="progress progress-xs mt-3 mb-0">
  14.                                 <div class="progress-bar bg-success" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width: 30%;"></div>
  15.                             </div>
  16.                         </div>
  17.                         <div class="col-auto">
  18.                             <button type="button" class="btn btn-sm btn-neutral mr-0" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  19.                                 <i class="fas fa-ellipsis-h"></i>
  20.                             </button>
  21.                             <div class="dropdown-menu dropdown-menu-right">
  22.                                 <a class="dropdown-item" href="#">Action</a>
  23.                                 <a class="dropdown-item" href="#">Another action</a>
  24.                                 <a class="dropdown-item" href="#">Something else here</a>
  25.                             </div>
  26.                         </div>
  27.                     </div>
  28.                     <p class="mt-3 mb-0 text-sm">
  29.                         <a href="#" class="text-nowrap text-white font-weight-600">See details</a>
  30.                     </p>
  31.                 </div>
  32.             </div>
  33.         </div>
  34.         <div class="col-xl-3 col-md-6">
  35.             <div class="card bg-gradient-info border-0">
  36.                 <!-- Card body -->
  37.                 <div class="card-body">
  38.                     <div class="row">
  39.                         <div class="col">
  40.                             <h5 class="card-title text-uppercase text-muted mb-0 text-white">Gapoktan</h5>
  41.                             <span class="h2 font-weight-bold mb-0 text-white">123</span>
  42.                             <div class="progress progress-xs mt-3 mb-0">
  43.                                 <div class="progress-bar bg-success" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width: 50%;"></div>
  44.                             </div>
  45.                         </div>
  46.                         <div class="col-auto">
  47.                             <button type="button" class="btn btn-sm btn-neutral mr-0" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  48.                                 <i class="fas fa-ellipsis-h"></i>
  49.                             </button>
  50.                             <div class="dropdown-menu dropdown-menu-right">
  51.                                 <a class="dropdown-item" href="#">Action</a>
  52.                                 <a class="dropdown-item" href="#">Another action</a>
  53.                                 <a class="dropdown-item" href="#">Something else here</a>
  54.                             </div>
  55.                         </div>
  56.                     </div>
  57.                     <p class="mt-3 mb-0 text-sm">
  58.                         <a href="#" class="text-nowrap text-white font-weight-600">See details</a>
  59.                     </p>
  60.                 </div>
  61.             </div>
  62.         </div>
  63.         <div class="col-xl-3 col-md-6">
  64.             <div class="card bg-gradient-danger border-0">
  65.                 <!-- Card body -->
  66.                 <div class="card-body">
  67.                     <div class="row">
  68.                         <div class="col">
  69.                             <h5 class="card-title text-uppercase text-muted mb-0 text-white">Penyuluh</h5>
  70.                             <span class="h2 font-weight-bold mb-0 text-white">300</span>
  71.                             <div class="progress progress-xs mt-3 mb-0">
  72.                                 <div class="progress-bar bg-success" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width: 80%;"></div>
  73.                             </div>
  74.                         </div>
  75.                         <div class="col-auto">
  76.                             <button type="button" class="btn btn-sm btn-neutral mr-0" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  77.                                 <i class="fas fa-ellipsis-h"></i>
  78.                             </button>
  79.                             <div class="dropdown-menu dropdown-menu-right">
  80.                                 <a class="dropdown-item" href="#">Action</a>
  81.                                 <a class="dropdown-item" href="#">Another action</a>
  82.                                 <a class="dropdown-item" href="#">Something else here</a>
  83.                             </div>
  84.                         </div>
  85.                     </div>
  86.                     <p class="mt-3 mb-0 text-sm">
  87.                         <a href="#" class="text-nowrap text-white font-weight-600">See details</a>
  88.                     </p>
  89.                 </div>
  90.             </div>
  91.         </div>
  92.         <div class="col-xl-3 col-md-6">
  93.             <div class="card bg-gradient-default border-0">
  94.                 <!-- Card body -->
  95.                 <div class="card-body">
  96.                     <div class="row">
  97.                         <div class="col">
  98.                             <h5 class="card-title text-uppercase text-muted mb-0 text-white">Usulan Hibah</h5>
  99.                             <span class="h2 font-weight-bold mb-0 text-white">62</span>
  100.                             <div class="progress progress-xs mt-3 mb-0">
  101.                                 <div class="progress-bar bg-success" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width: 90%;"></div>
  102.                             </div>
  103.                         </div>
  104.                         <div class="col-auto">
  105.                             <button type="button" class="btn btn-sm btn-neutral mr-0" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  106.                                 <i class="fas fa-ellipsis-h"></i>
  107.                             </button>
  108.                             <div class="dropdown-menu dropdown-menu-right">
  109.                                 <a class="dropdown-item" href="#">Action</a>
  110.                                 <a class="dropdown-item" href="#">Another action</a>
  111.                                 <a class="dropdown-item" href="a">Something else here</a>
  112.                             </div>
  113.                         </div>
  114.                     </div>
  115.                     <p class="mt-3 mb-0 text-sm">
  116.                         <a href="#" class="text-nowrap text-white font-weight-600">See details</a>
  117.                     </p>
  118.                 </div>
  119.             </div>
  120.         </div>
  121.     </div>
  122.     <div class="card-deck flex-column flex-xl-row">
  123.         <div class="card">
  124.             <div class="card-header bg-transparent">
  125.                 <h6 class="text-muted text-uppercase ls-1 mb-1">Overview</h6>
  126.                 <h2 class="h3 mb-0">Trend Usulan Hibah</h2>
  127.             </div>
  128.             <div class="card-body">
  129.                 <!-- Chart -->
  130.                 <div class="chart"><div class="chartjs-size-monitor" style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: hidden; pointer-events: none; visibility: hidden; z-index: -1;"><div class="chartjs-size-monitor-expand" style="position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden;pointer-events:none;visibility:hidden;z-index:-1;"><div style="position:absolute;width:1000000px;height:1000000px;left:0;top:0"></div></div><div class="chartjs-size-monitor-shrink" style="position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden;pointer-events:none;visibility:hidden;z-index:-1;"><div style="position:absolute;width:200%;height:200%;left:0; top:0"></div></div></div>
  131.                     <!-- Chart wrapper -->
  132.                     <canvas id="chart-sales" class="chart-canvas chartjs-render-monitor" width="255" height="350" style="display: block; width: 255px; height: 350px;"></canvas>
  133.                 </div>
  134.             </div>
  135.         </div>
  136.         <div class="card">
  137.             <div class="card-header bg-transparent">
  138.                 <div class="row align-items-center">
  139.                     <div class="col">
  140.                         <h6 class="text-uppercase text-muted ls-1 mb-1">Performance</h6>
  141.                         <h2 class="h3 mb-0">Total Usulan Hibah</h2>
  142.                     </div>
  143.                 </div>
  144.             </div>
  145.             <div class="card-body">
  146.                 <!-- Chart -->
  147.                 <div class="chart"><div class="chartjs-size-monitor" style="position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: hidden; pointer-events: none; visibility: hidden; z-index: -1;"><div class="chartjs-size-monitor-expand" style="position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden;pointer-events:none;visibility:hidden;z-index:-1;"><div style="position:absolute;width:1000000px;height:1000000px;left:0;top:0"></div></div><div class="chartjs-size-monitor-shrink" style="position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden;pointer-events:none;visibility:hidden;z-index:-1;"><div style="position:absolute;width:200%;height:200%;left:0; top:0"></div></div></div>
  148.                     <canvas id="chart-bars" class="chart-canvas chartjs-render-monitor" width="255" height="350" style="display: block; width: 255px; height: 350px;"></canvas>
  149.                 </div>
  150.             </div>
  151.         </div>
  152.         <!-- Progress track -->
  153.     </div>
  154. @endsection
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!