{% extends 'base.html.twig' %}
{% block title %}
{{ translations.title }}
{% endblock %}
{% block content %}
{% if translations.langue == 'fr_fr' and '/fr/' in app.request.uri %}
<div class="breadcumb-wrapper"
style="background-image:linear-gradient(0deg, rgba(0, 0, 0, 0.54), rgba(30, 28, 29, 0.69)), url('{{ asset('content/media/' ~ translations.bannerImg) }}')">
<div class="container z-index-common">
<div class="breadcumb-content">
<h1 class="breadcumb-title">{{ translations.title }}</h1>
<div class="breadcumb-menu-wrap">
<ul class="breadcumb-menu">
<li><a href="{{ path('app_main') }}">{{ "Accueil" | trans }}</a></li>
{# <li><a href="{{ path('app_main') }}">{{ "Traduction" | trans }}</a></li>#}
<li>{{ translations.title }}</li>
</ul>
</div>
</div>
</div>
</div>
{% elseif service.langue == 'en_en' and '/en/' in app.request.uri %}
{% endif %}
<!--==============================
Service Details
==============================-->
{# <section class=" space-top space-extra-bottom">#}
{# <div class="container">#}
{# <div class="row align-items-center">#}
{# <div class="col-lg-10 wow fadeInUp" data-wow-delay="0.3s">#}
{# <h2 class="sec-title col-xl-9">{{ translations.title }}</h2>#}
{# <p class="pe-3 fs-md">{{ translations.content | raw }}</p>#}
{# </div>#}
{# </div>#}
{# {{ include('partials/_calltoaction.html.twig') }}#}
{# </div>#}
{# </section>#}
<section class=" space-top space-extra-bottom">
<div class="container">
<div class="row justify-content-center">
{% if translations.langue == 'fr_fr' and '/fr/' in app.request.uri %}
{# <div class="team-cover-image"><img src="{{ asset('assets/img/team/team-cover-1.jpg') }}" alt="cover"></div>#}
<div class="col-xl-11 wow fadeInUp" data-wow-delay="0.3s">
<nav aria-label="breadcrumb" style="margin-left: 20px;">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="{{ path('app_main') }}">Accueil</a></li>
<li class="breadcrumb-item"><a href="/{{ app.request.locale }}/services/traduction">Traduction</a></li>
<li class="breadcrumb-item active" aria-current="page">{{ translations.title }}</li>
</ol>
</nav>
<div class="team-box">
<div class="team-box__shape"></div>
<div class="team-box__img"><img src="{{ asset('content/media/' ~ translations.illustration) }}" alt="member"></div>
<div class="media-body">
{# <span class="team-box__degi">UI/UX Designer</span>#}
<h2 class="team-box__name">{{ translations.title }}</h2>
<p class="team-box__text">{{ translations.content | raw }}</p>
</div>
</div>
</div>
{% elseif translations.langue == 'en_en' and '/en/' in app.request.uri %}
<div class="col-xl-11 wow fadeInUp" data-wow-delay="0.3s">
<nav aria-label="breadcrumb" style="margin-left: 20px;">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="{{ path('app_main') }}">Accueil</a></li>
<li class="breadcrumb-item"><a href="#">Legal Translation</a></li>
<li class="breadcrumb-item active" aria-current="page">{{ translations.title }}</li>
</ol>
</nav>
<div class="team-box">
<div class="team-box__shape"></div>
<div class="team-box__img"><img src="{{ asset('content/media/' ~ translations.illustration) }}" alt="member"></div>
<div class="media-body">
{# <span class="team-box__degi">UI/UX Designer</span>#}
<h2 class="team-box__name">{{ translations.title }}</h2>
<p class="team-box__text">{{ translations.content | raw }}</p>
</div>
</div>
</div>
{% endif %}
</div>
</div>
</section>
{% endblock %}