@extends('plantilla')

@section('contenido')

<section class="content"> 

   <center> 
        <h1> Seleccione como Ingresar al Sistema</h1>
   </center>

    <div class="row"> 
        
        <div class="col-lg-3 col-xs-6"> 
        
            <div class="small-box" style="background-color: #F781D8; color: white;"> 

                <div class="inner"> 

                    <h1>Secretaria</h1>
                    <p> Inicie Sesión </p>

                </div>

                <div class="icon"> 

                    <i class="fa fa-female"> </i>

                </div>
                <a href="Ingresar" class="small-box-footer"> 
                    
                    Ingresar <i class="fa fa-arrow-circle-rigth"> </i>
                
                </a> 

            </div>

        </div>

    
        <div class="col-lg-3 col-xs-6"> 

            <div class="small-box" style="background-color: #BDBDBD; color: white;"> 

                <div class="inner"> 

                    <h1>Doctor</h1>
                    <p> Inicie Sesión </p>

                </div>

                <div class="icon"> 

                  <i class="fa fa-user-md"> </i>

                </div>
                <a href="Ingresar" class="small-box-footer"> 
                
                   Ingresar <i class="fa fa-arrow-circle-rigth"> </i>
            
                </a> 
            </div>
        </div>


        <div class="col-lg-3 col-xs-6"> 
        
            <div class="small-box bg-yellow"> 

                <div class="inner"> 

                    <h1>Paciente</h1>
                    <p> Inicie Sesión </p>

                </div>

                <div class="icon"> 

                    <i class="fa fa-users"> </i>

                </div>
                <a href="Ingresar" class="small-box-footer"> 
                    
                    Ingresar <i class="fa fa-arrow-circle-rigth"> </i>
                
                </a> 

            </div>

        </div>


        <div class="col-lg-3 col-xs-6"> 
        
            <div class="small-box bg-red"> 

                <div class="inner"> 

                    <h1>Administrador</h1>
                    <p> Inicie Sesión </p>

                </div>

                <div class="icon"> 

                    <i class="fa fa-male"> </i>

                </div>
                <a href="Ingresar" class="small-box-footer"> 
                    
                    Ingresar <i class="fa fa-arrow-circle-rigth"> </i>
                
                </a> 

            </div>

        </div>

        
    </div>

</section>

@endsection