 @extends('layout')

 @section('content')
 <div class="container">
     <div class="row justify-content-center">
         <div class="card">
             <div class="card-header">
             <h5>Bienvenido</h5>
             </div>
             <div class="card-body" style="width: 100%">
                 <blockquote class="blockquote mb-0">
                     <p>FoliattiApp</p>                     
                 </blockquote>
             </div>
         </div>

         <div >
             <!--img src="{{url('/css/')}}/media/logos/FoliattiApp_logo.png" alt="Avatar" style="width:100%">
           <h5><b>Bienvenido</b></h5-->
         </div>


     </div>
 </div>
 @endsection
 <style>
     .card {
         box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
         transition: 0.3s;
         border-radius: 5px;
         /* 5px rounded corners */
     }

     /* Add rounded corners to the top left and the top right corner of the image */
     img {
         border-radius: 5px 5px 0 0;
     }

     .boenvenida {

         /* centrar vertical y horizontalmente */
         position: absolute;
         top: 20%;
         left: 50%;
         margin: -20px 0 0 -20px;
         /* aplicar a top y al margen izquierdo un valor negativo para completar el centrado del elemento hijo */
     }
 </style>