templates/__front/section.html.twig line 1

Open in your IDE?
  1. <section id="content">
  2.     <div class="content-wrap">
  3.         <div class="container clearfix">
  5.             {#
  6.             <div class="row col-mb-50">
  7.                 <div class="col-sm-6 col-lg-4">
  8.                     <div class="feature-box fbox-plain">
  9.                         <div class="fbox-icon">
  10.                             <a href="#"><i class="icon-realestate-my-house"></i></a>
  11.                         </div>
  12.                         <div class="fbox-content">
  13.                             <h3 class="fw-normal">Lorem Ipsum</h3>
  14.                             <p>iaculis laoreet purus. In hac habitasse platea dictumst. Nunc vitae nisl sit amet urna
  15.                                 molestie tempor potenti.</p>
  16.                         </div>
  17.                     </div>
  18.                 </div>
  20.                 <div class="col-sm-6 col-lg-4">
  21.                     <div class="feature-box fbox-plain">
  22.                         <div class="fbox-icon">
  23.                             <a href="#"><i class="icon-realestate-hammer"></i></a>
  24.                         </div>
  25.                         <div class="fbox-content">
  26.                             <h3 class="fw-normal">Lorem Ipsum</h3>
  27.                             <p>Donec cursus consectetur pretium. In pharetra ullamcorper neque vitae mattis. Aenean
  28.                                 elementum imperdiet.
  29.                             </p>
  30.                         </div>
  31.                     </div>
  32.                 </div>
  34.                 <div class="col-sm-6 col-lg-4">
  35.                     <div class="feature-box fbox-plain">
  36.                         <div class="fbox-icon">
  37.                             <a href="#"><i class="icon-realestate-garage"></i></a>
  38.                         </div>
  39.                         <div class="fbox-content">
  40.                             <h3 class="fw-normal">Lorem Ipsum</h3>
  41.                             <p>Etiam nec orci felis. Pellentesque convallis quam nec urna dictum, in suscipit lorem
  42.                                 varius, hasellus ante.</p>
  43.                         </div>
  44.                     </div>
  45.                 </div>
  47.                 <div class="col-sm-6 col-lg-4">
  48.                     <div class="feature-box fbox-plain">
  49.                         <div class="fbox-icon">
  50.                             <a href="#"><i class="icon-realestate-rent"></i></a>
  51.                         </div>
  52.                         <div class="fbox-content">
  53.                             <h3 class="fw-normal">Lorem Ipsum</h3>
  54.                             <p>Iaculis laoreet purus hac habitasse platea dictumst. Nunc vitae nisl sit amet urna
  55.                                 molestie tempor massa. </p>
  56.                         </div>
  57.                     </div>
  58.                 </div>
  60.                 <div class="col-sm-6 col-lg-4">
  61.                     <div class="feature-box fbox-plain">
  62.                         <div class="fbox-icon">
  63.                             <a href="#"><i class="icon-realestate-credit"></i></a>
  64.                         </div>
  65.                         <div class="fbox-content">
  66.                             <h3 class="fw-normal">ELorem Ipsum</h3>
  67.                             <p>Display your Content attractively using Parallax Sections that have unlimited
  68.                                 customizable areas.</p>
  69.                         </div>
  70.                     </div>
  71.                 </div>
  73.                 <div class="col-sm-6 col-lg-4">
  74.                     <div class="feature-box fbox-plain">
  75.                         <div class="fbox-icon">
  76.                             <a href="#"><i class="icon-realestate-doc"></i></a>
  77.                         </div>
  78.                         <div class="fbox-content">
  79.                             <h3 class="fw-normal">Lorem Ipsum</h3>
  80.                             <p>You have complete easy control on each &amp; every element that provides endless
  81.                                 customization possibilities.</p>
  82.                         </div>
  83.                     </div>
  84.                 </div>
  85.             </div>
  86.             <div class="line"></div>
  87.             #}
  89.             {% if(projetsAlaUne is not empty ) %}
  90.                 <div class="projet-a-la-une">
  91.                     <div class="heading-block border-bottom-0 a-la-une-title">
  92.                         <h3>{{ "projets-a-la-une"|trans }}</h3>
  93.                     </div>
  95.                     <a href="{{ path('mes_projets') }}"
  96.                        class="button button-small button-rounded button-border button-border-thin fw-medium m-0 all-project-btn">
  97.                         {{ "Liste des projets >>"|trans }}
  98.                     </a>
  100.                     <div class="real-estate owl-carousel image-carousel carousel-widget bottommargin-sm"
  101.                          data-margin="10" data-nav="true" data-loop="true" data-pagi="false" data-items-xs="1"
  102.                          data-items-sm="1" data-items-md="2" data-items-lg="3" data-items-xl="3">
  104.                         {% for projetAlaUne in projetsAlaUne %}
  105.                             <div class="oc-item">
  106.                                 <div class="real-estate-item">
  107.                                     <div class="real-estate-item-image">
  108.                                         <div class="badge bg-danger bg-color2">
  109.                                             {% if(app.request.locale == 'fr') %}
  110.                                                 {{ projetAlaUne.status ? projetAlaUne.status.nomAr : '' }}
  111.                                             {% elseif(app.request.locale == 'ar') %}
  112.                                                 {{ projetAlaUne.status ? projetAlaUne.status.nomAr : '' }}
  113.                                             {% endif %}
  114.                                         </div>
  115.                                         <a href="{{ path('detail_projet_front', {'id': projetAlaUne.id}) }}">
  116.                                             <img src="{{ asset('uploads/projet/' ~ projetAlaUne.imageAlaUne) }}"
  117.                                                  style="width: 365px; height: 243px;">
  118.                                         </a>
  119.                                         <div class="real-estate-item-price">{{ projetAlaUne.budgetTnd }}
  120.                                             <span>
  121.                                         {% if(app.request.locale == 'fr') %}
  122.                                             {{ projetAlaUne.nomFr }}
  123.                                         {% elseif(app.request.locale == 'ar') %}
  124.                                             {{ projetAlaUne.nomAr }}
  125.                                         {% endif %}
  126.                                         </span>
  127.                                         </div>
  128.                                         <div class="real-estate-item-info clearfix">
  129.                                             <a href="{{ path('detail_projet_front', {'id': projetAlaUne.id}) }}">
  130.                                                 <i class="icon-line-stack-2"></i>
  131.                                             </a>
  132.                                         </div>
  133.                                     </div>
  135.                                     <div class="real-estate-item-desc">
  136.                                         {% if(app.request.locale == 'fr') %}
  137.                                             <h5>{{ projetAlaUne.nomFr }}</h5>
  138.                                             <span>{{ projetAlaUne.descriptionFr ? projetAlaUne.descriptionFr|slice(0, 40) ~ '...' : ''}}</span>
  139.                                         {% elseif(app.request.locale == 'ar') %}
  140.                                             <h5>{{ projetAlaUne.nomAr }}</h5>
  141.                                             <span>{{ projetAlaUne.descriptionAr ? projetAlaUne.descriptionAr|slice(0, 40) ~ '...' : ''}}</span>
  142.                                         {% endif %}
  143.                                         <a href="{{ path('detail_projet_front', {'id': projetAlaUne.id}) }}"
  144.                                            class="real-estate-item-link"> <i class="icon-info"></i>
  145.                                         </a>
  146.                                         <div class="real-estate-item-features fw-medium font-primary clearfix">
  147.                                             <div class="row g-0">
  148.                                                 <div class="col-lg-4 p-0">{{ "date-du-projet:"|trans }}<span class="color">
  149.                                                     {{ projetAlaUne.dateDebut ? projetAlaUne.dateDebut|date('d-m-Y') : '' }}
  150.                                                         {{ projetAlaUne.dateFin ? projetAlaUne.dateFin|date('d-m-Y') : '' }}
  151.                                                 </span>
  152.                                                 </div>
  153.                                                 <div class="col-lg-4 p-0">{{ "budget:"|trans }}<span class="color">
  154.                                                     {{ projetAlaUne.budgetTnd }} {{ "TND"|trans }}
  155.                                                 </span>
  156.                                                 </div>
  157.                                                 <div class="col-lg-4 p-0">{{ "municipalite:"|trans}}<span class="color">
  158.                                                     {% if(app.request.locale == 'fr') %}
  159.                                                         {% if(projetAlaUne.communes) %}
  160.                                                             {% for commune in projetAlaUne.communes %}
  161.                                                                 {{ commune.nomFr }} -
  162.                                                             {% endfor %}
  163.                                                         {% endif %}
  164.                                                     {% elseif(app.request.locale == 'ar') %}
  165.                                                         {% if(projetAlaUne.communes) %}
  166.                                                             {% for commune in projetAlaUne.communes %}
  167.                                                                 {{ commune.nomAr }} -
  168.                                                             {% endfor %}
  169.                                                         {% endif %}
  170.                                                     {% endif %}
  171.                                                 </span>
  172.                                                 </div>
  173.                                             </div>
  174.                                         </div>
  176.                                     </div>
  177.                                 </div>
  178.                             </div>
  179.                         {% endfor %}
  180.                     </div>
  181.                 </div>
  182.             {% endif %}
  184.             <div class="fancy-title title-center title-border">
  185.                 <h3>{{ "Nos Partenaires"|trans }}</h3>
  186.             </div>
  187.             <div id="oc-images" class="owl-carousel image-carousel carousel-widget" data-items-xs="2" data-items-sm="3"
  188.                  data-items-lg="4" data-items-xl="5">
  189.                 {% for partenaire in partenaires %}
  190.                     <div class="oc-item">
  191.                         <a href="#">
  192.                             <img src="{{ asset('uploads/logo/' ~ partenaire.logo) }}" alt="{{ partenaire.nomFr }}"
  193.                                  style="width: 207px;height: 125px;">
  194.                         </a>
  195.                     </div>
  196.                 {% endfor %}
  197.             </div>
  199.         </div>
  200.     </div>
  201. </section>