@extends('layouts.base')

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

@section('title')
{{Lang::get('aboutUs.conozcanos - presentacion')}}
@stop
@section('description')
   {{Lang::get('aboutUs.quienes somos')}}
@stop

@section('content')
{!! Breadcrumbs::render('about-us') !!}
<div class="container">
   <div class="titulo_categoria">
      <span>{{Lang::get('aboutUs.conozca radio ecca')}}</span>
   </div>
</div>
<div  class="container">
<!--   <div class="titulo" id="coopera_titulo">
      Radio ECCA
   </div>-->
   <!-- Blog Entries Column -->
   <div class="row">
      <div class="col-md-6 destacado">
         <p>{!! Lang::get('aboutUs.radio ecca es un centro educativo')!!}
         </p>
      </div>
      <div class="col-md-6">
         <div class="embed-responsive embed-responsive-16by9">
            <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/TclZYNtBYrw?rel=0&amp;controls=1&amp;showinfo=0;theme=light;modestbranding=1;autoplay=0;color=white"></iframe>
         </div>
      </div>
   </div>
   <div class="row">
      <div class="col-md-12 texto_noticia">
         <div class="col-md-12 titulo">
            {{Lang::get('aboutUs.galeria')}}
         </div>
         <div id="timeline-embed"></div>
         <div class="spacer"></div>
         <div class="col-md-12 titulo">
            {{Lang::get('aboutUs.historia')}}
         </div>
         <p>
            {{Lang::get('aboutUs.historia p1')}}
         </p>
         <p>
            {{Lang::get('aboutUs.historia p2')}}
         </p>
         <p>
            {{Lang::get('aboutUs.historia p3')}}
         </p>
         <p>
            {{Lang::get('aboutUs.historia p4')}}
         </p>
         <div class="spacer"></div>
         <div class="col-md-12 titulo">
            {{Lang::get('aboutUs.mision')}}
         </div>
         <p>
            {{Lang::get('aboutUs.mision p1')}}
         </p>
         <p>
            {{Lang::get('aboutUs.mision p2')}}
         </p>
         <p>
            {{Lang::get('aboutUs.mision p3')}}
         </p>
         <p>
            {{Lang::get('aboutUs.mision p4')}}
         </p>
         <p>
            {{Lang::get('aboutUs.mision p5')}}
         </p>
         <p>
            {{Lang::get('aboutUs.mision p6')}}
         </p>
         <div class="spacer"></div>
         <div class="col-md-12 titulo">
            {{Lang::get('aboutUs.fundacion')}}
         </div>
         <p>
            {{Lang::get('aboutUs.fundacion p1')}}
         </p>
         <p>
            {{Lang::get('aboutUs.fundacion p2')}}
         </p>
         <p>
            {{Lang::get('aboutUs.fundacion p3')}}
         </p>
         <p>
            {{Lang::get('aboutUs.fundacion p4')}}
         </p>
         <p>
            {{Lang::get('aboutUs.fundacion p5')}}
         </p>
         <p>
         </p>
         <p>
            {{Lang::get('aboutUs.fundacion p6')}}
         </p>
         <p>
            {{Lang::get('aboutUs.fundacion p7')}}
         </p>
         
      </div>
   </div>
   <div class="spacer"></div>
   <script type="text/javascript">
      /*Timeline*/
      var timeline_config = {
         width: '100%',
         height: '600',
         source: 'json/timeline.json',
         embed_id: 'timeline-embed', //OPTIONAL USE A DIFFERENT DIV ID FOR EMBED
         start_at_end: false, //OPTIONAL START AT LATEST DATE
         start_at_slide: '4', //OPTIONAL START AT SPECIFIC SLIDE
         start_zoom_adjust: '3', //OPTIONAL TWEAK THE DEFAULT ZOOM LEVEL
         hash_bookmark: true, //OPTIONAL LOCATION BAR HASHES
         font: 'Bevan-PotanoSans', //OPTIONAL FONT
         debug: false, //OPTIONAL DEBUG TO CONSOLE
         lang: 'es', //OPTIONAL LANGUAGE
         maptype: 'watercolor', //OPTIONAL MAP STYLE
         css: 'css/timeline.css', //OPTIONAL PATH TO CSS
         js: 'js/timeline.js'    //OPTIONAL PATH TO JS
      };
   </script>
</div>
@stop

@section('js-code-post')
{!! Minify::javascript('/js/custom.js')->withFullUrl() !!}
{!! HTML::script('http://cdn.knightlab.com/libs/timeline/latest/js/storyjs-embed.js') !!}

@stop