@extends('layouts.app')

@section('content')

<div class="container" style="text-align: center">
    <!-- Three columns of text below the carousel -->
    <div class="row">
      <div class="col-lg-4 mb-1">
        <svg class="bd-placeholder-img rounded-circle" width="140" height="140"
        xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice"
        focusable="false" role="img" aria-label="Placeholder: 140x140">
        <title>Inquiry</title><rect width="100%" height="100%" fill="indigo">
            </rect><a class="btn btn-primary font-weight-bold" style="font-size: 20px;"
            href="#" role="button">\
                <text x="30%" y="50%" fill="#111" dy=".3em">Service</text></a></svg>
      </div><!-- /.col-lg-4 -->
      <div class="col-lg-4 mb-1">
            <svg class="bd-placeholder-img rounded-circle" width="140" height="140"
            xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice"
            focusable="false" role="img" aria-label="Placeholder: 140x140">
            <title>Reports</title><rect width="100%" height="100%" fill="green">
                </rect><a class="btn btn-primary font-weight-bold" style="font-size: 20px;" href="#" role="button">\
                    <text x="01%" y="50%" fill="#111" dy=".3em">Documentation</text></a></svg>
          </div><!-- /.col-lg-4 -->
          <div class="col-lg-4 mb-1">
                <svg class="bd-placeholder-img rounded-circle" width="140" height="140"
                xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice"
                focusable="false" role="img" aria-label="Placeholder: 140x140">
                <title>Management</title><rect width="100%" height="100%" fill="red">
                    </rect><a class="btn btn-primary font-weight-bold" style="font-size: 20px;" href="#" role="button">\
                        <text x="25%" y="50%" fill="#111" dy=".3em">Meetings</text></a></svg>
              </div><!-- /.col-lg-4 -->
              <div class="col-lg-4 mb-1">
                    <svg class="bd-placeholder-img rounded-circle" width="140" height="140"
                    xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice"
                    focusable="false" role="img" aria-label="Placeholder: 140x140">
                    <title>Companies</title><rect width="100%" height="100%" fill="yellow">
                    </rect><a class="btn btn-primary font-weight-bold" style="font-size: 20px;"
                        href="#" role="button">\
                            <text x="20%" y="50%" fill="#111" dy=".3em">complaints</text></a></svg>
                  </div><!-- /.col-lg-4 -->
    </div><!-- /.row -->



  </div>


{{-- <div class="container">
    <div class="row justify-content-center">
        <div class="col-md-8">
            <div class="card">
                <div class="card-header">Dashboard</div>

                <div class="card-body">
                    @if (session('status'))
                        <div class="alert alert-success" role="alert">
                            {{ session('status') }}
                        </div>
                    @endif

                    You are logged in!
                </div>
            </div>
        </div>
    </div>
</div> --}}
@endsection