@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>Aula Abierta y F.P. empleo</span>
   </div>
<!-- LAS SIGUIENTES LINEAS COMENTADAS CONTENIAN UN LINK A UN .jpg CON EL TRIPTICO DE LOS CURSOS DE VERANO -->
<!--
   <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" <br></h2>
               <h2 style="font-size: 25px">VER TRÍPTICO CON LA OFERTA DE VERANO <br></h2>
            </a>
      </div>
   </div>
-->
   <hr>
   <div class="row">
   <!-- Se descomenta el curso de verano 19/05/2020-->
      <div class="col-sm-6 col-md-3">
         <div class="thumbnail">
            <div class="caption">
               <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 de inglés, formación del profesorado, reconocimiento ESSSCAN, cursos becados para Canarias, próxima oferta.</p>
            </div>
         </div>
      </div>
 
     <div class="col-sm-6 col-md-3">
         <div class="thumbnail">
<!--		LA SIGUIENTE LINEA COMENTADA AÑADIA UN PEQUEÑO "RIBON" ARRIBA DEL RECUADRO, CON LA PALABRA "Verano" Y UNA ESTRELLITA -->
<!--            <div class="ribbon" style="font-size: 13px">Verano <span style="top: 2px;" class="glyphicon glyphicon-star-empty" aria-hidden="true"></span></div>  -->
            <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="ribbon" style="font-size: 13px">Verano <span style="top: 2px;" class="glyphicon glyphicon-star-empty" aria-hidden="true"></span></div>  -->
            <div class="caption">
               <center><img class="img-responsive" title="Oferta online" src="{{ asset('img/aa_online.png') }}"></center>
               <a href="{{ route('study-aa-online') }}"><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>

      <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-aa-catalogue') }}"><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>

   <div class="row">
      <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="http://www.radioecca.net/tele_formacion/cursos_adaptados.html" target="_blank"><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">
               <div class="embed-responsive embed-responsive-4by3">
                  <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/i8yR5o_1be4?rel=0&amp;controls=1&amp;showinfo=0;theme=light;modestbranding=1;autoplay=0;color=white"></iframe>
               </div>
               <h3>Información</h3>
               <p>- Nuestra oferta formativa cuenta con <a target="_blank" href="http://www.radioecca.net/tele_formacion/n_externas.html"> acreditaciones externas</a>.</p>
               <p>- Todos nuestros cursos siguen la <a href="{{ route('study-methodology') }}"> metodología </a> propia de Radio ECCA.</p>
            </div>
         </div>
      </div>
      
      <div class="col-sm-6 col-md-3">
         <div class="thumbnail">
            <div class="caption">
               <center>
                  <img alt="Instituto Cervantes" title="Instituto Cervantes" 
                  class="img-responsive" src="{{ asset('img/instituto-cervantes.jpg') }}">
               </center>
               <a href="{{ route('study-certification-cervantes') }}">
                  <h3>Instituto Cervantes</h3>
               </a>
               <p style="margin-top: 18px;">
                  Cento 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>
   </div>
</div>
<div class="spacer"></div>
@stop

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