@extends('frontend.layout')
@section('content')
<section class="encuesta">
    <div class="container-fluid" style="position: relative;">
        <div class="row" style="position: relative;">
            <img src="{{ url('/') }}/images/{{$imagen_aviso}}" alt="" class="img-fluid logo">
            <div class="encuesta__left__cerrar close_session">
                <a href="{{route('logout.alumno')}}"><i class="fas fa-sign-out-alt"></i> Cerrar sesión</a>
            </div>    
        </div>  
        <div class="downfile">
            <p>Si a&uacute;n no descargaste tu certificado, hazlo aqu&iacute;.</p>
            <a target="_blank" href="{{url('/certificados/').'/'.$name_file}}" class="btn btn-sm btn-info">
                <i class="fa fa-download" style="margin-right: 5px;"></i>Descargar Certificado
            </a>
        </div>
    </div>
</section>
<style>
    .downfile{
        display: inline-block;
        position: absolute;
        bottom: 23%;
        color: white;
        left: 7%;
        font-size: 1.3rem;
    }
    .close_session{
        text-align: center;
        position: fixed !important;
        top: 0;
        border-top: 1px solid #E5E5E5;
        background: #fff;
        width: 50%;
        bottom: inherit;
    }
    .downfile p{
        margin-bottom: 0.4rem;
    }
    
    @media screen and (max-width: 1200px){
        .downfile {            
            bottom: 18%;            
            font-size: 1rem;          
        }
    }
    @media screen and (max-width: 800px){
        .downfile {
            bottom: 12%;
            font-size: 0.7rem;
        }
    }
    @media screen and (max-width: 505px){
        .downfile{
            bottom: 5%;
            font-size: 0.7rem;
        }
    }
    
    
</style>
@endsection
@section('scripts')
@endsection