@extends('Layouts.web_master')
@section('content')
@php
    $img = 0;
@endphp
<section class="ftco-section ftco-gallery">
  <div class="container">
    @for($i=0;$i<$count/4;$i++)
      <div class="d-md-flex">
        @for($j=0;$j<4;$j++)
                      
          <a href="{{asset($galleryImage[$img])}}" class="gallery image-popup d-flex justify-content-center align-items-center img ftco-animate" style="background-image: url(            
                  {{asset($galleryImage[$img])}});">
              <div class="icon d-flex justify-content-center align-items-center">
                  <span class="icon-search"></span>
              </div>
          </a>

          @php
            $img++; 
            if($img == $count)
            {
              break;
            }
          @endphp
        @endfor
      </div>
    @endfor
  </div>
</section>

<section class="ftco-section-3 img" style="background-image: url({{asset('assets/images/bg_3.jpg')}});">
    <div class="overlay"></div>
    <div class="container">
        <div class="row d-md-flex">
        <div class="col-md-6 d-flex ftco-animate">
            <div class="img img-2 align-self-stretch" style="background-image: url({{asset('assets/images/join-us.jpg')}});"></div>
        </div>
        <div class="col-md-6 volunteer pl-md-5 ftco-animate">
            <h3 class="mb-3">Join Us</h3>
            <form action="#" class="volunter-form">
        <div class="form-group">
          <input type="text" class="form-control" placeholder="Your Name">
        </div>
        <div class="form-group">
          <input type="text" class="form-control" placeholder="Your Email">
        </div>
        <div class="form-group">
          <textarea name="" id="" cols="30" rows="3" class="form-control" placeholder="Message"></textarea>
        </div>
        <div class="form-group">
          <input type="submit" value="Send Message" class="btn btn-white py-3 px-5">
        </div>
      </form>
        </div>    			
        </div>
    </div>
</section>

@endsection