@extends('layout') 
@section("main")
<!-- Main Content-->
<div class="row">
   <div class="col-md-4 col-6">
      <div class="card" style="border-left: 5px solid blue">
         <div class="card-body">
            <h5>Sertifikat</h5>
            <div class="d-flex justify-content-between">
               <span  class="display-5">{{$jmlSertfiikat}}</span>
               <span class="text-primary display-5"> <i class="fas fa-award"></i></span>
             </div>
            
         </div>
      </div>
   </div>
   <div class="col-md-4 col-6">
      <div class="card" style="border-left: 5px solid rgb(255, 208, 39)">
         <div class="card-body">
            <h5>Peserta</h5>
            <div class="d-flex justify-content-between">
               <span  class="display-5">{{$jmlPeserta}}</span>
               <span class="text-warning display-5"> <i class="fas fa-users"></i></span>
             </div>
            
         </div>
      </div>
   </div>
</div>
<!---Main Content-->
@endsection