<?php
use Twig\Environment;
use Twig\Error\LoaderError;
use Twig\Error\RuntimeError;
use Twig\Extension\SandboxExtension;
use Twig\Markup;
use Twig\Sandbox\SecurityError;
use Twig\Sandbox\SecurityNotAllowedTagError;
use Twig\Sandbox\SecurityNotAllowedFilterError;
use Twig\Sandbox\SecurityNotAllowedFunctionError;
use Twig\Source;
use Twig\Template;
/* home.html.twig */
class __TwigTemplate_2cd7ea8d7cac2abd7bb5dafba1c43b5537b3a69d0a167f187208c5272746580a extends Template
{
private $source;
private $macros = [];
public function __construct(Environment $env)
{
parent::__construct($env);
$this->source = $this->getSourceContext();
$this->blocks = [
'title' => [$this, 'block_title'],
'metaDescription' => [$this, 'block_metaDescription'],
'body' => [$this, 'block_body'],
];
}
protected function doGetParent(array $context)
{
// line 1
return "base.html.twig";
}
protected function doDisplay(array $context, array $blocks = [])
{
$macros = $this->macros;
$__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
$__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "home.html.twig"));
$__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
$__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "home.html.twig"));
// line 2
$context["page"] = "homepage";
// line 1
$this->parent = $this->loadTemplate("base.html.twig", "home.html.twig", 1);
$this->parent->display($context, array_merge($this->blocks, $blocks));
$__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
$__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
}
// line 4
public function block_title($context, array $blocks = [])
{
$macros = $this->macros;
$__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
$__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "title"));
$__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
$__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "title"));
echo "Accueil";
$__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
$__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
}
// line 5
public function block_metaDescription($context, array $blocks = [])
{
$macros = $this->macros;
$__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
$__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "metaDescription"));
$__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
$__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "metaDescription"));
// line 6
echo " ";
$context["headerContent"] = $this->extensions['App\Twig\ContentExtension']->Content("Home", "Header");
// line 7
echo " <meta name=\"description\" content=\"
";
// line 8
if (twig_get_attribute($this->env, $this->source, ($context["headerContent"] ?? null), "content", [], "any", true, true, false, 8)) {
// line 9
echo " ";
echo twig_escape_filter($this->env, twig_striptags(twig_get_attribute($this->env, $this->source, (isset($context["headerContent"]) || array_key_exists("headerContent", $context) ? $context["headerContent"] : (function () { throw new RuntimeError('Variable "headerContent" does not exist.', 9, $this->source); })()), "content", [], "any", false, false, false, 9)), "html", null, true);
echo "
";
} else {
// line 11
echo " Tracol Immobilier propose une large offre en immobilier neuf (logements, bureaux, commerces), qui se caractérise par une architecture résolument contemporaine, des matériaux de qualité, et le soin apporté à chaque détail.
";
}
// line 13
echo " \">
";
$__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
$__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
}
// line 16
public function block_body($context, array $blocks = [])
{
$macros = $this->macros;
$__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
$__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));
$__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
$__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));
// line 17
echo "
";
// line 18
$context["headerContent"] = $this->extensions['App\Twig\ContentExtension']->Content("Home", "Header");
// line 19
echo "
";
// line 20
if ((twig_get_attribute($this->env, $this->source, ($context["headerContent"] ?? null), "picture", [], "any", true, true, false, 20) && !twig_test_empty(twig_get_attribute($this->env, $this->source, (isset($context["headerContent"]) || array_key_exists("headerContent", $context) ? $context["headerContent"] : (function () { throw new RuntimeError('Variable "headerContent" does not exist.', 20, $this->source); })()), "picture", [], "any", false, false, false, 20)))) {
// line 21
echo " ";
$context["backgroundImage"] = twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, (isset($context["headerContent"]) || array_key_exists("headerContent", $context) ? $context["headerContent"] : (function () { throw new RuntimeError('Variable "headerContent" does not exist.', 21, $this->source); })()), "picture", [], "any", false, false, false, 21), 0, [], "array", false, false, false, 21), "path", [], "any", false, false, false, 21);
// line 22
echo " ";
} else {
// line 23
echo " ";
$context["backgroundImage"] = "empty";
// line 24
echo " ";
}
// line 25
echo "
<header class=\"header-home\" style=\"background-image:url(";
// line 26
if (twig_test_empty((isset($context["backgroundImage"]) || array_key_exists("backgroundImage", $context) ? $context["backgroundImage"] : (function () { throw new RuntimeError('Variable "backgroundImage" does not exist.', 26, $this->source); })()))) {
echo "'/uploads/images/";
echo twig_escape_filter($this->env, (isset($context["backgroundImage"]) || array_key_exists("backgroundImage", $context) ? $context["backgroundImage"] : (function () { throw new RuntimeError('Variable "backgroundImage" does not exist.', 26, $this->source); })()), "html", null, true);
echo "'";
} else {
echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("tracol_home.jpeg"), "html", null, true);
}
echo ")\">
<div class=\"container-fluid\">
<div class=\"px-4 py-5 text-center\">
<div id=\"block-header-home\" class=\"col-lg-12\">
";
// line 30
if (twig_get_attribute($this->env, $this->source, ($context["headerContent"] ?? null), "content", [], "any", true, true, false, 30)) {
// line 31
echo " <div id=\"svg-header\" class=\"col-lg-8 div-svg-header \">
<svg id=\"svg-home\" xmlns=\"http://www.w3.org/2000/svg\" width=\"9.089\" height=\"14.77\" viewBox=\"0 0 9.089 14.77\">
<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\"/>
</svg>
</div>
<div class=\"col-lg-8 div-svg-header home-p\">
<p id=\"header-text-home\" class=\"header-text\">";
// line 37
echo twig_get_attribute($this->env, $this->source, (isset($context["headerContent"]) || array_key_exists("headerContent", $context) ? $context["headerContent"] : (function () { throw new RuntimeError('Variable "headerContent" does not exist.', 37, $this->source); })()), "content", [], "any", false, false, false, 37);
echo "</p>
</div>
";
}
// line 40
echo " ";
// line 158
echo "
</div>
</div>
</div>
</header>
<div class=\"container-fluid\">
<section class=\"project\">
";
// line 166
$context["projectContent"] = $this->extensions['App\Twig\ContentExtension']->Content("Home", "Projects");
// line 167
echo " <div id=\"home-section\" class=\"col-lg-8 mx-auto div-svg-header pre-section\">
<div class=\"home-section-title col-lg-5\" style=\"font-size: 2.3em;display: flex;flex-direction: column;\">
<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\">
<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\"/>
</svg>
<h1 class=\"project-title\">";
// line 172
if (twig_get_attribute($this->env, $this->source, ($context["projectContent"] ?? null), "name", [], "any", true, true, false, 172)) {
echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["projectContent"]) || array_key_exists("projectContent", $context) ? $context["projectContent"] : (function () { throw new RuntimeError('Variable "projectContent" does not exist.', 172, $this->source); })()), "name", [], "any", false, false, false, 172), "html", null, true);
} else {
echo "Nos projets";
}
echo "</h1>
</div>
";
// line 187
echo "
</div>
</section>
<section class=\"properties\" style=\"margin-bottom: 40px\">
";
// line 205
echo "
";
// line 223
echo "
<div id=\"projects\" class=\"col-lg-8 mx-auto\" style=\"display: flex; flex-wrap: wrap; justify-content: space-between\">
";
// line 225
$context['_parent'] = $context;
$context['_seq'] = twig_ensure_traversable(twig_slice($this->env, (isset($context["projects"]) || array_key_exists("projects", $context) ? $context["projects"] : (function () { throw new RuntimeError('Variable "projects" does not exist.', 225, $this->source); })()), 0, 4));
foreach ($context['_seq'] as $context["_key"] => $context["project"]) {
// line 226
echo " <div onclick=\"location.href='";
echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("project-detail", ["id" => twig_get_attribute($this->env, $this->source, $context["project"], "id", [], "any", false, false, false, 226)]), "html", null, true);
echo "'\" data-id=\"";
echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("project-detail", ["id" => twig_get_attribute($this->env, $this->source, $context["project"], "id", [], "any", false, false, false, 226)]), "html", null, true);
echo "\" id=\"width-col-6-home\" class=\"col-lg-6 margin-top-30\" style=\"position: relative; cursor: pointer\">
";
// line 247
echo " <div class=\"tag-ref-projet-3\"><span class=\"text-tag-ref\">";
echo twig_escape_filter($this->env, $this->extensions['App\Twig\ContentExtension']->typeProject(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["project"], "construction", [], "any", false, false, false, 247), "construction_step", [], "any", false, false, false, 247)), "html", null, true);
echo "</span></div>
";
// line 248
if ( !twig_test_empty(twig_get_attribute($this->env, $this->source, $context["project"], "pictures", [], "any", false, false, false, 248))) {
// line 249
echo " ";
$context['_parent'] = $context;
$context['_seq'] = twig_ensure_traversable(twig_slice($this->env, twig_get_attribute($this->env, $this->source, $context["project"], "pictures", [], "any", false, false, false, 249), 0, 1));
foreach ($context['_seq'] as $context["_key"] => $context["picture"]) {
// line 250
echo " <div class=\"img\" style=\"background-image: url('";
echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["picture"], "url", [], "any", false, false, false, 250), "html", null, true);
echo "'); margin: 0px;\">
</div>
";
}
$_parent = $context['_parent'];
unset($context['_seq'], $context['_iterated'], $context['_key'], $context['picture'], $context['_parent'], $context['loop']);
$context = array_intersect_key($context, $_parent) + $_parent;
// line 253
echo " ";
} else {
// line 254
echo " <div class=\"img\" style=\"background-image: url('";
echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("build/Maisons_H_R1.jpg"), "html", null, true);
echo "'); margin: 0px;\"></div>
";
}
// line 256
echo " <p class=\"city\">";
echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["project"], "city", [], "any", false, false, false, 256), "name", [], "any", false, false, false, 256), "html", null, true);
echo "</p>
<p class=\"project-name\">";
// line 257
echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["project"], "name", [], "any", false, false, false, 257), "html", null, true);
echo "</p>
</div>
";
}
$_parent = $context['_parent'];
unset($context['_seq'], $context['_iterated'], $context['_key'], $context['project'], $context['_parent'], $context['loop']);
$context = array_intersect_key($context, $_parent) + $_parent;
// line 260
echo " </div>
<div class=\"col-lg-8 mx-auto projects-link-mobile\" style=\"display: none\">
<a href=\"";
// line 262
echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("projects");
echo "\" class=\"property-span-arrow\">VOIR TOUS NOS PROJETS
<i class=\"fas fa-arrow-right property-arrow\"></i>
</a>
</div>
<div id=\"link-none\" class=\"col-lg-8 mx-auto div-svg-header d-flex justify-content-end\">
<div>
<a id=\"link-none-a d-flex\" class=\"property-span-arrow\" href=\"";
// line 268
echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("projects");
echo "\">Découvrir plus
<svg class=\"svg-inline--fa fa-arrow-right fa-w-14 property-arrow\" aria-hidden=\"true\" focusable=\"false\" data-prefix=\"fas\" data-icon=\"arrow-right\" role=\"img\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448 512\" data-fa-i2svg=\"\"><path fill=\"currentColor\" d=\"M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z\"></path></svg><!-- <i class=\"fas fa-arrow-right property-arrow\"></i> Font Awesome fontawesome.com -->
</a>
</div>
</div>
</section>
<section class=\"available-properties\">
<div id=\"home-section\" class=\"col-lg-8 mx-auto div-svg-header pre-section\">
<div class=\"home-section-title col-lg-8\" style=\"font-size: 2.3em;display: flex;flex-direction: column;\">
<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\">
<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\"/>
</svg>
<h1 class=\"project-title\">Nos biens disponibles</h1>
</div>
";
// line 297
echo " </div>
<div id=\"projects\" class=\"col-lg-8 mx-auto\" style=\"display: flex; flex-wrap: wrap; justify-content: space-between\">
";
// line 300
$context['_parent'] = $context;
$context['_seq'] = twig_ensure_traversable(twig_slice($this->env, (isset($context["salesProperties"]) || array_key_exists("salesProperties", $context) ? $context["salesProperties"] : (function () { throw new RuntimeError('Variable "salesProperties" does not exist.', 300, $this->source); })()), 0, 4));
foreach ($context['_seq'] as $context["_key"] => $context["project"]) {
// line 301
echo " <div onclick=\"location.href='";
echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("property-detail", ["id" => twig_get_attribute($this->env, $this->source, $context["project"], "id", [], "any", false, false, false, 301)]), "html", null, true);
echo "'\" data-id=\"";
echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("property-detail", ["id" => twig_get_attribute($this->env, $this->source, $context["project"], "id", [], "any", false, false, false, 301)]), "html", null, true);
echo "\" id=\"width-col-6-home\" class=\"col-lg-6 margin-top-30\" style=\"position: relative; cursor: pointer\">
";
// line 303
echo " <div class=\"tag-ref-projet-3\"><span class=\"text-tag-ref\">";
echo twig_escape_filter($this->env, $this->extensions['App\Twig\ContentExtension']->typeProject(twig_get_attribute($this->env, $this->source, $context["project"], "step", [], "any", false, false, false, 303)), "html", null, true);
echo "</span></div>
";
// line 304
if ( !twig_test_empty(twig_get_attribute($this->env, $this->source, $context["project"], "pictures", [], "any", false, false, false, 304))) {
// line 305
echo " ";
$context['_parent'] = $context;
$context['_seq'] = twig_ensure_traversable(twig_slice($this->env, twig_get_attribute($this->env, $this->source, $context["project"], "pictures", [], "any", false, false, false, 305), 0, 1));
foreach ($context['_seq'] as $context["_key"] => $context["picture"]) {
// line 306
echo " <div class=\"img\" style=\"background-image: url('";
echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["picture"], "url", [], "any", false, false, false, 306), "html", null, true);
echo "'); margin: 0px;\">
</div>
";
}
$_parent = $context['_parent'];
unset($context['_seq'], $context['_iterated'], $context['_key'], $context['picture'], $context['_parent'], $context['loop']);
$context = array_intersect_key($context, $_parent) + $_parent;
// line 309
echo " ";
} else {
// line 310
echo " <div class=\"img\" style=\"background-image: url('";
echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("build/Maisons_H_R1.jpg"), "html", null, true);
echo "'); margin: 0px;\"></div>
";
}
// line 312
echo " <p class=\"city\">";
echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["project"], "city", [], "any", false, false, false, 312), "name", [], "any", false, false, false, 312), "html", null, true);
echo "</p>
<p class=\"project-name\">";
// line 313
echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["project"], "reference", [], "any", false, false, false, 313), "html", null, true);
echo "</p>
</div>
";
}
$_parent = $context['_parent'];
unset($context['_seq'], $context['_iterated'], $context['_key'], $context['project'], $context['_parent'], $context['loop']);
$context = array_intersect_key($context, $_parent) + $_parent;
// line 316
echo " </div>
<div class=\"col-lg-8 mx-auto projects-link-mobile\" style=\"display: none\">
<a href=\"/biens/vente\" class=\"property-span-arrow\">VOIR TOUS NOS BIENS
<i class=\"fas fa-arrow-right property-arrow\"></i>
</a>
</div>
<div id=\"link-none\" class=\"col-lg-8 mx-auto div-svg-header d-flex justify-content-end\">
<div>
<a id=\"link-none-a d-flex\" class=\"property-span-arrow\" href=\"";
// line 324
echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("projects");
echo "\">Découvrir plus
<svg class=\"svg-inline--fa fa-arrow-right fa-w-14 property-arrow\" aria-hidden=\"true\" focusable=\"false\" data-prefix=\"fas\" data-icon=\"arrow-right\" role=\"img\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448 512\" data-fa-i2svg=\"\"><path fill=\"currentColor\" d=\"M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z\"></path></svg><!-- <i class=\"fas fa-arrow-right property-arrow\"></i> Font Awesome fontawesome.com -->
</a>
</div>
</div>
</section>
<section class=\"reference\">
";
// line 334
$context["referenceContent"] = $this->extensions['App\Twig\ContentExtension']->Content("Home", "References");
// line 335
echo " <div class=\"col-lg-8 mx-auto div-svg-header\" style=\"display: flex; margin-top: 30px\">
<div class=\"col-lg-5\">
<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9.089\" height=\"14.77\" viewBox=\"0 0 9.089 14.77\">
<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\"/>
</svg>
<h1 class=\"project-title\">
";
// line 341
if ((twig_get_attribute($this->env, $this->source, ($context["referenceContent"] ?? null), "name", [], "any", true, true, false, 341) && twig_get_attribute($this->env, $this->source, (isset($context["referenceContent"]) || array_key_exists("referenceContent", $context) ? $context["referenceContent"] : (function () { throw new RuntimeError('Variable "referenceContent" does not exist.', 341, $this->source); })()), "name", [], "any", false, false, false, 341))) {
// line 342
echo " ";
echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["referenceContent"]) || array_key_exists("referenceContent", $context) ? $context["referenceContent"] : (function () { throw new RuntimeError('Variable "referenceContent" does not exist.', 342, $this->source); })()), "name", [], "any", false, false, false, 342), "html", null, true);
echo "
";
} else {
// line 344
echo " Nos références
";
}
// line 346
echo " </h1>
</div>
";
// line 360
echo "
</div>
";
// line 394
echo "
<div id=\"references-home\" class=\"col-lg-8\">
<div id=\"flick100\" class=\"flicking-viewport\">
<div class=\"flicking-camera\">
<div class=\"col-lg-12 ref-container\" style=\"display: flex; flex-wrap: wrap;\">
";
// line 400
$context['_parent'] = $context;
$context['_seq'] = twig_ensure_traversable(twig_slice($this->env, (isset($context["references"]) || array_key_exists("references", $context) ? $context["references"] : (function () { throw new RuntimeError('Variable "references" does not exist.', 400, $this->source); })()), 0, 4));
$context['loop'] = [
'parent' => $context['_parent'],
'index0' => 0,
'index' => 1,
'first' => true,
];
if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
$length = count($context['_seq']);
$context['loop']['revindex0'] = $length - 1;
$context['loop']['revindex'] = $length;
$context['loop']['length'] = $length;
$context['loop']['last'] = 1 === $length;
}
foreach ($context['_seq'] as $context["key"] => $context["reference"]) {
// line 401
echo "
<a href=\"";
// line 402
echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("property-detail", ["id" => twig_get_attribute($this->env, $this->source, $context["reference"], "id", [], "any", false, false, false, 402)]), "html", null, true);
echo "\" class=\"col-lg-6 col-md-12 ";
if ((0 === twig_compare((twig_get_attribute($this->env, $this->source, $context["loop"], "index", [], "any", false, false, false, 402) % 2), 0))) {
echo "padd-to-left";
} else {
echo "padd-to-right";
}
echo "\">
<div class=\"div-img-hover-2 ref-list\">
";
// line 424
echo "
";
// line 428
echo "
<div class=\"tag-ref\"><span class=\"text-tag-ref\">";
// line 429
echo twig_escape_filter($this->env, $this->extensions['App\Twig\ContentExtension']->getTypeReferences(twig_get_attribute($this->env, $this->source, $context["reference"], "type", [], "any", false, false, false, 429)), "html", null, true);
echo "</span></div>
";
// line 431
if ( !twig_test_empty(twig_get_attribute($this->env, $this->source, $context["reference"], "pictures", [], "any", false, false, false, 431))) {
// line 432
echo " ";
$context['_parent'] = $context;
$context['_seq'] = twig_ensure_traversable(twig_slice($this->env, twig_get_attribute($this->env, $this->source, $context["reference"], "pictures", [], "any", false, false, false, 432), 0, 1));
foreach ($context['_seq'] as $context["_key"] => $context["picture"]) {
// line 433
echo " <div class=\"img-tmp\" style=\"background-image: url(";
echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["picture"], "url", [], "any", false, false, false, 433), "html", null, true);
echo ");\"></div>
";
}
$_parent = $context['_parent'];
unset($context['_seq'], $context['_iterated'], $context['_key'], $context['picture'], $context['_parent'], $context['loop']);
$context = array_intersect_key($context, $_parent) + $_parent;
// line 435
echo " ";
} else {
// line 436
echo "
<div class=\"img-tmp\" style=\"background-image: url('build/Hudson_Ontario2.png');\"></div>
";
}
// line 439
echo " <p class=\"city\">";
echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["reference"], "city", [], "any", false, false, false, 439), "name", [], "any", false, false, false, 439), "html", null, true);
echo "</p>
<p class=\"project-name\">";
// line 440
echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["reference"], "reference", [], "any", false, false, false, 440), "html", null, true);
echo "</p>
</div>
</a>
<div class=\"lightbox\" id=\"modul-";
// line 445
echo twig_escape_filter($this->env, $context["key"], "html", null, true);
echo "\">
<div class=\"closer\"></div>
<div class=\"arrows left\">←</div>
<div class=\"arrows right\">→</div>
<div class=\"counter\">1/1</div>
<ul class=\"items\">
";
// line 451
$context['_parent'] = $context;
$context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, $context["reference"], "pictures", [], "any", false, false, false, 451));
foreach ($context['_seq'] as $context["_key"] => $context["picture"]) {
// line 452
echo " <li class=\"item\">
<img class=\"img\" src=\"";
// line 453
echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["picture"], "url", [], "any", false, false, false, 453), "html", null, true);
echo "\" alt=\"";
echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["reference"], "reference", [], "any", false, false, false, 453), "html", null, true);
echo "\" loading=\"lazy\">
</li>
";
}
$_parent = $context['_parent'];
unset($context['_seq'], $context['_iterated'], $context['_key'], $context['picture'], $context['_parent'], $context['loop']);
$context = array_intersect_key($context, $_parent) + $_parent;
// line 456
echo " </ul>
</div>
";
++$context['loop']['index0'];
++$context['loop']['index'];
$context['loop']['first'] = false;
if (isset($context['loop']['length'])) {
--$context['loop']['revindex0'];
--$context['loop']['revindex'];
$context['loop']['last'] = 0 === $context['loop']['revindex0'];
}
}
$_parent = $context['_parent'];
unset($context['_seq'], $context['_iterated'], $context['key'], $context['reference'], $context['_parent'], $context['loop']);
$context = array_intersect_key($context, $_parent) + $_parent;
// line 460
echo " </div>
<div id=\"link-none\" class=\"col-lg-12 mx-auto div-svg-header d-flex justify-content-end\">
<div>
<a id=\"link-none-a d-flex\" class=\"property-span-arrow\" href=\"";
// line 463
echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("reference");
echo "\">Découvrir plus
<svg class=\"svg-inline--fa fa-arrow-right fa-w-14 property-arrow\" aria-hidden=\"true\" focusable=\"false\" data-prefix=\"fas\" data-icon=\"arrow-right\" role=\"img\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448 512\" data-fa-i2svg=\"\"><path fill=\"currentColor\" d=\"M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z\"></path></svg><!-- <i class=\"fas fa-arrow-right property-arrow\"></i> Font Awesome fontawesome.com -->
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class=\"property-promotion\" style=\"background: #F7F7F7;padding:80px 0;\">
";
// line 474
$context["propertyContent"] = $this->extensions['App\Twig\ContentExtension']->Content("Home", "Biens");
// line 475
echo " <div id=\"home-sale\" class=\"col-lg-8 mx-auto div-svg-header\" style=\"display: flex; justify-content: space-between\">
<div id=\"property-content-p\" class=\"col-lg-5 property-content\" style=\"display: flex;flex-direction: column;justify-content:space-around; padding-right:20px;\">
<div class=\"col-lg-12\">
<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9.089\" height=\"14.77\" viewBox=\"0 0 9.089 14.77\">
<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\"/>
</svg>
<h1 class=\"property-name\">";
// line 481
if ((twig_get_attribute($this->env, $this->source, ($context["propertyContent"] ?? null), "name", [], "any", true, true, false, 481) && twig_get_attribute($this->env, $this->source, (isset($context["propertyContent"]) || array_key_exists("propertyContent", $context) ? $context["propertyContent"] : (function () { throw new RuntimeError('Variable "propertyContent" does not exist.', 481, $this->source); })()), "name", [], "any", false, false, false, 481))) {
echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["propertyContent"]) || array_key_exists("propertyContent", $context) ? $context["propertyContent"] : (function () { throw new RuntimeError('Variable "propertyContent" does not exist.', 481, $this->source); })()), "name", [], "any", false, false, false, 481), "html", null, true);
} else {
echo "Un bien à vendre ?";
}
echo "</h1>
</div>
";
// line 484
if ((twig_get_attribute($this->env, $this->source, ($context["propertyContent"] ?? null), "content", [], "any", true, true, false, 484) && twig_get_attribute($this->env, $this->source, (isset($context["propertyContent"]) || array_key_exists("propertyContent", $context) ? $context["propertyContent"] : (function () { throw new RuntimeError('Variable "propertyContent" does not exist.', 484, $this->source); })()), "content", [], "any", false, false, false, 484))) {
// line 485
echo " ";
echo twig_get_attribute($this->env, $this->source, (isset($context["propertyContent"]) || array_key_exists("propertyContent", $context) ? $context["propertyContent"] : (function () { throw new RuntimeError('Variable "propertyContent" does not exist.', 485, $this->source); })()), "content", [], "any", false, false, false, 485);
echo "
";
} else {
// line 487
echo " <p>Réaliser l’estimation d’une maison, d’un appartement ou d’un terrain, c’est un métier. Grâce à nos
experts immobiliers, vous fixez le juste prix. Ensuite, ils vous accompagnent dans toutes les étapes,
jusqu’à la vente de votre bien.
<br>
<br>
Vous souhaitez connaître la valeur marchande de votre bien immobilier ? Contactez-nous pour
convenir d’un rendez-vous avec l’un de nos conseillers.</p>
";
}
// line 496
echo "
<div class=\"see-video-bottom\" style=\"display: flex; align-content: center\">
<a id=\"contact-link\" class=\"property-span-arrow\" href=\"";
// line 498
echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("contact");
echo "\">CONTACTEZ-NOUS
<i class=\"fas fa-arrow-right property-arrow\"></i>
</a>
</div>
";
// line 532
echo "
</div>
";
// line 541
echo "
<div class=\"home-sale-img col-lg-6\" style=\"margin:0;position: relative; background-image: url(";
// line 542
echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("img/img_bien_a_vendre.jpg"), "html", null, true);
echo ")\">
</div>
</div>
</section>
";
// line 555
echo "
<section class=\"numbers\" style=\"margin-bottom: 50px\">
";
// line 558
$context["numbersContent1"] = $this->extensions['App\Twig\ContentExtension']->Content("Home", "Chiffres-1");
// line 559
echo " ";
$context["numbersContent2"] = $this->extensions['App\Twig\ContentExtension']->Content("Home", "Chiffres-2");
// line 560
echo " ";
$context["numbersContent3"] = $this->extensions['App\Twig\ContentExtension']->Content("Home", "Chiffres-3");
// line 561
echo " ";
$context["numbersContent4"] = $this->extensions['App\Twig\ContentExtension']->Content("Home", "Chiffres-4");
// line 562
echo "
<div class=\"col-lg-8 mx-auto div-svg-header\" style=\"display: flex;\">
<div class=\"col-lg-8\">
<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9.089\" height=\"14.77\" viewBox=\"0 0 9.089 14.77\">
<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\"/>
</svg>
";
// line 568
if (twig_get_attribute($this->env, $this->source, ($context["numbersContent1"] ?? null), "name", [], "any", true, true, false, 568)) {
echo "<h1 class=\"property-name\">";
echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["numbersContent1"]) || array_key_exists("numbersContent1", $context) ? $context["numbersContent1"] : (function () { throw new RuntimeError('Variable "numbersContent1" does not exist.', 568, $this->source); })()), "name", [], "any", false, false, false, 568), "html", null, true);
echo "</h1>";
} else {
echo "<h1 class=\"property-name\">QUELQUES CHIFFRES</h1>";
}
// line 569
echo " </div>
</div>
<div class=\"col-lg-8 mx-auto div-svg-header\" style=\"display: flex; align-items: center\">
<div id=\"flick1\" class=\"flicking-viewport\" style=\"display: flex; justify-content: center\">
<div class=\"flicking-camera\" style=\"align-items: flex-start; justify-content: flex-start;\">
";
// line 574
if (twig_get_attribute($this->env, $this->source, ($context["numbersContent1"] ?? null), "content", [], "any", true, true, false, 574)) {
// line 575
echo " <div class=\"number-content constr\" style=\"display: flex; flex-direction: column; align-items: center; justify-content: center\">
";
// line 576
echo twig_get_attribute($this->env, $this->source, (isset($context["numbersContent1"]) || array_key_exists("numbersContent1", $context) ? $context["numbersContent1"] : (function () { throw new RuntimeError('Variable "numbersContent1" does not exist.', 576, $this->source); })()), "content", [], "any", false, false, false, 576);
echo "
</div>
";
} else {
// line 579
echo " <div class=\"number-content comm\" style=\"display: flex; flex-direction: column; align-items: center; justify-content: center\">
<p>Environ</p>
<h2><strong class=\"count\">0</strong></h2>
<p>logements</p>
<p><strong>commercialisés </strong>(par an)</p>
</div>
";
}
// line 586
echo " ";
if (twig_get_attribute($this->env, $this->source, ($context["numbersContent1"] ?? null), "content", [], "any", true, true, false, 586)) {
// line 587
echo " <div class=\"separator\"></div>
<div class=\"number-content comm\" style=\"display: flex; flex-direction: column; align-items: center; justify-content: center\">
";
// line 589
echo twig_get_attribute($this->env, $this->source, (isset($context["numbersContent2"]) || array_key_exists("numbersContent2", $context) ? $context["numbersContent2"] : (function () { throw new RuntimeError('Variable "numbersContent2" does not exist.', 589, $this->source); })()), "content", [], "any", false, false, false, 589);
echo "
</div>
";
} else {
// line 592
echo " <div class=\"separator\"></div>
<div class=\"number-content comm\" style=\"display: flex; flex-direction: column; align-items: center; justify-content: center\">
<p>Environ</p>
<h2><strong class=\"count\">0</strong></h2>
<p>logements</p>
<p><strong>commercialisés </strong>(par an)</p>
</div>
";
}
// line 600
echo " ";
if (twig_get_attribute($this->env, $this->source, ($context["numbersContent1"] ?? null), "content", [], "any", true, true, false, 600)) {
// line 601
echo " <div class=\"separator\"></div>
<div class=\"number-content porte\" style=\"display: flex; flex-direction: column; align-items: center; justify-content: center\">
";
// line 603
echo twig_get_attribute($this->env, $this->source, (isset($context["numbersContent3"]) || array_key_exists("numbersContent3", $context) ? $context["numbersContent3"] : (function () { throw new RuntimeError('Variable "numbersContent3" does not exist.', 603, $this->source); })()), "content", [], "any", false, false, false, 603);
echo "
</div>
";
} else {
// line 606
echo " <div class=\"separator\"></div>
<div class=\"number-content comm\" style=\"display: flex; flex-direction: column; align-items: center; justify-content: center\">
<p>Environ</p>
<h2><strong class=\"count\">0</strong></h2>
<p>logements</p>
<p><strong>commercialisés </strong>(par an)</p>
</div>
";
}
// line 614
echo " ";
if (twig_get_attribute($this->env, $this->source, ($context["numbersContent1"] ?? null), "content", [], "any", true, true, false, 614)) {
// line 615
echo " <div class=\"separator\"></div>
<div class=\"number-content coll\" style=\"display: flex; flex-direction: column; align-items: center; justify-content: center\">
";
// line 617
echo twig_get_attribute($this->env, $this->source, (isset($context["numbersContent4"]) || array_key_exists("numbersContent4", $context) ? $context["numbersContent4"] : (function () { throw new RuntimeError('Variable "numbersContent4" does not exist.', 617, $this->source); })()), "content", [], "any", false, false, false, 617);
echo "
</div>
";
} else {
// line 620
echo " <div class=\"separator\"></div>
<div class=\"number-content comm\" style=\"display: flex; flex-direction: column; align-items: center; justify-content: center\">
<p>Environ</p>
<h2><strong class=\"count\">0</strong></h2>
<p>logements</p>
<p><strong>commercialisés </strong>(par an)</p>
</div>
";
}
// line 628
echo " </div>
</div>
</div>
</section>
</div>
<section class=\"newsletter\">
<div class=\"col-lg-8 row m-auto\">
<div class=\"col-lg-6\">
<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9.089\" height=\"14.77\" viewBox=\"0 0 9.089 14.77\">
<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=\"#fff\"/>
</svg>
<h1 class=\"property-name\">Inscrivez-vous à<br> notre newsletter</h1>
</div>
<div class=\"col-lg-4\">
<div id=\"div-form-newsletter\">
<span id=\"span-newsletter\">Recevez nos dernières actualités.</span>
<form action=\"";
// line 645
echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("mailchimp");
echo "\" id=\"form-newsletter\">
<div class=\"input-group mt-2\">
<input id=\"input-email\" class=\"form-control input-email\" type=\"email\" name=\"email\" placeholder=\"Votre adresse mail\">
<button class=\"btn btn-primary button-newsletter\" type=\"submit\"><i class=\"fas fa-arrow-right\"></i></button>
</div>
</form>
</div>
</div>
</div>
</section>
<!-- Modal HTML -->
<div id=\"video\" class=\"modal fade\">
<div class=\"modal-dialog\">
<div class=\"modal-content\">
<div class=\"modal-header\">
<button type=\"button\" class=\"close\" data-dismiss=\"modal\">×</button>
</div>
<div class=\"modal-body\">
<div class=\"embed-responsive embed-responsive-16by9\">
<iframe id=\"cartoonVideo\" class=\"embed-responsive-item\" width=\"560\" height=\"315\" src=\"https://youtu.be/8zFDrIoLoCQ\" allowfullscreen></iframe>
</div>
</div>
</div>
</div>
</div>
<!-- Modal -->
";
// line 676
echo "
";
// line 678
echo "
";
// line 690
echo "
";
// line 695
echo "
";
$__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
$__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
}
public function getTemplateName()
{
return "home.html.twig";
}
public function isTraitable()
{
return false;
}
public function getDebugInfo()
{
return array ( 837 => 695, 834 => 690, 831 => 678, 828 => 676, 797 => 645, 778 => 628, 768 => 620, 762 => 617, 758 => 615, 755 => 614, 745 => 606, 739 => 603, 735 => 601, 732 => 600, 722 => 592, 716 => 589, 712 => 587, 709 => 586, 700 => 579, 694 => 576, 691 => 575, 689 => 574, 682 => 569, 674 => 568, 666 => 562, 663 => 561, 660 => 560, 657 => 559, 655 => 558, 650 => 555, 641 => 542, 638 => 541, 634 => 532, 626 => 498, 622 => 496, 611 => 487, 605 => 485, 603 => 484, 593 => 481, 585 => 475, 583 => 474, 569 => 463, 564 => 460, 547 => 456, 536 => 453, 533 => 452, 529 => 451, 520 => 445, 512 => 440, 507 => 439, 502 => 436, 499 => 435, 490 => 433, 485 => 432, 483 => 431, 478 => 429, 475 => 428, 472 => 424, 461 => 402, 458 => 401, 441 => 400, 433 => 394, 428 => 360, 424 => 346, 420 => 344, 414 => 342, 412 => 341, 404 => 335, 402 => 334, 389 => 324, 379 => 316, 370 => 313, 365 => 312, 359 => 310, 356 => 309, 346 => 306, 341 => 305, 339 => 304, 334 => 303, 327 => 301, 323 => 300, 318 => 297, 299 => 268, 290 => 262, 286 => 260, 277 => 257, 272 => 256, 266 => 254, 263 => 253, 253 => 250, 248 => 249, 246 => 248, 241 => 247, 234 => 226, 230 => 225, 226 => 223, 223 => 205, 215 => 187, 206 => 172, 199 => 167, 197 => 166, 187 => 158, 185 => 40, 179 => 37, 171 => 31, 169 => 30, 156 => 26, 153 => 25, 150 => 24, 147 => 23, 144 => 22, 141 => 21, 139 => 20, 136 => 19, 134 => 18, 131 => 17, 121 => 16, 110 => 13, 106 => 11, 100 => 9, 98 => 8, 95 => 7, 92 => 6, 82 => 5, 63 => 4, 52 => 1, 50 => 2, 37 => 1,);
}
public function getSourceContext()
{
return new Source("{% extends 'base.html.twig' %}
{% set page = 'homepage' %}
{% block title %}Accueil{% endblock %}
{% block metaDescription %}
{% set headerContent = content('Home', 'Header') %}
<meta name=\"description\" content=\"
{% if headerContent.content is defined %}
{{ headerContent.content|striptags }}
{% else %}
Tracol Immobilier propose une large offre en immobilier neuf (logements, bureaux, commerces), qui se caractérise par une architecture résolument contemporaine, des matériaux de qualité, et le soin apporté à chaque détail.
{% endif %}
\">
{% endblock %}
{% block body %}
{% set headerContent = content('Home', 'Header') %}
{% if headerContent.picture is defined and headerContent.picture is not empty %}
{% set backgroundImage = headerContent.picture[0].path %}
{% else %}
{% set backgroundImage = 'empty' %}
{% endif %}
<header class=\"header-home\" style=\"background-image:url({% if backgroundImage is empty %}'/uploads/images/{{ backgroundImage }}'{% else %}{{ asset('tracol_home.jpeg') }}{% endif %})\">
<div class=\"container-fluid\">
<div class=\"px-4 py-5 text-center\">
<div id=\"block-header-home\" class=\"col-lg-12\">
{% if headerContent.content is defined %}
<div id=\"svg-header\" class=\"col-lg-8 div-svg-header \">
<svg id=\"svg-home\" xmlns=\"http://www.w3.org/2000/svg\" width=\"9.089\" height=\"14.77\" viewBox=\"0 0 9.089 14.77\">
<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\"/>
</svg>
</div>
<div class=\"col-lg-8 div-svg-header home-p\">
<p id=\"header-text-home\" class=\"header-text\">{{ headerContent.content|raw }}</p>
</div>
{% endif %}
{#
<div name=\"form-search-normal\" id=\"form-search-normal\" class=\"div-svg-header\">
<form action=\"{{ path('results') }}\" style=\"display: flex; align-items: center; width: 100%\">
<div style=\"display: flex;flex-direction: column;justify-content: center; width: 66.666vw;\">
<div class=\"selectors\" style=\"display: flex; align-items: center; width: auto;\">
<div id=\"transaction-drop\" class=\"dropdown\">
<div class=\"undroped\">
<p class=\"undroped-header\">Type de transaction</p>
<p name=\"transaction-type\" class=\"undroped-subheader\">Achat ou Location</p>
<input type=\"hidden\" value=\"\" class=\"input-subheader\" name=\"transaction-type\">
</div>
<div class=\"droped\">
<div class=\"dropdown-header\">Type de transaction</div>
<ul id=\"transaction-li\" class=\"items\">
<li class=\"item\" data-value =\"Vente\">Achat</li>
<li class=\"item\" data-value =\"Location\">Location</li>
<li class=\"item\" data-value =\"Location saisonnière\">Location saisonniere</li>
<li class=\"item\" data-value =\"Programme\">Programme</li>
<li class=\"item\" data-value =\"Viager\">Viager</li>
<li class=\"item\" data-value =\"Enchere\">Enchère</li>
</ul>
</div>
</div>
<div id=\"property-drop\" class=\"dropdown\">
<div class=\"undroped\">
<p class=\"undroped-header\">Type de biens</p>
<p name=\"property-type\" class=\"undroped-subheader\">Appartement, Bureau, ...</p>
<input type=\"hidden\" value=\"\" class=\"input-subheader\" name=\"property-type\">
</div>
<div class=\"droped\">
<div class=\"dropdown-header\">Type de biens</div>
<ul id=\"property-li\" class=\"items\">
<li class=\"item\" data-value =\"Appartement\">Appartements</li>
<li class=\"item\" data-value =\"Bureaux\">Bureaux</li>
<li class=\"item\" data-value =\"Maison\">Maisons</li>
<li class=\"item\" data-value =\"Commerce\">Commerces</li>
<li class=\"item\" data-value =\"Garage / Parking\">Garages / Parkings</li>
<li class=\"item\" data-value =\"Immeuble\">Immeubles</li>
</ul>
</div>
</div>
<div id=\"location-drop\" class=\"dropdown\">
<div class=\"undroped\">
<p class=\"undroped-header\">Localisation</p>
<p class=\"undroped-subheader\">Choissisez une ville</p>
<input type=\"hidden\" value=\"\" class=\"input-subheader\" name=\"location\">
</div>
<div class=\"droped\">
<div class=\"dropdown-header\">Localisation</div>
<ul id=\"location-li\" class=\"items\">
<li class=\"item\" data-value =\"Appartement\">Luxembourg-Ville</li>
<li class=\"item\" data-value =\"Bureaux\">Leudelange</li>
<li class=\"item\" data-value =\"Maison\">Esch-Sur-Alzette</li>
</ul>
</div>
</div>
<div class=\"div-form\">
<button id=\"search-detail\" class=\"btn btn-primary child search\">RECHERCHE AVANCEE</button>
</div>
<div>
<button style=\"background-color: transparent;border-color: transparent;\" id=\"submit-search\" type=\"submit\">
<svg class=\"search-button\" xmlns=\"http://www.w3.org/2000/svg\" width=\"55.982\" height=\"90.97\" viewBox=\"0 0 55.982 90.97\">
<g id=\"Groupe_3817\" data-name=\"Groupe 3817\" transform=\"translate(-1528.861 -105)\">
<path id=\"Tracé_95\" data-name=\"Tracé 95\" d=\"M729.651,232.441H673.669v90.97l55.982-11.894Z\" transform=\"translate(855.192 -127.441)\" fill=\"#f6a400\"/>
<g id=\"Groupe_3794\" data-name=\"Groupe 3794\" transform=\"translate(1545.335 126.696)\">
<g id=\"np_search_1868241_000000\">
<path id=\"Tracé_92\" data-name=\"Tracé 92\" d=\"M8.287,17.368A8.662,8.662,0,1,1,14.4,14.813a8.679,8.679,0,0,1-6.109,2.555Zm0-15.055a6.36,6.36,0,1,0,4.477,1.881A6.377,6.377,0,0,0,8.287,2.313Z\" transform=\"translate(0.441 -0.012)\" fill=\"#fff\"/>
<path id=\"Tracé_93\" data-name=\"Tracé 93\" d=\"M57.82,59.567l1.626-1.633L67.4,65.852l-1.626,1.633Z\" transform=\"translate(-44.591 -44.782)\" fill=\"#fff\"/>
</g>
</g>
</g>
</svg></button>
<button class=\"btn btn-primary\" id=\"send\" type=\"submit\" style=\"display: none\">Envoyer</button>
</div>
</div>
<div id=\"sub-search-div\" class=\"sub-search-div\" style=\"display: none\">
<div class=\"col-lg-3 div-form\">
<input class=\"sub-search-input\" name=\"budget\" id=\"budget\" type=\"text\" placeholder=\"Budget max.\">
</div>
<div id=\"rooms-drop\" class=\"dropdown\">
<div class=\"undroped\">
<p class=\"undroped-header transparent-font\">Nombre de chambres</p>
<p class=\"undroped-subheader good-place\"></p>
<input type=\"hidden\" class=\"input-subheader\" name=\"rooms\">
</div>
<div class=\"droped\">
<div class=\"dropdown-header\">Nombre de chambres</div>
<ul id=\"rooms-li\" class=\"items\">
<li class=\"item\" data-value =\"1\">1</li>
<li class=\"item\" data-value =\"2\">2</li>
<li class=\"item\" data-value =\"3\">3</li>
<li class=\"item\" data-value =\"4\">4</li>
<li class=\"item\" data-value =\"5\">5</li>
<li class=\"item\" data-value =\"6\">6</li>
</ul>
</div>
</div>
<div class=\"col-lg-3 div-form\">
<input class=\"sub-search-input\" id=\"area-minimumm\" name=\"area-minimumm\" type=\"text\" placeholder=\"Surface minimum.\">
</div>
</div>
</div>
</form>
</div>
#}
</div>
</div>
</div>
</header>
<div class=\"container-fluid\">
<section class=\"project\">
{% set projectContent = content('Home', 'Projects') %}
<div id=\"home-section\" class=\"col-lg-8 mx-auto div-svg-header pre-section\">
<div class=\"home-section-title col-lg-5\" style=\"font-size: 2.3em;display: flex;flex-direction: column;\">
<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\">
<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\"/>
</svg>
<h1 class=\"project-title\">{% if projectContent.name is defined %}{{ projectContent.name }}{% else %}Nos projets{% endif %}</h1>
</div>
{#
<div class=\"separator\"></div>
<div class=\"pre-section-content col-md-6\">
{% if projectContent.content is defined %}
{{ projectContent.content|raw }}
{% else %}
Fort de plusieurs années d’expérience, Tracol Immobilier propose des projets adaptés aux
besoins de chacun. Répondant aux plus hautes exigences et s’inscrivant dans le temps, ils se
caractérisent par une architecture résolument contemporaine, des matériaux de qualité et le
soin apporté à chaque détail.
{% endif %}
</div>
#}
</div>
</section>
<section class=\"properties\" style=\"margin-bottom: 40px\">
{#
<div id=\"button-property\" class=\"col-lg-8 mx-auto div-svg-header\" style=\"display: flex; align-items: center\">
<button data-id=\"all\" class=\"btn btn-primary all border-radius projectButton\"><span class=\"span-all\">TOUS</span></button>
<button data-id=\"futur\" class=\"btn btn-primary come border-radius projectButton\"><span class=\"span-projects\">A VENIR</span></button>
<button data-id=\"construction\" class=\"btn btn-primary come border-radius projectButton\"><span class=\"span-projects\">EN COURS</span></button>
<div class=\"col-lg-6 projects-link\">
<a href=\"{{ path('projects') }}\" class=\"property-span-arrow\">VOIR TOUS NOS PROJETS
<i class=\"fas fa-arrow-right property-arrow\"></i>
</a>
</div>
</div>
#}
{#
<div id=\"button-property-mobile\" class=\"col-lg-8 mx-auto div-svg-header\" style=\"display: none; align-items: center\">
<div id=\"flick2\" class=\"flicking-viewport\">
<div class=\"flicking-camera\">
<button data-id=\"all\" class=\"btn btn-primary all border-radius projectButton\"><span class=\"span-all\">TOUS</span></button>
<button data-id=\"futur\" class=\"btn btn-primary come border-radius projectButton\"><span class=\"span-projects\">A VENIR</span></button>
<button data-id=\"construction\" class=\"btn btn-primary come border-radius projectButton\"><span class=\"span-projects\">EN COURS</span></button>
</div>
</div>
<div class=\"col-lg-8 projects-link\">
<a href=\"{{ path('projects') }}\" class=\"property-span-arrow\">VOIR TOUS NOS PROJETS
<i class=\"fas fa-arrow-right property-arrow\"></i>
</a>
</div>
</div>
#}
<div id=\"projects\" class=\"col-lg-8 mx-auto\" style=\"display: flex; flex-wrap: wrap; justify-content: space-between\">
{% for project in projects|slice(0,4) %}
<div onclick=\"location.href='{{ path('project-detail', {'id': project.id}) }}'\" data-id=\"{{ path('project-detail', {'id': project.id}) }}\" id=\"width-col-6-home\" class=\"col-lg-6 margin-top-30\" style=\"position: relative; cursor: pointer\">
{#
<div class=\"div-hover\" id=\"div-hover\" style=\"\">
{% if project.comments[0].comment is not empty %}
<p class=\"project-content\" style=\"visibility: hidden\">
{{ project.comments[0].comment|slice(0, 300) }}
</p>
<p class=\"project-arrow\">
<a style=\"\" href=\"{{ path('project-detail', {'id': project.id}) }}\" class=\"project-arrow-2\">
<span class=\"galerry-ref\"></span><i class=\"fas fa-arrow-right project-svg-arrow-2\"></i>
</a>
</p>
{% else %}
<p class=\"project-arrow\">
<a style=\"margin-top: 180px\" href=\"{{ path('project-detail', {'id': project.id}) }}\" class=\"project-arrow-2\">
<span class=\"galerry-ref\"></span><i class=\"fas fa-arrow-right project-svg-arrow-2\"></i>
</a>
</p>
{% endif %}
</div>
#}
<div class=\"tag-ref-projet-3\"><span class=\"text-tag-ref\">{{ typeProject(project.construction.construction_step) }}</span></div>
{% if project.pictures is not empty %}
{% for picture in project.pictures|slice(0,1) %}
<div class=\"img\" style=\"background-image: url('{{ picture.url }}'); margin: 0px;\">
</div>
{% endfor %}
{% else %}
<div class=\"img\" style=\"background-image: url('{{ asset('build/Maisons_H_R1.jpg') }}'); margin: 0px;\"></div>
{% endif %}
<p class=\"city\">{{ project.city.name }}</p>
<p class=\"project-name\">{{ project.name }}</p>
</div>
{% endfor %}
</div>
<div class=\"col-lg-8 mx-auto projects-link-mobile\" style=\"display: none\">
<a href=\"{{ path('projects') }}\" class=\"property-span-arrow\">VOIR TOUS NOS PROJETS
<i class=\"fas fa-arrow-right property-arrow\"></i>
</a>
</div>
<div id=\"link-none\" class=\"col-lg-8 mx-auto div-svg-header d-flex justify-content-end\">
<div>
<a id=\"link-none-a d-flex\" class=\"property-span-arrow\" href=\"{{ path('projects') }}\">Découvrir plus
<svg class=\"svg-inline--fa fa-arrow-right fa-w-14 property-arrow\" aria-hidden=\"true\" focusable=\"false\" data-prefix=\"fas\" data-icon=\"arrow-right\" role=\"img\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448 512\" data-fa-i2svg=\"\"><path fill=\"currentColor\" d=\"M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z\"></path></svg><!-- <i class=\"fas fa-arrow-right property-arrow\"></i> Font Awesome fontawesome.com -->
</a>
</div>
</div>
</section>
<section class=\"available-properties\">
<div id=\"home-section\" class=\"col-lg-8 mx-auto div-svg-header pre-section\">
<div class=\"home-section-title col-lg-8\" style=\"font-size: 2.3em;display: flex;flex-direction: column;\">
<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\">
<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\"/>
</svg>
<h1 class=\"project-title\">Nos biens disponibles</h1>
</div>
{#
<div class=\"separator\"></div>
<div class=\"pre-section-content col-md-6\">
{% if projectContent.content is defined %}
{{ projectContent.content|raw }}
{% else %}
Fort de plusieurs années d’expérience, Tracol Immobilier propose des projets adaptés aux
besoins de chacun. Répondant aux plus hautes exigences et s’inscrivant dans le temps, ils se
caractérisent par une architecture résolument contemporaine, des matériaux de qualité et le
soin apporté à chaque détail.
{% endif %}
</div>
#}
</div>
<div id=\"projects\" class=\"col-lg-8 mx-auto\" style=\"display: flex; flex-wrap: wrap; justify-content: space-between\">
{% for project in salesProperties|slice(0,4) %}
<div onclick=\"location.href='{{ path('property-detail', {'id': project.id}) }}'\" data-id=\"{{ path('property-detail', {'id': project.id}) }}\" id=\"width-col-6-home\" class=\"col-lg-6 margin-top-30\" style=\"position: relative; cursor: pointer\">
{# <div class=\"tag-ref-projet-3\"><span class=\"text-tag-ref\">{{ typeProject(project.construction.construction_step) }}</span></div> #}
<div class=\"tag-ref-projet-3\"><span class=\"text-tag-ref\">{{ typeProject(project.step) }}</span></div>
{% if project.pictures is not empty %}
{% for picture in project.pictures|slice(0,1) %}
<div class=\"img\" style=\"background-image: url('{{ picture.url }}'); margin: 0px;\">
</div>
{% endfor %}
{% else %}
<div class=\"img\" style=\"background-image: url('{{ asset('build/Maisons_H_R1.jpg') }}'); margin: 0px;\"></div>
{% endif %}
<p class=\"city\">{{ project.city.name }}</p>
<p class=\"project-name\">{{ project.reference }}</p>
</div>
{% endfor %}
</div>
<div class=\"col-lg-8 mx-auto projects-link-mobile\" style=\"display: none\">
<a href=\"/biens/vente\" class=\"property-span-arrow\">VOIR TOUS NOS BIENS
<i class=\"fas fa-arrow-right property-arrow\"></i>
</a>
</div>
<div id=\"link-none\" class=\"col-lg-8 mx-auto div-svg-header d-flex justify-content-end\">
<div>
<a id=\"link-none-a d-flex\" class=\"property-span-arrow\" href=\"{{ path('projects') }}\">Découvrir plus
<svg class=\"svg-inline--fa fa-arrow-right fa-w-14 property-arrow\" aria-hidden=\"true\" focusable=\"false\" data-prefix=\"fas\" data-icon=\"arrow-right\" role=\"img\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448 512\" data-fa-i2svg=\"\"><path fill=\"currentColor\" d=\"M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z\"></path></svg><!-- <i class=\"fas fa-arrow-right property-arrow\"></i> Font Awesome fontawesome.com -->
</a>
</div>
</div>
</section>
<section class=\"reference\">
{% set referenceContent = content('Home', 'References') %}
<div class=\"col-lg-8 mx-auto div-svg-header\" style=\"display: flex; margin-top: 30px\">
<div class=\"col-lg-5\">
<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9.089\" height=\"14.77\" viewBox=\"0 0 9.089 14.77\">
<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\"/>
</svg>
<h1 class=\"project-title\">
{% if referenceContent.name is defined and referenceContent.name %}
{{ referenceContent.name }}
{% else %}
Nos références
{% endif %}
</h1>
</div>
{#
<div class=\"separator\"></div>
<div class=\"pre-section-content col-md-6\">
{% if projectContent.content is defined %}
{{ projectContent.content|raw }}
{% else %}
Tracol Immobilier se distingue par la création d’espaces de vie alliant
qualité, durabilité et esthétisme.
{% endif %}
</div>
#}
</div>
{#
<div id=\"button-reference\" class=\"offset-lg-2 col-lg-8 div-svg-header\" style=\"display: flex; align-items: center\">
<button data-id=\"all\" class=\"btn btn-primary all border-radius projectButtonref\"><span class=\"span-all\">TOUS</span></button>
<button data-id=\"residences\" class=\"btn btn-primary come border-radius projectButtonref\"><span class=\"span-projects\">RÉSIDENCES</span></button>
<button data-id=\"maisons\" class=\"btn btn-primary come border-radius projectButtonref\"><span class=\"span-projects\">MAISONS</span></button>
<button data-id=\"commerces\" class=\"btn btn-primary come border-radius projectButtonref\"><span class=\"span-projects\">COMMERCES</span></button>
<button data-id=\"bureaux\" class=\"btn btn-primary come border-radius projectButtonref\"><span class=\"span-projects\">BUREAUX</span></button>
<div id=\"links-ref-home\" class=\"col-lg-3 projects-link\">
<a href=\"{{ path('reference') }}\" class=\"property-span-arrow\">VOIR TOUTES NOS REFERENCES
<i class=\"fas fa-arrow-right property-arrow\"></i>
</a>
</div>
</div>
<div id=\"button-reference-mobile\" class=\"offset-lg-2 col-lg-8 div-svg-header\" style=\"display: none; align-items: center\">
<div id=\"flick\" class=\"flicking-viewport\">
<div class=\"flicking-camera\">
<button data-id=\"all\" class=\"btn btn-primary all border-radius projectButtonref\"><span class=\"span-all\">TOUS</span></button>
<button data-id=\"residences\" class=\"btn btn-primary come border-radius projectButtonref\"><span class=\"span-projects\">RÉSIDENCES</span></button>
<button data-id=\"maisons\" class=\"btn btn-primary come border-radius projectButtonref\"><span class=\"span-projects\">MAISONS</span></button>
<button data-id=\"commerces\" class=\"btn btn-primary come border-radius projectButtonref\"><span class=\"span-projects\">COMMERCES</span></button>
<button data-id=\"bureaux\" class=\"btn btn-primary come border-radius projectButtonref\"><span class=\"span-projects\">BUREAUX</span></button>
</div>
</div>
<div class=\"col-lg-3 projects-link\">
<a href=\"{{ path('reference') }}\" class=\"property-span-arrow\">VOIR TOUTES NOS REFERENCE
<i class=\"fas fa-arrow-right property-arrow\"></i>
</a>
</div>
</div>
#}
<div id=\"references-home\" class=\"col-lg-8\">
<div id=\"flick100\" class=\"flicking-viewport\">
<div class=\"flicking-camera\">
<div class=\"col-lg-12 ref-container\" style=\"display: flex; flex-wrap: wrap;\">
{% for key, reference in references|slice(0,4) %}
<a href=\"{{ path('property-detail', {'id': reference.id}) }}\" class=\"col-lg-6 col-md-12 {% if loop.index % 2 == 0 %}padd-to-left{% else %}padd-to-right{% endif %}\">
<div class=\"div-img-hover-2 ref-list\">
{#
<div class=\"div-hover-2\" id=\"div-hover-2\" style=\"position: absolute; bottom: 5px; left: 5px; background-color: #242424; color: white; width: 291px; height: 85px\">
<p class=\"city\">{{ reference.city.name }}</p>
<p class=\"project-name\">{{ reference.reference }}</p>
<p class=\"date-ref\">{{ reference.updated_at|date(\"d/m/Y\") }}</p>
{% if reference.comments[0].comment is not empty %}
<p class=\"project-content\" style=\"visibility: hidden\">
{{ reference.comments[0].comment|slice(0, 250) }}
</p>
<a href=\"javascript:void(0);\" class=\"project-arrow-2 lightbox-on\" data-id=\"modul-{{ key }}\">
<span class=\"galerry-ref\">GALERIES PHOTOS</span><i class=\"fas fa-arrow-right project-svg-arrow-2\"></i>
</a>
{% else %}
<a style=\"margin-top: 180px\" href=\"javascript:void(0);\" class=\"project-arrow-2 lightbox-on\" data-bs-toggle=\"modul\"
data-bs-target=\"#exampleModulHomeRef{{ key }}\">
<span class=\"galerry-ref\">GALERIES PHOTOS</span><i class=\"fas fa-arrow-right project-svg-arrow-2\"></i>
</a>
{% endif %}
</div>
#}
{#
<div class=\"tag-ref\"><span class=\"text-tag-ref\">{{ specialPropertyCategory(reference.category) }}</span></div>
#}
<div class=\"tag-ref\"><span class=\"text-tag-ref\">{{ getTypeReferences(reference.type) }}</span></div>
{% if reference.pictures is not empty %}
{% for picture in reference.pictures|slice(0,1) %}
<div class=\"img-tmp\" style=\"background-image: url({{ picture.url }});\"></div>
{% endfor %}
{% else %}
<div class=\"img-tmp\" style=\"background-image: url('build/Hudson_Ontario2.png');\"></div>
{% endif %}
<p class=\"city\">{{ reference.city.name }}</p>
<p class=\"project-name\">{{ reference.reference }}</p>
</div>
</a>
<div class=\"lightbox\" id=\"modul-{{ key }}\">
<div class=\"closer\"></div>
<div class=\"arrows left\">←</div>
<div class=\"arrows right\">→</div>
<div class=\"counter\">1/1</div>
<ul class=\"items\">
{% for picture in reference.pictures %}
<li class=\"item\">
<img class=\"img\" src=\"{{ picture.url }}\" alt=\"{{ reference.reference }}\" loading=\"lazy\">
</li>
{% endfor %}
</ul>
</div>
{% endfor %}
</div>
<div id=\"link-none\" class=\"col-lg-12 mx-auto div-svg-header d-flex justify-content-end\">
<div>
<a id=\"link-none-a d-flex\" class=\"property-span-arrow\" href=\"{{ path('reference') }}\">Découvrir plus
<svg class=\"svg-inline--fa fa-arrow-right fa-w-14 property-arrow\" aria-hidden=\"true\" focusable=\"false\" data-prefix=\"fas\" data-icon=\"arrow-right\" role=\"img\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448 512\" data-fa-i2svg=\"\"><path fill=\"currentColor\" d=\"M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z\"></path></svg><!-- <i class=\"fas fa-arrow-right property-arrow\"></i> Font Awesome fontawesome.com -->
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class=\"property-promotion\" style=\"background: #F7F7F7;padding:80px 0;\">
{% set propertyContent = content('Home', 'Biens') %}
<div id=\"home-sale\" class=\"col-lg-8 mx-auto div-svg-header\" style=\"display: flex; justify-content: space-between\">
<div id=\"property-content-p\" class=\"col-lg-5 property-content\" style=\"display: flex;flex-direction: column;justify-content:space-around; padding-right:20px;\">
<div class=\"col-lg-12\">
<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9.089\" height=\"14.77\" viewBox=\"0 0 9.089 14.77\">
<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\"/>
</svg>
<h1 class=\"property-name\">{% if propertyContent.name is defined and propertyContent.name %}{{ propertyContent.name }}{% else %}Un bien à vendre ?{% endif %}</h1>
</div>
{% if propertyContent.content is defined and propertyContent.content %}
{{ propertyContent.content|raw }}
{% else %}
<p>Réaliser l’estimation d’une maison, d’un appartement ou d’un terrain, c’est un métier. Grâce à nos
experts immobiliers, vous fixez le juste prix. Ensuite, ils vous accompagnent dans toutes les étapes,
jusqu’à la vente de votre bien.
<br>
<br>
Vous souhaitez connaître la valeur marchande de votre bien immobilier ? Contactez-nous pour
convenir d’un rendez-vous avec l’un de nos conseillers.</p>
{% endif %}
<div class=\"see-video-bottom\" style=\"display: flex; align-content: center\">
<a id=\"contact-link\" class=\"property-span-arrow\" href=\"{{ path('contact') }}\">CONTACTEZ-NOUS
<i class=\"fas fa-arrow-right property-arrow\"></i>
</a>
</div>
{#
<div id=\"link-palyer\" class=\"div-svg-header\">
<div class=\"see-video\" style=\"display: flex; align-content: center\">
<a id=\"contact-link\" class=\"property-span-arrow\" href=\"{{ path('contact') }}\">CONTACTEZ-NOUS
<i class=\"fas fa-arrow-right property-arrow\"></i>
</a>
</div>
<div class=\"movie-link\">
{#
<a id=\"movie\" data-bs-toggle=\"modal\" data-bs-target=\"#exampleModal\" class=\"property-span-arrow\">VOIR LA VIDEO
<i class=\"fas fa-arrow-right property-arrow\"></i>
</a>
<a id=\"movie-mobile\" data-bs-toggle=\"modal\" data-bs-target=\"#exampleModal\" class=\"property-span-arrow\">
<span class=\"video-span\" style=\"display: none\">VOIR LA VIDEO</span>
<i id=\"svg-video-mobile\" style=\"display: none\" class=\"fas fa-play\"></i>
</a>
<!-- Modal -->
<div class=\"modal fade\" id=\"exampleModal\" tabindex=\"-1\" aria-labelledby=\"exampleModalLabel\" aria-hidden=\"true\">
<div class=\"modal-dialog\">
<div class=\"modal-content\">
<iframe width=\"560\" height=\"315\" src=\"https://www.youtube.com/embed/8zFDrIoLoCQ\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen></iframe>
</div>
</div>
</div>
</div>
</div>
#}
</div>
{#
<div class=\"col-lg-3 see-video-mobile\" style=\"display: none\">
<a class=\"property-span-arrow\" href=\"{{ path('contact') }}\">CONTACTEZ-NOUS
<i class=\"fas fa-arrow-right property-arrow\"></i>
</a>
</div>
#}
<div class=\"home-sale-img col-lg-6\" style=\"margin:0;position: relative; background-image: url({{ asset('img/img_bien_a_vendre.jpg') }})\">
</div>
</div>
</section>
{#
<section class=\"video-presentation\">
<div class=\"col-lg-8 mx-auto pt-5 pb-5\">
<iframe src=\"https://www.youtube.com/embed/g5gHFQUvMWM\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen style=\"width:100%;\"></iframe>
</div>
</section>
#}
<section class=\"numbers\" style=\"margin-bottom: 50px\">
{% set numbersContent1 = content('Home', 'Chiffres-1') %}
{% set numbersContent2 = content('Home', 'Chiffres-2') %}
{% set numbersContent3 = content('Home', 'Chiffres-3') %}
{% set numbersContent4 = content('Home', 'Chiffres-4') %}
<div class=\"col-lg-8 mx-auto div-svg-header\" style=\"display: flex;\">
<div class=\"col-lg-8\">
<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9.089\" height=\"14.77\" viewBox=\"0 0 9.089 14.77\">
<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\"/>
</svg>
{% if numbersContent1.name is defined %}<h1 class=\"property-name\">{{ numbersContent1.name }}</h1>{% else %}<h1 class=\"property-name\">QUELQUES CHIFFRES</h1>{% endif %}
</div>
</div>
<div class=\"col-lg-8 mx-auto div-svg-header\" style=\"display: flex; align-items: center\">
<div id=\"flick1\" class=\"flicking-viewport\" style=\"display: flex; justify-content: center\">
<div class=\"flicking-camera\" style=\"align-items: flex-start; justify-content: flex-start;\">
{% if numbersContent1.content is defined %}
<div class=\"number-content constr\" style=\"display: flex; flex-direction: column; align-items: center; justify-content: center\">
{{ numbersContent1.content|raw }}
</div>
{% else %}
<div class=\"number-content comm\" style=\"display: flex; flex-direction: column; align-items: center; justify-content: center\">
<p>Environ</p>
<h2><strong class=\"count\">0</strong></h2>
<p>logements</p>
<p><strong>commercialisés </strong>(par an)</p>
</div>
{% endif %}
{% if numbersContent1.content is defined %}
<div class=\"separator\"></div>
<div class=\"number-content comm\" style=\"display: flex; flex-direction: column; align-items: center; justify-content: center\">
{{ numbersContent2.content|raw }}
</div>
{% else %}
<div class=\"separator\"></div>
<div class=\"number-content comm\" style=\"display: flex; flex-direction: column; align-items: center; justify-content: center\">
<p>Environ</p>
<h2><strong class=\"count\">0</strong></h2>
<p>logements</p>
<p><strong>commercialisés </strong>(par an)</p>
</div>
{% endif %}
{% if numbersContent1.content is defined %}
<div class=\"separator\"></div>
<div class=\"number-content porte\" style=\"display: flex; flex-direction: column; align-items: center; justify-content: center\">
{{ numbersContent3.content|raw }}
</div>
{% else %}
<div class=\"separator\"></div>
<div class=\"number-content comm\" style=\"display: flex; flex-direction: column; align-items: center; justify-content: center\">
<p>Environ</p>
<h2><strong class=\"count\">0</strong></h2>
<p>logements</p>
<p><strong>commercialisés </strong>(par an)</p>
</div>
{% endif %}
{% if numbersContent1.content is defined %}
<div class=\"separator\"></div>
<div class=\"number-content coll\" style=\"display: flex; flex-direction: column; align-items: center; justify-content: center\">
{{ numbersContent4.content|raw }}
</div>
{% else %}
<div class=\"separator\"></div>
<div class=\"number-content comm\" style=\"display: flex; flex-direction: column; align-items: center; justify-content: center\">
<p>Environ</p>
<h2><strong class=\"count\">0</strong></h2>
<p>logements</p>
<p><strong>commercialisés </strong>(par an)</p>
</div>
{% endif %}
</div>
</div>
</div>
</section>
</div>
<section class=\"newsletter\">
<div class=\"col-lg-8 row m-auto\">
<div class=\"col-lg-6\">
<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"9.089\" height=\"14.77\" viewBox=\"0 0 9.089 14.77\">
<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=\"#fff\"/>
</svg>
<h1 class=\"property-name\">Inscrivez-vous à<br> notre newsletter</h1>
</div>
<div class=\"col-lg-4\">
<div id=\"div-form-newsletter\">
<span id=\"span-newsletter\">Recevez nos dernières actualités.</span>
<form action=\"{{ path('mailchimp') }}\" id=\"form-newsletter\">
<div class=\"input-group mt-2\">
<input id=\"input-email\" class=\"form-control input-email\" type=\"email\" name=\"email\" placeholder=\"Votre adresse mail\">
<button class=\"btn btn-primary button-newsletter\" type=\"submit\"><i class=\"fas fa-arrow-right\"></i></button>
</div>
</form>
</div>
</div>
</div>
</section>
<!-- Modal HTML -->
<div id=\"video\" class=\"modal fade\">
<div class=\"modal-dialog\">
<div class=\"modal-content\">
<div class=\"modal-header\">
<button type=\"button\" class=\"close\" data-dismiss=\"modal\">×</button>
</div>
<div class=\"modal-body\">
<div class=\"embed-responsive embed-responsive-16by9\">
<iframe id=\"cartoonVideo\" class=\"embed-responsive-item\" width=\"560\" height=\"315\" src=\"https://youtu.be/8zFDrIoLoCQ\" allowfullscreen></iframe>
</div>
</div>
</div>
</div>
</div>
<!-- Modal -->
{# <div class=\"modal fade\" id=\"popUpChristmas\" tabindex=\"-1\" aria-labelledby=\"popUpChristmas\" aria-hidden=\"true\">#}
{# <div class=\"modal-dialog video-pop-up-dialog\">#}
{# <div class=\"modal-content video-pop-up-content\">#}
{# <div class=\"modal-body\" style=\"position: relative\">#}
{# <button class=\"btn btn-primary\" id=\"closeModal\">×</button>#}
{# <button id=\"buttonVideoFour\" class=\"active\">#}
{# <i style=\"font-size: 65px; background-color: transparent;\" class=\"far fa-play-circle\"></i>#}
{# </button>#}
{# <video id=\"video1\" preload=\"auto\" width=\"100%\" height=\"100%\" poster=\"{{ asset('build/cover-xmas.png') }}\" controls>#}
{# <source type=\"video/mp4\" src=\"{{ asset('build/2021_09_12 Carte de voeux animée - Vidéo R4.mp4') }}\" />#}
{# </video>#}
{# </div>#}
{# </div>#}
{# </div>#}
{# </div>#}
{# <script>#}
{# let myVideo = document.getElementById(\"video1\");#}
{# myVideo.controls = false#}
{# </script>#}
{# <script>#}
{# \$('.slider-home-ref-detail').slick({#}
{# dots: false,#}
{# infinite: true,#}
{# speed: 3000,#}
{# slidesToShow: 1,#}
{# slidesToScroll: 1,#}
{# autoplay: true,#}
{# responsive: [#}
{# {#}
{# breakpoint: 576,#}
{# settings: {#}
{# slidesToShow: 1,#}
{# slidesToScroll: 1#}
{# }#}
{# }#}
{# ]#}
{# });#}
{# </script>#}
{% endblock %}
", "home.html.twig", "/home/jumo/sites/sym/tracol/templates/home.html.twig");
}
}