@extends('layouts.app')

@section('title', 'A propos de nous')

@section('main_title_wrapper')
<div class="main_title_wrapper category_title_section jl_cat_img_bg">
    <div class="category_image_bg_image" style="background-image: url({{ asset('images/micro-conference.jpg') }});"></div><div class="category_image_bg_ov"></div>    <div class="jl_cat_title_wrapper">
        <div class="container">
            <div class="row">
                <div class="col-md-12 main_title_col">
                    <div class="jl_cat_mid_title">
                        <h3 class="categories-title title">à propos de nous</h3>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@section('content')
    @foreach ($rubriques as $rubrique)
        <h2 class="single_post_title_main" itemprop="headline" style="text-transform: none;">{{ $rubrique->name }}</h2>
        @if ($rubrique->image)
            <div class="cnp image">
                <img alt="" src="{{asset('images/rubriques/'.$rubrique->image)}}" class="img-fluid">
            </div>
        @endif
        <div class="cnp content">{!! $rubrique->contenu !!}</div>
        <div style="height: 20px;"></div>
    @endforeach
@endsection

@section('css')
    <style>
        .recents-elements {
            display: none !important;
        }
    </style>
@endsection