@extends('layouts.base')

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

@section('title')
Centenario Pérez Galdós
@stop
@section('description')
Página del Centenario de Pérez Galdós
@stop

@section('content')
{!! Breadcrumbs::render('perez-galdosanecdotas') !!}


<div class="container"> 
    <div class="titulo_categoria">
        <span>CENTENARIO PÉREZ GALDÓS 2020-2021</span>
    </div>
    <div class="col-md-12">
        <div class="titulo">
            <b>Algo más de nuestro paisano</b>
        </div>
    </div>

     <div class="col-md-8">
         
			<div class="row">
       	<div class="col-md-13">
       		<ul>
       		
					    <br>
					    <p class="text-justify">Con el objetivo de dejar constancia acerca de la aportación humana y literaria de Benito Pérez Galdós, estos podcasts nos permitirán conocer, con un enfoque dinámico y ameno, aspectos curiosos sobre su vida y su obra.</p>
							        <!-- 13 audios -->
	                  <br><br>
						 <div class="col-md-13">
                       <!-- 1-podcast -->
					   <div class="row">
		                 <div class="col-md-3" style="border:2px solid green; margin:5px">
		                    <p style="font-size:14px; color:Darkred;"><b>El Romanticismo visita a Galdós</b></p>
		                    <center>
		                    <a class="btn btn-large btn-primary" href="{{ asset('files/Galdos/Pd_galdos01.mp3') }}" target="_blank">Oír audio</a>
			                </center>
		                    <br>
		                 </div>

		              <!-- 2-podcast -->
		                 <div class="col-md-3" style="border:2px solid green; margin:5px">
		                    <p style="font-size:14px; color:Darkred;"><b>Madrid, un hogar para Galdós</b></p>
		                    <center>
		                    <a class="btn btn-large btn-primary" href="{{ asset('files/Galdos/Pd_galdos02.mp3') }}" target="_blank">Oír audio</a>
			                </center>
		                    <br>
		                 </div>
					<!-- 3-podcast -->
		                 <div class="col-md-3" style="border:2px solid green; margin:5px">
		                    <p style="font-size:14px; color:Darkred;"><b>Galdós, un escritor amante de la música</b></p>
		                    <center>
		                    <a class="btn btn-large btn-primary" href="{{ asset('files/Galdos/Pd_galdos03.mp3') }}" target="_blank">Oír audio</a>
			                </center>
		                    <br>
		                 </div>
						</div> 
						<div class="row">
					<!-- 4-podcast -->
		                 <div class="col-md-3" style="border:2px solid green; margin:5px">
		                    <p style="font-size:14px; color:Darkred;"><b>Eternas amistades</b></p>
		                    <center>
		                    <a class="btn btn-large btn-primary" href="{{ asset('files/Galdos/Pd_galdos04.mp3') }}" target="_blank">Oír audio</a>
			                </center>
		                    <br>
		                 </div>	
					<!-- 5-podcast -->
		                 <div class="col-md-3" style="border:2px solid green; margin:5px">
		                    <p style="font-size:14px; color:Darkred;"><b>Galdós entra en la RAE</b></p>
		                    <center>
		                    <a class="btn btn-large btn-primary" href="{{ asset('files/Galdos/Pd_galdos05.mp3') }}" target="_blank">Oír audio</a>
			                </center>
		                    <br>
		                 </div>			
                    <!-- 6-podcast -->
		                 <div class="col-md-3" style="border:2px solid green; margin:5px">
		                    <p style="font-size:14px; color:Darkred;"><b>Galdós, un hombre del pueblo</b></p>
		                    <center>
		                    <a class="btn btn-large btn-primary" href="{{ asset('files/Galdos/Pd_galdos06.mp3') }}" target="_blank">Oír audio</a>
			                </center>
		                    <br>
		                 </div>
						 </div>
                        <div class="row">
		              <!-- 7-podcast -->
		                 <div class="col-md-3" style="border:2px solid green; margin:5px">
		                    <p style="font-size:14px; color:Darkred;"><b>Un paseo por la ciudad que lo vio nacer</b></p>
		                    <center>
		                    <a class="btn btn-large btn-primary" href="{{ asset('files/Galdos/Pd_galdos07.mp3') }}" target="_blank">Oír audio</a>
			                </center>
		                    <br>
		                 </div>
					<!-- 8-podcast -->
		                 <div class="col-md-3" style="border:2px solid green; margin:5px">
		                    <p style="font-size:14px; color:Darkred;"><b>Galdós y su pasión por el arte</b></p>
		                    <center>
		                    <a class="btn btn-large btn-primary" href="{{ asset('files/Galdos/Pd_galdos08.mp3') }}" target="_blank">Oír audio</a>
			                </center>
		                    <br>
		                 </div>
					<!-- 9-podcast -->
		                 <div class="col-md-3" style="border:2px solid green; margin:5px">
		                    <p style="font-size:14px; color:Darkred;"><b>La influencia de Galdós en otros creadores/as</b></p>
		                    <center>
		                    <a class="btn btn-large btn-primary" href="{{ asset('files/Galdos/Pd_galdos09.mp3') }}" target="_blank">Oír audio</a>
			                </center>
		                    <br>
		                 </div>	
					</div>
                   <div class="row">					
					<!-- 10-podcast -->
		                 <div class="col-md-3" style="border:2px solid green; margin:5px">
		                    <p style="font-size:14px; color:Darkred;"><b>Galdós y su candidatura al Nobel de Literatura</b></p>
		                    <center>
		                    <a class="btn btn-large btn-primary" href="{{ asset('files/Galdos/Pd_galdos10.mp3') }}" target="_blank">Oír audio</a>
			                </center>
		                    <br>
		                 </div>	
		              <!-- 11-podcast -->
		                 <div class="col-md-3" style="border:2px solid green; margin:5px">
		                    <p style="font-size:14px; color:Darkred;"><b>Un literato con vocación de periodista</b></p>
		                    <center>
		                    <a class="btn btn-large btn-primary" href="{{ asset('files/Galdos/Pd_galdos11.mp3') }}" target="_blank">Oír audio</a>
			                </center>
		                    <br>
		                 </div>
					<!-- 12-podcast -->
		                 <div class="col-md-3" style="border:2px solid green; margin:5px">
		                    <p style="font-size:14px; color:Darkred;"><b> Galdós recuerda a su isla</b></p>
		                    <center>
		                    <a class="btn btn-large btn-primary" href="{{ asset('files/Galdos/Pd_galdos12.mp3') }}" target="_blank">Oír audio</a>
			                </center>
		                    <br>
		                 </div>
					</div>	 
					<div class="row">	
					<!-- 13-podcast -->
		                 <div class="col-md-3" style="border:2px solid green; margin:5px">
		                    <p style="font-size:14px; color:Darkred;"><b>Un teatro que lleva su nombre</b></p>
		                    <center>
		                    <a class="btn btn-large btn-primary" href="{{ asset('files/Galdos/Pd_galdos13.mp3') }}" target="_blank">Oír audio</a>
			                </center>
		                    <br>
		                 </div>	
					</div> 			 						 
		         </div>					
						
					
				</ul>	
                </div>
            </div>
		   
    </div>
</div>

<div class="spacer"></div>
<div class="image-viewer hide">
    <img id="load-image" class="img-responsive">
</div>
@stop

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

<script>
   $(".image-item").click(function (event) {
       event.preventDefault();
       var href = $(this).attr("href");
       $(".image-viewer").removeClass("hide");
       $("#load-image").attr("src", href);
   });
   $(".image-viewer").click(function () {
       $(this).addClass("hide");
   });
</script>
@stop