@extends('layout.app')
@section('main')
<div class="row">

    <div class="col-lg-12 col-md-4 order-1">
      <div class="row">
          <div class="col-lg-3 col-md-3 col-6 mb-4">
              <div class="card">
                  <div class="card-body">
                      <a href="#">
                          <div class="row">
                              <div class="col-3">
                                  <div class="card-title d-flex align-items-start justify-content-between">
                                      <div class="avatar flex-shrink-0 ">
                                          <img src="../assets/img/icons/unicons/chart-success.png" alt="chart success" class="rounded  text-center">
                                      </div>
                                  </div>
                              </div>
                              <div class="col-9">
                                  <span class="fw-semibold d-block mb-1">Profit</span>
                                  <h3 class="card-title mb-2">12,628</h3>
                              </div>
                          </div>
                      </a>
                  </div>
              </div>
          </div>
          <div class="col-lg-3 col-md-3 col-6 mb-4">
              <div class="card">
                  <div class="card-body">
                      <a href="#">
                          <div class="row">
                              <div class="col-3">
                                  <div class="card-title d-flex align-items-start justify-content-between">
                                      <div class="avatar flex-shrink-0 ">
                                          <img src="../assets/img/icons/unicons/wallet-info.png" alt="Credit Card" class="rounded">                                      </div>
                                  </div>
                              </div>
                              <div class="col-9">
                                  <span class="fw-semibold d-block mb-1 text-info">Transactions</span>
                                  <h3 class="card-title mb-2">12,628</h3>
                              </div>
                          </div>
                      </a>
                  </div>
              </div>
          </div>
          <div class="col-lg-3 col-md-3 col-6 mb-4">
              <div class="card">
                  <div class="card-body">
                      <a href="#">
                          <div class="row">
                              <div class="col-3">
                                  <div class="card-title d-flex align-items-start justify-content-between">
                                      <div class="avatar flex-shrink-0 ">
                                          <img src="../assets/img/icons/unicons/paypal.png" alt="Credit Card" class="rounded">                                      </div>
                                  </div>
                              </div>
                              <div class="col-9">
                                  <span class="fw-semibold d-block mb-1 text-danger">Profit</span>
                                  <h3 class="card-title mb-2">12,628</h3>
                              </div>
                          </div>
                      </a>
                  </div>
              </div>
          </div>
          <div class="col-lg-3 col-md-3 col-6 mb-4">
              <div class="card">
                  <div class="card-body">
                      <a href="#">
                          <div class="row">
                              <div class="col-3">
                                  <div class="card-title d-flex align-items-start justify-content-between">
                                      <div class="avatar flex-shrink-0 ">
                                          <img src="../assets/img/icons/unicons/chart-success.png" alt="chart success" class="rounded  text-center">
                                      </div>
                                  </div>
                              </div>
                              <div class="col-9">
                                  <span class="fw-semibold d-block mb-1">Profit</span>
                                  <h3 class="card-title mb-2">12,628</h3>
                              </div>
                          </div>
                      </a>
                  </div>
              </div>
          </div>
          <div class="col-lg-3 col-md-3 col-6 mb-4">
              <div class="card">
                  <div class="card-body">
                      <a href="#">
                          <div class="row">
                              <div class="col-3">
                                  <div class="card-title d-flex align-items-start justify-content-between">
                                      <div class="avatar flex-shrink-0 ">
                                          <img src="../assets/img/icons/unicons/chart-success.png" alt="chart success" class="rounded  text-center">
                                      </div>
                                  </div>
                              </div>
                              <div class="col-9">
                                  <span class="fw-semibold d-block mb-1">Profit</span>
                                  <h3 class="card-title mb-2">12,628</h3>
                              </div>
                          </div>
                      </a>
                  </div>
              </div>
          </div>
          <div class="col-lg-3 col-md-3 col-6 mb-4">
              <div class="card">
                  <div class="card-body">
                      <a href="#">
                          <div class="row">
                              <div class="col-3">
                                  <div class="card-title d-flex align-items-start justify-content-between">
                                      <div class="avatar flex-shrink-0 ">
                                          <img src="../assets/img/icons/unicons/chart-success.png" alt="chart success" class="rounded  text-center">
                                      </div>
                                  </div>
                              </div>
                              <div class="col-9">
                                  <span class="fw-semibold d-block mb-1">Profit</span>
                                  <h3 class="card-title mb-2">12,628</h3>
                              </div>
                          </div>
                      </a>
                  </div>
              </div>
          </div>
          <div class="col-lg-3 col-md-3 col-6 mb-4">
              <div class="card">
                  <div class="card-body">
                      <a href="#">
                          <div class="row">
                              <div class="col-3">
                                  <div class="card-title d-flex align-items-start justify-content-between">
                                      <div class="avatar flex-shrink-0 ">
                                          <img src="../assets/img/icons/unicons/chart-success.png" alt="chart success" class="rounded  text-center">
                                      </div>
                                  </div>
                              </div>
                              <div class="col-9">
                                  <span class="fw-semibold d-block mb-1">Profit</span>
                                  <h3 class="card-title mb-2">12,628</h3>
                              </div>
                          </div>
                      </a>
                  </div>
              </div>
          </div>
          <div class="col-lg-3 col-md-3 col-6 mb-4">
              <div class="card">
                  <div class="card-body">
                      <a href="#">
                          <div class="row">
                              <div class="col-3">
                                  <div class="card-title d-flex align-items-start justify-content-between">
                                      <div class="avatar flex-shrink-0 ">
                                          <img src="../assets/img/icons/unicons/chart-success.png" alt="chart success" class="rounded  text-center">
                                      </div>
                                  </div>
                              </div>
                              <div class="col-9">
                                  <span class="fw-semibold d-block mb-1">Profit</span>
                                  <h3 class="card-title mb-2">12,628</h3>
                              </div>
                          </div>
                      </a>
                  </div>
              </div>
          </div>
      </div>
    </div>
  </div>

@endsection
@section('script')
    <script>

    </script>
@endsection