@extends('layouts.base')

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

@section('title')
Oferta formativa - De Verano
@stop
@section('description')
Portal de estudios con oferta de verano.
@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') !!}
<div class="container">
   <div class="titulo_categoria">
      <span>OFERTA FORMATIVA VERANO 2020</span>
   </div>
   <hr>
   <div class="row">

       <div class="col-sm-6 col-md-3">
	</div>

      <div class="col-sm-6 col-md-3">
         <div class="thumbnail">
            <div class="caption">
			<div class="ribbon" style="font-size: 13px">Verano <span style="top: 2px;" class="glyphicon glyphicon-book" aria-hidden="true"></span></div>
               <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://www2.radioecca.org/oferta-verano/aa/ol"><h3>Oferta de Verano Online</h3></a>
			  <p>Online verano 2020.</p>
               
            </div>
         </div>
      </div>
     
	 <div class="col-sm-6 col-md-3">
         <div class="thumbnail">
            <div class="caption">
			<div class="ribbon" style="font-size: 13px">Verano <span style="top: 2px;" class="glyphicon glyphicon-book" aria-hidden="true"></span></div>
               <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://www2.radioecca.org/oferta-verano/aa/bc"><h3>Oferta de Verano Banco de Clases</h3></a>
               <p>Banco de Clases Verano 2020.</p>
            </div>
         </div>
      </div>
 <div class="col-sm-4 col-md-2">
	</div>
</div>
<div class="spacer"></div>
@stop

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