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

<!-- Bannière courte pres. Boris -->
<div class="pres">

    <!-- Infos -->
    <div class="pres_bloc">
        <div>
            <h1>BORIS RENDAMBO</h1>
        </div>

        <div>
            <ul class="pres_list">
                <li>{{ 'ban-list-1' | trans ( [], 'home' , langue )  }}</li> {# ban-list-1 #}
                <li>{{ 'ban-list-2' | trans ( [], 'home' , langue )  }}</li> {# ban-list-2 #}
                <li>{{ 'ban-list-3' | trans ( [], 'home' , langue )  }}</li> {# ban-list-3 #}
            </ul>
        </div>

        <div class="btn_box">
            <a class="btn_theme" href="{{ path('app_about') }}" title="{{ 'Learn About' | trans ( [], 'home' , langue )  }}" alt="{{ 'Learn About btn' | trans ( [], 'home' , langue )  }}">
                {{ 'Learn More' | trans ( [], 'messages' , langue )  }}
            </a>
        </div>

    </div>

    <!-- Photo -->
    <div class="ban">
        <div>
            <div class="gradient_effect"></div>
            <img class="img_bg" src="{{ asset('assets/images/BR_website.png') }}" alt="{{ 'img-home-pres' | trans ( [], 'messages' , langue )  }}">
        </div>
    </div>


</div>