templates/about.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Tracol{% endblock %}
  4. {% block metaDescription %}
  5.     <meta name="description" content="En tant que promoteur immobilier, nous oeuvrons pour vous fournir le meilleur service. En tant qu’agence immobilière, il en va de même">
  6. {% endblock %}
  8. {% block body %}
  9. {% set sectionContent = content('A-propos', 'A-propos') %}
  10.     <div class="container-fluid teams">
  11.         <div id="home-section" class="col-lg-8 mx-auto div-svg-header pre-section" style="padding:60px 0;">
  12.             <div class="col-lg-3 home-section-title" style="font-size: 2.3em;display: flex;flex-direction: column;">
  13.                 <svg xmlns="http://www.w3.org/2000/svg" width="9.089" height="14.77" viewBox="0 0 9.089 14.77" style="margin-bottom: 10px">
  14.                     <path id="Tracé_76" data-name="Tracé 76" d="M682.759,232.441h-9.089v14.77l9.089-1.931Z" transform="translate(-673.669 -232.441)" fill="#f6a400"></path>
  15.                 </svg>
  16.                 <h1 class="project-title">{{ sectionContent.name }}</h1>
  17.             </div>
  18.             <div class="separator"></div>
  19.             <div class="pre-section-content col-md-10">
  20.                 {{ sectionContent.content|raw }}
  21.             </div>
  22.         </div>
  24.         <section class="numbers" style="margin-bottom: 50px">
  25.         {% include('_numbers.html.twig') %}
  26.         </section>
  28.         {% for teamCategory in teamCategories %}
  29.            <div class="col-lg-8 mx-auto row list-categories">
  30.                <div class="col-md-4">
  31.                    <div class="col-lg-12" style="display: flex;flex-direction: column;">
  32.                        <div class="col-lg-12 tracol-wrap" style="display: flex;">
  33.                            <div id="section-1-tracol" class="tracol-title">
  34.                                <svg xmlns="http://www.w3.org/2000/svg" width="9.089" height="14.77" viewBox="0 0 9.089 14.77">
  35.                                    <path id="Tracé_76" data-name="Tracé 76" d="M682.759,232.441h-9.089v14.77l9.089-1.931Z" transform="translate(-673.669 -232.441)" fill="#f6a400"/>
  36.                                </svg>
  37.                                <h1 class="project-title">{{ teamCategory.0.categoryName }} <div class="separe" {% if loop.last %}style="min-width:11px!important;"{% endif %}></div></h1>
  38.                                <div class="col-md-8 tracol-content">{{ teamCategory.0.categoryContent|raw }}</div>
  39.                            </div>
  40.                        </div>
  41.                    </div>
  42.                </div>
  43.                <div class="col-md-8 row">
  44.                    {% for member in teamCategory %}
  45.                        <div class="col-md-6 col-lg-6 col-xl-6">
  46.                            <div class="img-team" style="background:
  47.                            {% if member.path %}
  48.                                    url({{ asset('uploads/images/' ~ member.path ) }})no-repeat center
  49.                                {% else %}
  50.                                    url('https://tracol.lu/uploads/images/services-tracol-61c0b8e7c7110402238276.jpeg')no-repeat center
  51.                            {% endif %}
  52.                                    ;background-size:cover"></div>
  53.                            <div class="infos-member">
  54.                                <span>{{ member.fonction }}</span><br>
  55.                                <span>{{ member.memberName }}</span>
  56.                            </div>
  57.                            <div class="description-team">{{ member.memberContent|raw }}</div>
  58.                            {#
  59.                            <div class="contact">
  60.                                {% if member.memberPhone %}
  61.                                    <div class="col-md-12">
  62.                                        <a href="tel:{{ member.memberPhone }}" style="color:#f6a400;text-decoration:none;"><i class="fas fa-phone" style="margin-right:15px;"></i> {{ member.memberPhone }}</a>
  63.                                    </div>
  64.                                {% endif %}
  65.                                {% if member.memberEmail %}
  66.                                    <div class="col-md-12">
  67.                                        <a href="mailto:{{ member.memberEmail }}" style="color:#f6a400;text-decoration:none;"><i class="fas fa-envelope" style="margin-right:15px;"></i> {{ member.memberEmail }}</a>
  68.                                    </div>
  69.                                {% endif %}
  70.                            </div>
  71.                            #}
  73.                        </div>
  74.                    {% else %}
  75.                        <p>Aucune personne pour le moment.</p>
  76.                    {% endfor %}
  77.                </div>
  78.            </div>
  79.        {% endfor %}
  80.         
  82.     </div>
  84. {% endblock %}