@extends('layouts.base')

@section('css')
{!! Minify::stylesheet('/css/aaStudy.css')->withFullUrl() !!}
@stop

@section('title')
   {{Lang::get('studies.aulaAbierta.oferta formativa - aula abierta')}}

@stop
@section('description')
   {{Lang::get('studies.aulaAbierta.portal de estudios de aula abierta')}}
@stop
<style>
.sun{
   width: 50px;
   margin: 52px auto;
   left: 0px;
   right: 0px;
   height: 50px;
}
.sun svg {
   width: 50px;
   display:block;
   animation: rotation 10s linear infinite;
      .one {
         transition: fill 1s;
      }
      &:hover {
      .one {
      fill: #ff0000;
      }
   }
}
.sun .two{fill:#FFCE00;}
.sun .one{fill:#ffb000;}
.sun .middle{fill:#FFFF00;}
.sun span{float:right; vertical-align: middle}


@keyframes rotation {
   from {
      transform: rotate(0deg);
   }
   to {
      transform: rotate(360deg);
   }
}
</style>
@section('content')
{!! Breadcrumbs::render('study-aa') !!}
<div class="container">
   <div class="titulo_categoria">
      <span>{{Lang::get('studies.aulaAbierta.aula abierta y fp empleo')}}</span>
   </div>
   <hr>
   <div class="row">
      <div class="col-sm-6 col-md-3">
         <div class="thumbnail">
            <div class="caption">
               <center><img class="img-responsive" title="{{Lang::get('studies.aulaAbierta.oferta radio')}}" src="{{ asset('img/aa_starred.png') }}"></center>
               <a href="{{ route('study-aa-starred') }}"><h3>{{Lang::get('studies.aulaAbierta.cursos destacados')}}</h3></a>
               <p>{{Lang::get('studies.aulaAbierta.cursos de ingles, formacion del profesorado')}}</p>
            </div>
         </div>
      </div>
      <div class="col-sm-6 col-md-3">
         <div class="thumbnail">
            <div class="caption">
               <center><img class="img-responsive" title="{{Lang::get('studies.aulaAbierta.oferta radio')}}" src="{{ asset('img/aa_radio.png') }}"></center>
               <a href="{{ route('study-cursosLibres', ['tipo' => '1']) }}"><h3>{{Lang::get('studies.aulaAbierta.cursos semipresenciales')}}</h3></a>
               <p>{{Lang::get('studies.aulaAbierta.escuche las clases a traves de la radio')}}</p>
            </div>
         </div>
      </div>
      <div class="col-sm-6 col-md-3">
         <div class="thumbnail">
            <div class="caption">
               <center><img class="img-responsive" title="{{Lang::get('studies.aulaAbierta.oferta online')}}" src="{{ asset('img/aa_online.png') }}"></center>
               <a href="{{ route('study-cursosLibres', ['tipo' => '2']) }}"><h3>{{Lang::get('studies.aulaAbierta.cursos online')}}</h3></a>
               <p>{{Lang::get('studies.aulaAbierta.siga sus clases a traves de nuestra web')}}</p>
            </div>
         </div>
      </div>
      <div class="col-sm-6 col-md-3">
         <div class="thumbnail">
            <div class="caption">
               <center><img class="img-responsive" title="{{Lang::get('studies.aulaAbierta.catalogo')}}" src="{{ asset('img/aa_catalogue.png') }}"></center>
               <a href="{{ route('study-clasificacionLibres') }}"><h3>{{Lang::get('studies.aulaAbierta.catalogo')}}</h3></a>
               <p>{{Lang::get('studies.aulaAbierta.idiomas, salud, cualificaciones')}}</p>
            </div>
         </div>
      </div>
   </div>
   <div class="row">
      <div class="col-sm-6 col-md-3">
         <div class="thumbnail">
            <div class="caption">
               <center><img class="img-responsive" title="{{Lang::get('studies.aulaAbierta.curso adaptado')}}" src="{{ asset('img/aa_handicap2.png') }}"></center>
               <a href="{{ route('study-cursosLibres', ['tipo' => '3']) }}"><h3>{{Lang::get('studies.aulaAbierta.curso adaptado')}}</h3></a>
               <p>{{Lang::get('studies.aulaAbierta.curso adaptado dirigido a personas con diversidad funcional')}}</p>
            </div>
         </div>
      </div>
   </div>
</div>
<div class="spacer"></div>
@stop

@section('js-code-post')
{!! Minify::javascript('/js/custom.js')->withFullUrl() !!}
@stop