{% extends 'base.html.twig' %}

{% block title %}{{ 'about-page-title' | trans ( [], 'about' , langue )  }}{% endblock %}

{% block stylesheets %}
    <link rel="stylesheet" href="{{ asset('assets/style/css/pages_about.css') }}">
{% endblock %}


{# Biographie --> chaque commentaire correspond code de traduction    //  Biography --> each comment corresponds translation code #}
{# domains --> about  #}



{% block body %}

<section class="container biography">

    <div class="img_bio">
        <img src="{{ asset('assets/images/about/photo_bio.png') }}" alt=" {{ 'img-bio' | trans ( [], 'messages' , langue )  }} " >
        <div class="img_bio_gradient"></div>
    </div>


    <div>
        <h1 class="text_theme text_underline">  {{ 'Title' | trans ( [], 'about' , langue )  }}   </h1>     {# Title #}

        
        <p>  {{ 'P-1' | trans ( [], 'about' , langue )  }}   </p>   {# P-1 #}

        <br>

        <p>  {{ 'P-2' | trans ( [], 'about' , langue )  }}   </p>   {# P-2 #}

        <br>

        <p>  {{ 'P-3' | trans ( [], 'about' , langue )  }}   </p>   {# P-3 #}

        <br>

        <ul>
            <li>    <p>  {{ 'P-4' | trans ( [], 'about' , langue )  }}   </p>    </li>  {# P-4 #}
            <li>    <p>  {{ 'P-5' | trans ( [], 'about' , langue )  }}   </p>    </li>  {# P-5 #}
            <li>    <p>  {{ 'P-6' | trans ( [], 'about' , langue )  }}   </p>    </li>  {# P-6 #}
        </ul>

        <br>

        <p>  {{ 'P-7' | trans ( [], 'about' , langue )  }}   </p>   {# P-7 #}

        <br>

        <p>  {{ 'P-8' | trans ( [], 'about' , langue )  }}   </p>   {# P-8 #}

        <br>
        
        <p>  {{ 'P-9' | trans ( [], 'about' , langue )  }}   </p>   {# P-9 #}

        <br>
        
        <p>  {{ 'P-10' | trans ( [], 'about' , langue )  }}  </p>   {# P-10 #}

        <br>

        <p>  {{ 'P-11' | trans ( [], 'about' , langue )  }}  </p>   {# P-11 #}

        <br>

        <p>  {{ 'P-12' | trans ( [], 'about' , langue )  }}  </p>   {# P-12 #}

        {# <br> #}
        
        <p>  {{ 'P-13' | trans ( [], 'about' , langue )  }}  </p>   {# P-13 #}

    </div>

</section>



<section>
    <div class="container biography_footer">

        {# Rendambo.com #}
        <div class="website">
            <img class="logo_rendambo" src="{{ asset('assets/images/about/RENDAMBO_vector.png') }}" alt="{{ 'rendambo logo' | trans ( [], 'about' , langue )  }}">
            <a href="https://rendambo.com/" target="_blank" class="btn_theme btn_about" title="{{ 'rendambo btn' | trans ( [], 'about' , langue )  }}" alt="{{ 'rendambo btn' | trans ( [], 'about' , langue )  }}">
                {{ 'Learn More' | trans ( [], 'messages' , langue )  }}
            </a>
        </div>

        {# Ozamba Group #}
        <div class="website">
            <img class="logo_ozamba" src="{{ asset('assets/images/about/OZAMBA_vector.png') }}" alt="{{ 'ozamba logo' | trans ( [], 'about' , langue )  }}">
            <a href="https://ozamba-group.com/" target="_blank"  class="btn_theme btn_about" title="{{ 'ozamba btn' | trans ( [], 'about' , langue )  }}" alt="{{ 'ozamba btn' | trans ( [], 'about' , langue )  }}">
                {{ 'Learn More' | trans ( [], 'messages' , langue )  }}
            </a>
        </div>

        {# Forson Group #}
        <div class="website">
            <img class="logo_forson" src="{{ asset('assets/images/about/ForsonGroup_white_v2.png') }}" alt="{{ 'forson logo' | trans ( [], 'about' , langue )  }}">
            <a href="http://forsongroup.com/" target="_blank" class="btn_theme btn_about" title="{{ 'forson btn' | trans ( [], 'about' , langue )  }}" alt="{{ 'forson btn' | trans ( [], 'about' , langue )  }}">
                {{ 'Learn More' | trans ( [], 'messages' , langue )  }} 
            </a>
        </div>

        {# AHIDI #}
        <div class="website">
            <img class="logo_ahidi" src="{{ asset('assets/images/about/AHIDI_vector.png') }}" alt="{{ 'ahidi logo' | trans ( [], 'about' , langue )  }}">
            <a href="http://www.ahidicap.com/" target="_blank" class="btn_theme btn_about" title="{{ 'ahidi btn' | trans ( [], 'about' , langue )  }}" alt="{{ 'ahidi btn' | trans ( [], 'about' , langue )  }}">
                {{ 'Learn More' | trans ( [], 'messages' , langue )  }}
            </a>
        </div>

        {#  Kiinura  #}
        <div class="website">
            <img class="logo_kiinura" src="{{ asset('assets/images/about/KIINURA_vector.png') }}" alt="{{ 'kiinura logo' | trans ( [], 'about' , langue )  }}">
            <a href="http://www.kiinura.org/" target="_blank" class="btn_theme btn_about" title="{{ 'kiinura btn' | trans ( [], 'about' , langue )  }}" alt="{{ 'kiinura btn' | trans ( [], 'about' , langue )  }}">
                {{ 'Learn More' | trans ( [], 'messages' , langue )  }}
            </a>
        </div>


    </div>

</section>

{% endblock %}