voluntariado selectora

@extends('layout')

@section('body_class') page voluntariado b-white @stop

@section('content')
  <div class="video" data-youtube="JsTWY845UBQ">
    <div class="video-container"></div>
  </div>
  <div class="content b-blue pad-top">
    <div class="container">
      <div class="title title-white title-with-line title-wider">
        <div class="title-text">{{$words['voluntariado-selectora-titulo1']}}</div>
      </div>
    </div>
  </div>
  <div class="content">
    <div class="container">
      <div class="intro">
        <p class="color-purple text-center h2"><b>{{$words['voluntariado-selectora-subtitulo1']}}</b></p><br>
        <p>{{$words['voluntariado-selectora-parrafo1']}}</p><br>
      </div>

      <div class="intro-main">
        <div class="square square-left">
          <a href="#" >
            <div class="square-image" style="background-image: url('/images/inst1.png')"></div>
          </a>
          <div class="square-text">
            <p class="h4"><b>{{$words['voluntariado-selectora-opcion1-titulo1']}}</b></p>
            <p>{{$words['voluntariado-selectora-opcion1-descripcion1']}}</p>
            <a href="#" class="square-link">+</a>
          </div>
        </div>

        <div class="square square-right">
          <a href="#">
            <div class="square-image" style="background-image: url('/images/inst2.png')"></div>
          </a>
          <div class="square-text">
            <p class="h4"><b>{{$words['voluntariado-selectora-opcion2-titulo1']}}</b></p>
            <p>{{$words['voluntariado-selectora-opcion2-descripcion1']}}</p>
            <a href="#" class="square-link">+</a>
          </div>
        </div>

        <div class="square square-left">
          <a href="#">
          <div class="square-image" style="background-image: url('/images/inst3.png')"></div>
          </a>
          <div class="square-text">
            <p class="h4"><b>{{$words['voluntariado-selectora-opcion3-titulo1']}}</b></p>
            <p>{{$words['voluntariado-selectora-opcion3-descripcion1']}}</p>
            <a href="#" class="square-link">+</a>
          </div>
        </div>

        <div class="square square-right">
          <a href="#">
          <div class="square-image" style="background-image: url('/images/inst4.png')"></div>
          </a>
          <div class="square-text">
            <p class="h4"><b>{{$words['voluntariado-selectora-opcion4-titulo1']}}</b></p>
            <p>{{$words['voluntariado-selectora-opcion4-descripcion1']}}</p>
            <a href="#" class="square-link">+</a>
          </div>
        </div>
        <div class="square square-left">
          <a href="#">
          <div class="square-image" style="background-image: url('/images/inst3.png')"></div>
          </a>
          <div class="square-text">
            <p class="h4"><b>{{$words['voluntariado-selectora-opcion5-titulo1']}}</b></p>
            <p>{{$words['voluntariado-selectora-opcion5-descripcion1']}}</p>
            <a href="#" class="square-link">+</a>
          </div>
        </div>

        <div class="square square-right">
          <a href="#">
          <div class="square-image" style="background-image: url('/images/inst4.png')"></div>
          </a>
          <div class="square-text">
            <p class="h4"><b>{{$words['voluntariado-selectora-opcion6-titulo1']}}</b></p>
            <p>{{$words['voluntariado-selectora-opcion6-descripcion1']}}</p>
            <a href="#" class="square-link">+</a>
          </div>
        </div>
      </div>


    </div>
  </div>
@stop