@extends('layouts.base')

@section('css')
{!! Minify::stylesheet('/css/documents.css')->withFullUrl() !!}
<style>
    .separate-documents{
        padding: 10px 0px 8px 0px;
    }
</style>
@stop

@section('title')
{{Lang::get('socialAction.volunteering.')}}
@stop
@section('description')
    {{Lang::get('socialAction.volunteering.voluntariado')}}
@stop

@section('content')
{!! Breadcrumbs::render('volunteering') !!}
<div class="container">
    <div class="titulo_categoria">
        <span>{{Lang::get('socialAction.volunteering.voluntariado')}}</span>
    </div>
    <div class="row">
        <div class="col-md-8">
                <div class="spacer"></div>
            <div class="titulo">
                {{Lang::get('socialAction.volunteering.que es el voluntariado')}}
            </div>
            <p>
                {{Lang::get('socialAction.volunteering.es el modo en que la sociedad')}}
            </p>
        </div>
        <div class="col-md-4">
            <img src="{{ asset('img/dibujo-personas.png') }}" class="img-responsive" style="margin: auto">
        </div>
    </div>
    <div class="row">
        <div class="col-md-6">
            <div class="spacer"></div>
            <div class="titulo">
                {{Lang::get('socialAction.volunteering.que tipo de voluntariado se desarrolla')}}
            </div>
            <p>
                {{Lang::get('socialAction.volunteering.un voluntariado formal de accion social')}}
            </p>
        </div>
        <div class="col-md-6">
            <div class="spacer"></div>
            <div class="titulo">
                {{Lang::get('socialAction.volunteering.quienes forman parte')}}
            </div>
            <p>
                {{Lang::get('socialAction.volunteering.aquellas personas que')}}
            </p>
        </div>
    </div>

    <div class="row">
        <div class="col-md-6">
            <div class="spacer"></div>
            <div class=" titulo">
                {{Lang::get('socialAction.volunteering.cual es la contribucion social')}}
            </div>
            <p>
                {{Lang::get('socialAction.volunteering.promovemos una ciudadania comprometida')}}
            </p>
        </div>
        <div class="col-md-6">
            <div class="spacer"></div>
            <div class="titulo">
                {{Lang::get('socialAction.volunteering.cuales son las obligaciones')}}
            </div>
            <p>
                {{Lang::get('socialAction.volunteering.actuar de forma diligente')}}
            </p>
        </div>
    </div>
    <br><br>
    <div class="row">
        <div class="col-md-12">
            <a title="{{Lang::get('socialAction.volunteering.descargar el plan del voluntariado')}}" target="_blank" href="{{ asset('files/documents/plan-voluntariado.pdf') }}">
                <h3 style="text-align: center">{{Lang::get('socialAction.volunteering.descargar el plan del voluntariado')}}</h3>
            </a>
        </div>
    </div>
    <br>
    <div style="opacity: 0.6">
        <img src="{{ asset('img/corazon-lapiz.png') }}" class="img-responsive" style="margin: auto; max-width: 300px">
    </div>
    <h1 style="color: #0069ad; text-align: center">
        {{Lang::get('socialAction.volunteering.como hacerse voluntario')}}
    </h1>
    <h3 style="text-align: center">
        {{Lang::get('socialAction.volunteering.a traves de la web oficial')}}
        <a href="{{ env('RADIOECCA_URL') }}/centros-ecca"> {{Lang::get('socialAction.volunteering.centros zonales')}}</a>
        {{Lang::get('socialAction.volunteering.o en el telefono')}}:<a href="tel:+34902312212"> 902312212 </a>
    </h3>
    <div class="spacer"></div>
    <div style="opacity: 0.6">
        <img src="{{ asset('img/manos-voluntarios.png') }}" class="img-responsive" style="margin: auto">
    </div>
</div>
@stop

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