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 %}
  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">A propos</h1>
  17.             </div>
  18.             <div class="separator"></div>
  19.             <div class="pre-section-content col-md-10">
  20.                 Des solutions qui valorisent l’espace. Voilà notre leitmotiv.<br><br>
  22.                 Depuis la création de Tracol Immobilier, nous nous attachons à repenser les aménagements en leur donnant plus de sens. En leur donnant plus de vie aussi.
  24.                 Pour nous, respecter un site et lui apporter une dimension humaine est primordial. Tout comme le soin que nous apportons à chaque détail.<br><br>
  26.                 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. Ainsi, nous pouvons également vous aider à trouver le bien de vos rêves, mais aussi vous accompagner dans la vente d’un logement.<br>
  28.                 Découvrez la Team Tracol Immobilier : l’esprit d’équipe, notre envie de bien travailler ensemble et de vous accompagner dans vos projets.
  29.             </div>
  30.         </div>
  32.         {% for teamCategory in teamCategories %}
  33.            <div class="col-lg-8 mx-auto row list-categories">
  34.                <div class="col-md-4">
  35.                    <div class="col-lg-12" style="display: flex;flex-direction: column;">
  36.                        <div class="col-lg-12 tracol-wrap" style="display: flex;">
  37.                            <div id="section-1-tracol" class="tracol-title">
  38.                                <svg xmlns="http://www.w3.org/2000/svg" width="9.089" height="14.77" viewBox="0 0 9.089 14.77">
  39.                                    <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"/>
  40.                                </svg>
  41.                                <h1 class="project-title">{{ teamCategory.0.categoryName }} <div class="separe" {% if loop.last %}style="min-width:11px!important;"{% endif %}></div></h1>
  42.                                <div class="col-md-8 tracol-content">{{ teamCategory.0.categoryContent|raw }}</div>
  43.                            </div>
  44.                        </div>
  45.                    </div>
  46.                </div>
  47.                <div class="col-md-8 row">
  48.                    {% for member in teamCategory %}
  49.                        <div class="col-md-6 col-lg-6 col-xl-6">
  50.                            <div class="img-team" style="background:
  51.                            {% if member.path %}
  52.                                    url({{ asset('uploads/images/' ~ member.path ) }})no-repeat center
  53.                                {% else %}
  54.                                    url('https://tracol.lu/uploads/images/services-tracol-61c0b8e7c7110402238276.jpeg')no-repeat center
  55.                            {% endif %}
  56.                                    ;background-size:cover"></div>
  57.                            <div class="infos-member">
  58.                                <span>{{ member.fonction }}</span><br>
  59.                                <span>{{ member.memberName }}</span>
  60.                            </div>
  61.                            <div class="description-team">{{ member.memberContent|raw }}</div>
  62.                            {#
  63.                            <div class="contact">
  64.                                {% if member.memberPhone %}
  65.                                    <div class="col-md-12">
  66.                                        <a href="tel:{{ member.memberPhone }}" style="color:#f6a400;text-decoration:none;"><i class="fas fa-phone" style="margin-right:15px;"></i> {{ member.memberPhone }}</a>
  67.                                    </div>
  68.                                {% endif %}
  69.                                {% if member.memberEmail %}
  70.                                    <div class="col-md-12">
  71.                                        <a href="mailto:{{ member.memberEmail }}" style="color:#f6a400;text-decoration:none;"><i class="fas fa-envelope" style="margin-right:15px;"></i> {{ member.memberEmail }}</a>
  72.                                    </div>
  73.                                {% endif %}
  74.                            </div>
  75.                            #}
  77.                        </div>
  78.                    {% else %}
  79.                        <p>Aucune personne pour le moment.</p>
  80.                    {% endfor %}
  81.                </div>
  82.            </div>
  83.        {% endfor %}
  84.         
  86.     </div>
  88. {% endblock %}