{{-- <x-app-layout>
    <x-slot name="header">
        <h2 class="font-semibold text-xl text-gray-800 leading-tight">
            {{ __('Dashboard') }}
        </h2>
    </x-slot>

    <div class="py-12">
        <div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
            <div class="bg-white overflow-hidden shadow-sm sm:rounded-lg">
                <div class="p-6 text-gray-900">
                    {{ __("You're logged in!") }}
                </div>
            </div>
        </div>
    </div>
</x-app-layout> --}}



 @extends('profile.partials.master')
 @section('content')

 <style>
    .card{
        border: none;
        display: flex;
        justify-content: center;
        margin: 0 auto;
    }
    .card_1{
        background: #6ad3b2;
        
    }
    .card_2{
        background:#8f61925e ;
    }
    .card_3{
        background: rgba(62, 146, 167, 0.342) ;
    }
 </style>
<div class="container">
            <section class="cards pb-5">
                <div class="card card_2">
                    <h3>Card 2</h3>
                    <p>Some information</p>
                </div>
                <div class="card card_1">
                    <h3>Card 1</h3>
                    <p>Some information</p>
                </div>
               
                <div class="card card_3">
                    <h3>Card 3</h3>
                    <p>Some information</p>
                </div>
              
            </section>
      
        </div>

@endsection