@extends('layouts.frontend.main')
@section('title','A propos')
@section('styles')
    @include('pages.frontend.components.about_styles_links')
@endsection
@section('body')
    <!-- Page Header Start -->
    <div class="page-header">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <h2>A Propos De Nous</h2>
                </div>
                <div class="col-12">
                    <a href="{{url('/')}}">Accueil</a>
                    <a href="{{url('/about')}}">A Propos</a>
                </div>
            </div>
        </div>
    </div>
    <!-- Page Header End -->


    <!-- About Start -->
    <div class="about wow fadeInUp" data-wow-delay="0.1s">
        <div class="container">
            @foreach($about as $value)
                <div class="row align-items-center">
                    <div class="col-lg-5 col-md-6">
                        <div class="about-img">
                            @if($value->getImageAbout())
                                <img src="{{ $value->getImageAbout() }}" alt="Image">
                            @endif
                        </div>
                    </div>
                    <div class="col-lg-7 col-md-6">
                        <div class="section-header text-left">
                            <p>A Propos</p>
                            <h2>{{$value->label}}</h2>
                        </div>
                        <div class="about-text">
                            <p>{{$value->content}}</p>
                            <a class="btn" href="{{url('/about')}}">Voir Plus</a>
                        </div>
                    </div>
                </div>
            @endforeach
        </div>
    </div>
    <!-- About End -->


    <!-- Single Post Start-->
    <div class="single">
        <div class="container">
            <div class="row">
                <div class="col-lg-8">
                    <div class="comment-form wow fadeInUp">
                        <h2 style="text-align: center">Contactez-Nous</h2>
                        <form>
                            <div class="form-group">
                                <label for="name">Nom *</label>
                                <input type="text" class="form-control" id="name">
                            </div>
                            <div class="form-group">
                                <label for="email">Email *</label>
                                <input type="email" class="form-control" id="email">
                            </div>
                            <div class="form-group">
                                <label for="website">Sujet</label>
                                <input type="url" class="form-control" id="website">
                            </div>

                            <div class="form-group">
                                <label for="message">Message *</label>
                                <textarea id="message" cols="30" rows="5" class="form-control"></textarea>
                            </div>
                            <div class="form-group">
                                <input type="submit" value="Envoyer" class="btn">
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Single Post End-->











@endsection
@section('scripts')
    @include('pages.frontend.components.about_scripts_links')
@endsection