{% extends 'basefront.html.twig' %}
{% block stylesheets %}
<style>
@media (min-width: 992px) {
.intro .intro-title {
font-size: 3rem !important;
}
}
@media (max-width: 900px) {
#log{
width: 40px !important;
}
}
@media (min-width: 900px) {
#log{
width: 100px !important;
}
}
</style>
{% endblock %}
{% block body %}
<nav class="navbar navbar-default navbar-trans navbar-expand-lg fixed-top" style="padding-top: 0px !important;padding-bottom: 0px !important;">
<div class="container">
<button class="navbar-toggler collapsed" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarDefault" aria-controls="navbarDefault" aria-expanded="false"
aria-label="Toggle navigation">
<span></span>
<span></span>
<span></span>
</button>
<a class="navbar-brand text-brand" href="/" ><img id="log" src="{{ asset('image/logoestradori.png') }}" alt="Estate Immobilière">
</a>
<div class="navbar-collapse collapse justify-content-center" id="navbarDefault">
<ul class="navbar-nav" style="font-size: 12px;font-weight: bold;">
<li class="nav-item">
<a class="nav-link active" href="/" style="font-size: 12px;font-weight: bold;">Accueil</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" style="font-size: 12px;font-weight: bold;"
data-bs-toggle="dropdown"
aria-haspopup="true" aria-expanded="false">Location</a>
<div class="dropdown-menu">
{% for type in types %}
<a class="dropdown-item " style="font-size: 12px;font-weight: bold;" href="{{ path('app_liste_type', {'id': type.id,'categorie':'location'}) }}">{{ type.nom }}</a>
{% endfor %}
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" style="font-size: 12px;font-weight: bold;"
data-bs-toggle="dropdown"
aria-haspopup="true" aria-expanded="false">Vente</a>
<div class="dropdown-menu">
{% for type in types %}
<a class="dropdown-item " style="font-size: 12px;font-weight: bold;" href="{{ path('app_liste_type', {'id': type.id,'categorie':'vente'}) }}">{{ type.nom }}</a>
{% endfor %}
</div>
</li>
<li class="nav-item">
<a class="nav-link " href="#" style="font-size: 12px;font-weight: bold;">Vacances</a>
</li>
<li class="nav-item">
<a class="nav-link " href="/contact" style="font-size: 12px;font-weight: bold;">Contact</a>
</li>
</ul>
<ul id="respMenu2" class="ace-responsive-menu float-right wa" data-menu-style="horizontal" style="font-size: 12px;font-weight: bold;">
<li class="list-inline-item list_c"><a href="tel:0021629707148">
<span class="bi bi-phone mr7"></span>/ <span class="bi bi-whatsapp mr7">
</span> (+216) 29 707 148</a></li>
<li class="list-inline-item list_c"><a href="mailto:eha.immobilier@gmail.com">
<span class="bi bi-envelope mr7"></span>
eha.immobilier@gmail.com</a></li> </ul>
</div>
</div>
</nav>
<div class="intro intro-carousel swiper position-relative">
<div class="swiper-wrapper">
<div class="swiper-slide carousel-item-a intro-item bg-image"
style="background-image: url({{ asset('templatefront/assets/img/slide-1.jpg') }}">
<div class="overlay overlay-a"></div>
<div class="intro-content display-table">
<div class="table-cell">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="intro-body">
<h6 class="intro-title mb-4">
<span class="color-b" style="color:white !important;"> Un Bien Immobilier à Vendre Ou à Louer ! </span>
</h6>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide carousel-item-a intro-item bg-image"
style="background-image: url({{ asset('templatefront/assets/img/slide.jpg') }}">
<div class="overlay overlay-a"></div>
<div class="intro-content display-table">
<div class="table-cell">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="intro-body">
<h6 class="intro-title mb-4 ">
<span class="color-b" style="color:white !important;">Trouvez Votre Maison Parfaite </span>
</h6>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide carousel-item-a intro-item bg-image"
style="background-image: url({{ asset('templatefront/assets/img/slid.jpg') }}">
<div class="overlay overlay-a"></div>
<div class="intro-content display-table">
<div class="table-cell">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="intro-body">
<h6 class="intro-title mb-4">
<span class="color-b" style="color:white !important;"> Un Bien Immobilier à Vendre Ou à Louer ! </span>
</h6>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide carousel-item-a intro-item bg-image"
style="background-image: url({{ asset('templatefront/assets/img/slide-2.jpg') }}">
<div class="overlay overlay-a"></div>
<div class="intro-content display-table">
<div class="table-cell">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="intro-body">
<h6 class="intro-title mb-4">
<span class="color-b" style="color:white !important;"> Un Bien Immobilier à Vendre Ou à Louer ! </span>
</h6>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-pagination"></div>
</div>
<main id="main">
<section class="section-services section-t8">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="title-wrap d-flex justify-content-between">
<div class="title-box">
<h2 class="title-a">
À propos</h2>
<p>
Votre agence immobilière . Achat, vente, location. Appartements, villas, maisons, terrains
agence immobilière nouvelle génération, avec une équipe d'agents immobiliers sur qui il faut compter pour votre projet d'achat ou de location en Tunisie !
</p>
</div>
</div>
</div>
</div>
<div class="row text-center">
<div class="col-md-4">
<div class="card-box-c foo">
<div class="card-header-c d-flex">
<div class="card-box-ico" style="margin-left:100px !important;">
<span class="bi bi-chat-quote-fill"></span>
</div>
<div class="card-title-c align-self-center">
<h2 class="title-c"></h2>
</div>
</div>
<div class="card-body-c">
<p class="content-c">
Des milliers de personnes font confiance
</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card-box-c foo">
<div class="card-header-c d-flex">
<div class="card-box-ico" style="margin-left:100px !important;">
<span class="bi bi-house"></span>
</div>
<div class="card-title-c align-self-center">
<h2 class="title-c"></h2>
</div>
</div>
<div class="card-body-c">
<p class="content-c">
Large gamme de propriétés
</p>
</div>
</div>
</div>
<div class="col-md-4 ">
<div class="card-box-c foo text-center">
<div class="card-header-c d-flex">
<div class="card-box-ico" style="margin-left:100px !important;">
<span class="bi bi-phone"></span>
</div>
<div class="card-title-c align-self-center">
<h2 class="title-c"></h2>
</div>
</div>
<div class="card-body-c">
<p class="content-c">
Le financement en toute simplicité
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section-property section-t8 mb-4">
<div class="container">
<div class="row text-center">
<div class="col-md-12 text-center">
<div class="title-wrap d-flex justify-content-between text-center">
<div class="title-box ">
<h5 class="title-a" style="font-size: 2rem">Annonces Récentes</h5>
</div>
<div class="title-link">
<a href="{{ path('app_liste') }}">Voir tous
<span class="bi bi-chevron-right"></span>
</a>
</div>
</div>
</div>
</div>
<div id="property-carousel" class="swiper">
<div class="swiper-wrapper">
{% set n =0 %}
{% for annonce in annonces %}
{% if(n >= annonces|length-6) %}
<div class="carousel-item-b swiper-slide">
<div class="card-box-a card-shadow">
<div class="img-box-a">
{% set i =0 %}
{% for image in annonce.images %}
{% if(i == annonce.images|length-1) %}
<img src="{{ asset('images/annonces/'~image.name) }}" alt=""
class="img-a img-fluid">
{% endif %}
{% set i =i+1 %}
{% endfor %}
</div>
<div class="card-overlay">
<div class="card-overlay-a-content">
<div class="card-header-a">
<h2 class="card-title-a">
<a href="{{ path('details_annonce', {'id': annonce.id}) }}">{{ annonce.titre }}</a>
</h2>
</div>
<div class="card-body-a">
<div class="price-box d-flex">
<span class="price-a">{{ annonce.categorie }} | {{ annonce.prix }}{{ annonce.devise }}</span>
</div>
<a href="{{ path('details_annonce', {'id': annonce.id}) }}" class="link-a">Voir détails
<span class="bi bi-chevron-right"></span>
</a>
</div>
<div class="card-footer-a">
<ul class="card-info d-flex justify-content-around">
<li>
<h4 class="card-info-title">Surface</h4>
<span>{{ annonce.surface }} {{ annonce.unite }}
<sup>2</sup>
</span>
</li>
<li>
<h4 class="card-info-title">Chambres</h4>
<span>{{ annonce.nbchambre }}</span>
</li>
<li>
<h4 class="card-info-title">S.D.B</h4>
<span>{{ annonce.nbsdb }}</span>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
{% endif %}
{% set n =n+1 %}
{% else %}
<div class="row" style=" margin-left: auto;
margin-right: auto;">
<div id="contenedor_busqueda_fallida" style="padding: 0 12.5px;
width: 100%;
margin: 100px auto;
max-width: 1165px;
margin: 0 auto;
position: relative;
overflow: hidden;
padding: 0 12.5px;
position: relative;
width: 100%;">
<div class="busqueda">
<img style="width: 250px; height: 200px;" src="{{ asset('image/no_results_found.svg') }}" alt="">
<div class="text_fail_busqueda">
<p class="title">Aucun résultat trouvé</p>
</div>
</div>
</div>
</div>
{% endfor %}
</div>
</div>
<div class="propery-carousel-pagination carousel-pagination"></div>
</div>
</section><!-- End Latest Properties Section -->
</main>
{% endblock %}