@extends('layouts.base')

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

@section('title')
Oferta formativa - Aula abierta
@stop
@section('description')
Portal de estudios de aula abierta. Nuestros cursos: online, radio, graduado en educación secundaria, bachillerato, Formación profesional, idiomas.
@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>Aprendizaje a lo largo de la vida</span>
    </div>

    {{-- ocultar oferta de verano 2019 (fila con link al triptico) --}}
    <!--
    <hr>
    <div class="row">
        <div class="col-md-1 col-xs-2">
            <img src="{{ asset('img/summer.jpg') }}" class="img-responsive"> 
        </div>
        <div class="col-md-11 col-xs-10">
            <a target="_blank" href="{{ asset('img/triptico_verano_2019.jpg') }}">
                <h2 style="font-size: 25px">VER TRÍPTICO CON LA OFERTA DE VERANO</h2>
            </a>
        </div>
    </div>
    -->

    <hr>
    {{-- primera fila de entradas--}}
    <div class="row">

        {{-- margen izqdo --}}
        <div class="col-sm-2 col-md-2"></div>

        {{-- ocultar oferta de verano en radioecca.net --}}
        <!--
        <div class="col-sm-6 col-md-3">
            <div class="thumbnail">
                <div class="caption">
                    {{-- dibujar un sol animado --}}
                    <div class="sun">
                        <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 32 32">
                            <path class="one" d="M16,26c1.1,0,2,0.9,2,2v2c0,1.1-0.9,2-2,2s-2-0.9-2-2v-2C14,26.9,14.9,26,16,26z" />
                            <path class="one" d="M16,6c-1.1,0-2-0.9-2-2V2c0-1.1,0.9-2,2-2s2,0.9,2,2v2C18,5.1,17.1,6,16,6z" />
                            <path class="one" d="M30,14c1.1,0,2,0.9,2,2s-0.9,2-2,2h-2c-1.1,0-2-0.9-2-2s0.9-2,2-2H30z" />
                            <path class="one" d="M6,16 c0,1.1-0.9,2-2,2H2c-1.1,0-2-0.9-2-2s0.9-2,2-2h2C5.1,14,6,14.9,6,16z" />
                            <path class="two" d="M25.9,23.1l1.4,1.4c0.8,0.8,0.8,2,0,2.8s-2,0.8-2.8,0l-1.4-1.4c-0.8-0.8-0.8-2,0-2.8S25.1,22.3,25.9,23.1z"/>
                            <path class="two" d=" M6.1,8.9L4.7,7.5c-0.8-0.8-0.8-2,0-2.8s2-0.8,2.8,0l1.4,1.4c0.8,0.8,0.8,2,0,2.8S6.9,9.7,6.1,8.9z" />
                            <path class="two" d="M25.9,8.9c-0.8,0.8-2,0.8-2.8,0s-0.8-2,0-2.8l1.4-1.4c0.8-0.8,2-0.8,2.8,0s0.8,2,0,2.8L25.9,8.9z" />
                            <path class="two" d="M6.1,23.1c0.8-0.8,2-0.8,2.8,0s0.8,2,0,2.8l-1.4,1.4c-0.8,0.8-2,0.8-2.8,0s-0.8-2,0-2.8C4.7,24.5,6.1,23.1,6.1,23.1z"/>
                            <path class="middle" d="M16,8c-4.4,0-8,3.6-8,8s3.6,8,8,8s8-3.6,8-8S20.4,8,16,8z M16,21c-2.8,0-5-2.2-5-5s2.2-5,5-5s5,2.2,5,5 S18.8,21,16,21z"/>
                        </svg>
                    </div>
                    <a target="_blank" href="http://www.radioecca.net/tele_formacion/catalogo/cursos/oferta_verano"><h3>Oferta de verano</h3></a>
                    <p>Acciones formativas acreditables para Bachillerato de Radio ECCA.</p>
                </div>
            </div>
        </div>
        -->

        <div class="col-sm-6 col-md-3">
            <div class="thumbnail">
                <div class="caption">
                    <center><img class="img-responsive" title="Oferta radio" src="{{ asset('img/aa_starred.png') }}"></center>
                    <a href="{{ route('study-aa-starred') }}"><h3>Cursos destacados</h3></a>
                    <p>Cursos becados, próxima oferta, ....</p>
                </div>
            </div>
        </div>

        {{-- 2020-05-28: ocultar cursos a distancia --}}
        <!--
        <div class="col-sm-6 col-md-3">
            <div class="thumbnail">
                <div class="caption">
                    <center><img class="img-responsive" title="Oferta radio" src="{{ asset('img/aa_radio.png') }}"></center>
                    <a href="{{ route('study-aa-radio') }}"><h3>Cursos a distancia</h3></a>
                    <p>Escuche las clases a través de la radio o descárguelas de nuestra página web a través del banco de clases.</p>
                </div>
            </div>
        </div>
        -->

        <div class="col-sm-6 col-md-3">
            <div class="thumbnail">
                <div class="caption">
                    <center><img class="img-responsive" title="Oferta online" src="{{ asset('img/aa_online.png') }}"></center>
                    <a href="{{ route('study-cursosLibres', ['tipo' => '2']) }}"><h3>Cursos online</h3></a>
                    <p>Siga sus clases a través de nuestra web, recibirá unas claves que le permitirán acceder a su curso, donde encontrará el material pedagógico necesario.</p>
                </div>
            </div>
        </div>

       <!-- Se oculta la sección de Catalogo a petición de Guendy Incidencia 4578
	   <div class="col-sm-6 col-md-3">
            <div class="thumbnail">
                <div class="caption">
                    <center><img class="img-responsive" title="Catálogo" src="{{ asset('img/aa_catalogue.png') }}"></center>
                    <a href="{{ route('study-clasificacionLibres') }}"><h3>Catálogo</h3></a>
                    <p>Idiomas, salud, cualificaciones profesionales, empresa, formación del profesorado, fé y cultura, nuevas tecnologías, etc.</p>
                </div>
            </div>
        </div>-->
		
		 <div class="col-sm-6 col-md-3">
            <div class="thumbnail">
                <div class="caption">
                    <center><img class="img-responsive" title="Curso adaptado" src="{{ asset('img/diferenciate3.png') }}"></center>
                    <a href="{{ route('diferenciate') }}"><h3>Diferéncia<b>TE</b></h3></a>
                    <p>Programa de formación y mejora de la empleabilidad e inserción laboral.</p>
                </div>
            </div>
        </div>
     
    </div>

    {{-- segunda fila de entradas--}}
    <div class="row">

        {{-- margen izqdo --}}
        <div class="col-sm-2 col-md-2"></div>
		<div class="col-sm-2 col-md-2"></div>

        {{-- contenidos --}}

        {{-- <!--
        <div class="col-sm-6 col-md-3">
            <div class="thumbnail">
                <div class="caption">
                    <center><img class="img-responsive" title="Curso adaptado" src="{{ asset('img/aa_handicap2.png') }}"></center>
                    <a href="{{ route('study-cursosLibres', ['tipo' => '3']) }}"><h3>Curso adaptado</h3></a>
                    <p>Curso adaptado dirigido a personas con diversidad funcional</p>
                </div>
            </div>
        </div>
        --> --}}

               <div class="col-sm-6 col-md-3">
            <div class="thumbnail">
                <div class="caption">
                    <center>
                        <img alt="Pruebas de acceso a ciclos" title="Pruebas de acceso a ciclos" 
                        class="img-responsive" src="{{ asset('img/aa_starred.png') }}">
                    </center>
                    <a href="{{ route('study-preparacion-acceso-ciclos') }}">
                        <h3>Preparacion para acceso a ciclos FP</h3>
                    </a>
                    <p style="margin-top: 18px;">
                        Cursos de preparación para las pruebas de acceso a ciclos FP de grados medio y superior.
                    </p>
                </div>
            </div>
        </div>
      
        <div class="col-sm-6 col-md-3">
            <div class="thumbnail">
                <div class="caption">
                    <center>
                        <br>
                        <img alt="Instituto Cervantes" title="Instituto Cervantes" 
                        class="img-responsive" src="{{ asset('img/instituto-cervantes.png') }}">
                        <br>
                    </center>
                    <a href="{{ route('study-certification-cervantes') }}">
                        <h3>Instituto Cervantes</h3>
                    </a>
                    <p style="margin-top: 18px;">
                        Centro examinador CCSE en Tenerife y Fuerteventura.
                        <br>
                        <b>Certificación de la Pruebas de conocimientos constitucionales y socioculturales de España.</b>
                    </p>
                </div>
            </div>
        </div>


		 {{-- margen derecho --}}
		<div class="col-sm-2 col-md-2"></div>
		<div class="col-sm-2 col-md-2"></div>

    </div>
</div>

<div class="spacer"></div>
@stop

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