@extends('layouts.front')

@section('title','Nos causes, nos actions')

@section('content')

    <x-title page="Causes" image="front/assets/img/photos/apropos.jpg"/>


    <!--== Start Causes Area ==-->
    <section class="causes-area causes-default-area">
        <div class="container">
            <div class="row">
                @foreach($causes as $cause)
                    <div class="col-md-6 col-lg-4">
                        <x-cause.item :cause="$cause"/>
                    </div>
                @endforeach
            </div>
        </div>
    </section>
    <!--== End Causes Area ==-->

@endsection