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

{% block title %}{% endblock %}

{% block body %}
    <div class="container mt-70 mb-120">
        <div class="row">
            <div class="col-12">
                <img src="{{ asset('images/patrimoine.jpg') }}" class="w-100 mb-15" style="object-fit: cover; max-height: 630px;" />
                <span style="color: #6A942F;">3. Thill Ettelbrück (1893)</span>
                <h2 style="font-size: 38px;line-height:43px;" class="service-title process-title mb-40 mt-20">
                    {{ 'history_of_luxembourg_rose_heritage'|trans }}
                    <br>
                    {{ 'the_golden_age_of_luxembourg_roses'|trans }}
                </h2>
            </div>

            <div class="col-12 col-md-6">
                <p>
                    {{ 'patrimoine_text_01'|trans | nl2br }}
                </p>
            </div>
            <div class="col-12 col-md-6">
                <p>
                    {{ 'patrimoine_text_02'|trans | nl2br }}
                </p>
            </div>
        </div>
    </div>

    <section class="blog-area blog-area-two pb-100">
        <div class="container">
            <div class="row">
                <div class="col-xl-7 m-auto">
                    <div class="section-title text-center">
                        <span class="left-line mb-15 pl-20">{{ 'contact_and_membership'|trans }}</span>
                        <h2 class="mb-35" style="font-size: 38px;">{{ 'join_the_association'|trans }}</h2>
                        <p class="mb-30">
                            {{ 'join_the_association_text'|trans | nl2br  }}
                        </p>
                        <a href="{{ path('contact') }}" class="theme_btn mt-2">{{ 'join'|trans }}</a>
                    </div>
                </div>
            </div>
        </div>
    </section>
{% endblock %}