{% extends 'front/partials/master.html.twig' %}

{% block title %}{{ evenements.Titre }}{% endblock %}
{% block stylesheets %}
{{ parent() }}
<style>
 .span{
    color:green;
 }

 .event-description img {
    width: 50%;
    text-align: center;
}
.description-meta{
    vertical-align: text-bottom;
}
p{
    text-align : justify;
}

</style>
{% endblock %}
{% block body %}

<div class="breadcrumb-area">
    <div class="breadcrumb-top default-overlay bg-img breadcrumb-overly-2 pt-100 pb-95" style="background-image:url({{ asset('front/assets/img/bg/Entree.jpeg') }});">
        
    </div>
    <div class="breadcrumb-bottom">
        <div class="container">
            <ul>
                <li><a href="{{path('app_front')}}">Accueil</a> <span><i class="fa fa-angle-double-right"></i>{{ evenements.typeEvenement }}</span></li>
            </ul>
        </div>
    </div>
</div>
<div class="course-details-area pt-70">
    <div class="container">
        <div class="row">
        <div class="text-center"><h3>{{evenements.Titre|raw}}</h3></div></div>
        <div class="row mt-20">
            <div class="row d-flex justify-content-center">
            <div class="col-xl-9 col-lg-8">
                <div class="course-left-wrap mr-40 ">
                    <div class="text-center ">
                    
                    <img class="img-thumbnail" src="{{img_folder}}/evenements/{{ evenements.affiche }}" alt="" width="50%">   
                    </div>
                    <div class="text-center pb-25 mb-35">
                        
                    {{evenements.Description|raw}}
                    {% for lien in evenements.evenementLiens %}
                    <a class="default-btn btn-hover d-flex justify-content-center mt-10 ml-100 mr-100" href="{{img_folder}}/evenements/{{ lien.lien }}" target="_blank" rel="noopener">{{ lien.name }}</a>
                    {% endfor %}
                        </div>
                    </div>

                </div>
            </div>  
        </div>
    </div>
</div>

   

         
{% endblock %}