@extends('layouts.frontend.frontend-layout')

@section('content')

    <!-- Section: inner-header -->
    <section class="inner-header divider parallax layer-overlay overlay-dark-5" data-bg-img="{{ URL::asset('storage/uploads/about/'. $abouts->about_banner) }}">
      <div class="container pt-200 pb-50">
        <!-- Section Content -->
        <div class="section-content pt-100">
          <div class="row"> 
            <div class="  col-md-12">
              <h3 class="title text-white dis-hidden">{{$abouts->about_caption}}</h3>
            </div>
          </div>
        </div>
      </div>
    </section>
<!-- Section: About -->
<section class="ab-crousel-he-set text-para-justify">
      <div class="container">
       {!! $abouts->description !!}      
    </div>
</section>
<section id="couple ">
      <div class="container" style="padding-top: 0;">
          <div class="section-title">
          <div class="row">
            <div class="col-md-6 col-md-offset-3 text-center pb-30">
              <h2>{{$abouts->team_heading}}</h2>
              <img src="frontend/images/section-title-after.png" alt="">
              <p><em>{{$abouts->team_description}}</em></p>
            </div>
          </div>
        </div>
        <div class="section-content couple">
          <div class="row">
          @foreach ($teams as $team)
            <div class="col-xs-12 col-sm-6 col-md-3">
              <div class="best-people">
                <div class="thumb">
                  <img src="{{ URL::asset('storage/uploads/team/'. $team->member_image) }}" alt="">
                  <div class="best-people-details"><a class="font-Playfair" href="#">Know more</a></div>
                </div>
                <div class="info">
                  <h2 class="name">{{$team->member_name}}</h2>
                  <p>{{$team->member_title}}</p>
                  <img src="frontend/images/about-title-bg.png" alt="">
                  <p>{{$team->member_description}} </p>
                </div>
              </div>
            </div>
          @endforeach  
          </div>
        </div>
      </div>
    </section>

@endsection