home

@extends('layout')

@section('body_class') home @stop

@section('content')
  <div class="banner banner-home">
    <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/banners/banner-principal-lima2019-1.png')"></div>

            <div class="points points-white"></div>

            <div class="main-text">
              <h1>{!! $words['home-banner1-text1'] !!}</h1>
            </div>
          </div>
          <div class="swiper-slide banner-milco">
            <div class="banner-bg" style="background-image: url('/images/banners/banner-principal-lima2019-3.png')"></div>
            <div class="points points-white"></div>
            <div class="main-text">
              <span>{!! $words['home-banner2-text1'] !!}</span>
              <a href="{{ LaravelLocalization::getLocalizedURL($lang,'voluntariado') }}" class="btn btn-blue-alpha btn-border btn-bigger">
                <img src="/images/circle-icon.png">
                <i>{{$words['home-voluntariado-btn1']}}</i>
              </a>
            </div>
          </div>
          <div class="swiper-slide banner-milco">
            <div class="banner-bg" style="background-image: url('/images/banners/banner-principal-lima2019-2.png')"></div>
            <div class="points points-white"></div>
            <div class="main-text">
              <img src="/images/milco-logo.png" class="img-responsive img-center">
              <span>{!! $words['home-banner3-text1'] !!}</span>
            </div>
          </div>
        </div>
        <div class="swiper-button-prev">
          <i class="fa fa-angle-left"></i>
        </div>
        <div class="swiper-button-next">
          <i class="fa fa-angle-right"></i>
        </div>
        <div class="counter counter-bigger counter-white">
          <div class="counter-item text-center">
            <div class="number" data-type="days"></div>
            <div class="text">{{$words['home-countdown-txt1']}}</div>
          </div>
          <div class="counter-item text-center">
            <div class="number" data-type="hours"></div>
            <div class="text">{{$words['home-countdown-txt2']}}</div>
          </div>
          <div class="counter-item text-center">
            <div class="number" data-type="minutes"></div>
            <div class="text">{{$words['home-countdown-txt3']}}</div>
          </div>
          <div class="counter-item text-center">
            <div class="number" data-type="seconds"></div>
            <div class="text">{{$words['home-countdown-txt4']}}</div>
          </div>
        </div>
      </div>
    </div>
  </div>