voluntariado interna1

@extends('layout')

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

@section('content')
  <div class="banner-static">
    <div class="banner-content">
      <div class="swiper-container swiper-main">
        <div class="swiper-wrapper">
          <div class="swiper-slide">
            <div class="banner-bg" style="background-image: url('/images/bg-voluntariado-page.png')">
              <div class="banner-bg-cloth"></div>
            </div>
            <div class="main-text">
              <div class="container">
                <div class="title title-white title-with-line title-wider">
                  <div class="title-text">{{$words['voluntariado-bienvenida-btn1']}}</div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="content">
    <div class="container">
      <div class="voluntario-links">
        <div class="voluntario-link voluntario-link-active">
          <a href="#"><b>{{$words['voluntariado-bienvenida-btn1']}}</b></a>
        </div>
        <div class="voluntario-link">
          <a href="#">{{$words['voluntariado-bienvenida-btn2']}}</a>
        </div>
        <div class="voluntario-link">
          <a href="#">{{$words['voluntariado-bienvenida-btn3']}}</a>
        </div>
        <div class="voluntario-link">
          <a href="#">{{$words['voluntariado-bienvenida-btn4']}}</a>
        </div>
        <div class="voluntario-link">
          <a href="#">{{$words['voluntariado-bienvenida-btn5']}}</a>
        </div>
        <div class="voluntario-link">
          <a href="#" class="color-purple"><b><i>{{$words['voluntariado-bienvenida-btn6']}}</i></b></a>
        </div>
      </div>

      <div class="row newsletter">
        <div class="col-md-4">
          <div class="newsletter-item">
            <div class="newsletter-item-content text-center">
              <a href="#">
                <h2 class="color-purple">
                  <br><b>{{$words['voluntariado-bienvenida-caja1']}}</b>
                </h2>
              </a>
              <p class="color-black">{{$words['voluntariado-bienvenida-caja1-parrafo1']}} {{$words['voluntariado-bienvenida-caja1-parrafo2']}}</p>
            </div>
          </div>
        </div>
        <div class="col-md-4">
          <div class="newsletter-item">
            <div class="newsletter-item-content text-center">
              <a href="#">
                <h2 class="color-purple">
                  <br><b>{{$words['voluntariado-bienvenida-caja2']}}</b>
                </h2>
              </a>
              <p class="color-black">{{$words['voluntariado-bienvenida-caja2-parrafo1']}}</p>
            </div>
          </div>
        </div>
        <div class="col-md-4">
          <div class="newsletter-item">
            <div class="newsletter-item-content text-center">
              <a href="#">
                <h2 class="color-purple">
                  <br><b>{{$words['voluntariado-bienvenida-caja3']}}</b>
                </h2>
              </a>
              <p class="color-black">{{$words['voluntariado-bienvenida-caja3-parrafo1']}}</p>
            </div>
          </div>
        </div>
      </div>

      <div class="title title-blue title-with-line title-wider">
        <div class="title-text">{{$words['voluntariado-bienvenida-subtitulo1']}}</div>
      </div>
      <br><br>

      <div class="row newsletter">
        <div class="col-md-4">
          <div class="newsletter-item">
            <div class="newsletter-item-image">
              <img src="/images/ns4.png" class="img-responsive">
            </div>
            <div class="newsletter-item-content">
              <a href="#">
                <h2 class="color-purple">
                  <br><b>{{$words['voluntariado-bienvenida-pilares-card1-titulo1']}}</b>
                </h2>
              </a>
              <p class="color-black">{{$words['voluntariado-bienvenida-pilares-card1-parrafo1']}}</p>
            </div>
          </div>
        </div>
        <div class="col-md-4">
          <div class="newsletter-item">
            <div class="newsletter-item-image">
                <img src="/images/ns5.png" class="img-responsive">
              </div>
            <div class="newsletter-item-content">
              <a href="#">
                <h2 class="color-purple">
                  <br><b>{{$words['voluntariado-bienvenida-pilares-card2-titulo1']}}</b>
                </h2>
              </a>
              <p class="color-black">{{$words['voluntariado-bienvenida-pilares-card2-parrafo1']}}</p>
            </div>
          </div>
        </div>
        <div class="col-md-4">
          <div class="newsletter-item">
            <div class="newsletter-item-image">
                <img src="/images/ns5.png" class="img-responsive">
              </div>
            <div class="newsletter-item-content">
              <a href="#">
                <h2 class="color-purple">
                  <b>{{$words['voluntariado-bienvenida-pilares-card3-titulo1']}}</b>
                </h2>
              </a>
              <p class="color-black">{{$words['voluntariado-bienvenida-pilares-card3-parrafo1']}}</p>
            </div>
          </div>
        </div>
      </div>

      <div class="intro text-center color-black">
        <h3>{{$words['voluntariado-bienvenida-caja1']}}<br>{{$words['voluntariado-bienvenida-texto1']}}</h3>
        <p>{{$words['voluntariado-bienvenida-texto2']}}<br>{{$words['voluntariado-bienvenida-texto3']}}<br>{{$words['voluntariado-bienvenida-texto4']}}<br>{{$words['voluntariado-bienvenida-texto5']}}</p>
      </div>
      <div class="intro text-center">
        <h3 class="color-purple">{{$words['voluntariado-bienvenida-texto6']}}</h3>
      </div>
    </div>
    <div class="pull-bottom">
      <div class="flowers"></div>
      <div class="bar"></div>
    </div>
  </div>
@stop