@extends('frontend.layouts.navBar')

@section('content')

<link rel="stylesheet" href="{{asset('frontend/css/editor.css')}}">


    <div class="page">
        <div class="banner">
            <img src="{{ asset('frontend/images/about.jpg') }}" alt="">

        </div>

        <div class="container about">
        <div style="    justify-content: left;display: flex;">
          <h4 style="color:red">A propos de nous</h4>
        </div>
     <div class="row">
       @foreach($presentations as $presentation)
       <div class="col-md-12 col-lg-6 ck-content" style=" color: black;    text-align: left;">

        {!! $presentation->details!!}


       </div>
       <div class="col-md-12 col-lg-6">
        @if ($presentation->videos != null)
            <video  height="440" style="width:100%" controls>
            <source src="{{ asset('storage/'.$presentation->videos)}}" type="video/mp4">

            </video>
            @else
            <img src="{{ asset('storage/image/'.$presentation->image) }}" alt="description of myimage">

        @endif



       </div>

       @endforeach
     </div>
       </div>
        </div>

        <style>
            .image-style-side {
        float: right;
        margin-left: var(--ck-image-style-spacing);
        max-width: 50%;
    }
        </style>
@endsection
