@extends('layouts.app_admin')

  @section('content')

  <!-- sidebar-wrapper  -->
    <main class="page-content">
      <div class="container-fluid">
        <div class="row section-dash">
            
        </div>

        <div class="row">
           <div class="col-lg-3 col-md-6">
            <div class="colored-box blue-clr">
              <h3 class="tittle">User</h3>
              <!-- <p class="subtittle">Lorem Ipsum</p> -->
              <h1 class="big-tittle m-top-10"><a href="#">{{ $user }}</a></h1>
            </div>
          </div>
          <div class="col-lg-3 col-md-6">
            <div class="colored-box orange-clr">
              <h3 class="tittle">User</h3>
              <!-- <p class="subtittle">Lorem Ipsum</p> -->
              <h1 class="big-tittle m-top-10"><a href="#">12</a></h1>
            </div>
          </div>
          <div class="col-lg-3 col-md-6">
            <div class="colored-box blue-clr">
              <h3 class="tittle">User</h3>
              <!-- <p class="subtittle">Lorem Ipsum</p> -->
              <h1 class="big-tittle m-top-10"><a href="#">45</a></h1>
            </div>
          </div>

          <div class="col-lg-3 col-md-6">
            <div class="colored-box blue-clr">
              <h3 class="tittle">User</h3>
              <!-- <p class="subtittle">Lorem Ipsum</p> -->
              <h1 class="big-tittle m-top-10"><a href="#">45</a></h1>
            </div>
          </div>


          <div class="col-lg-3 col-md-6">
            <div class="colored-box blue-clr">
              <h3 class="tittle">User</h3>
              <!-- <p class="subtittle">Lorem Ipsum</p> -->
              <h1 class="big-tittle m-top-10"><a href="#">45</a></h1>
            </div>
          </div>

        </div>
      </div>
    </main>
  <!-- page-content" -->
</div>
<script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>

<script>
  
</script>
<!-- page-wrapper -->
@endsection
<!-- Footer -->