templates/portfolio/templates/entBatiment/EntBatiment.html.twig line 1

  1. {% extends 'base.html.twig' %}
  3. {% block title %}Entreprise du batiment {% endblock %}
  5. {% block stylesheets %}
  6.     <meta name="robots" content="noindex, nofollow">
  7.     {# TODO: Supprimer cette meta pour la production #}
  10.     {% for code, name in availableLanguages %}
  11.         <link rel="alternate" hreflang="{{ code }}" href="{{ baseUrl }}/{{ code }}">
  12.     {% endfor %}
  13.     <link rel="alternate" hreflang="x-default" href="{{ baseUrl }}/en">
  14.     <!-- Favicons -->
  15.     <link href="{{ asset('build/portfolio/template/show/EntConstruction/assets/img/favicon.png') }}" rel="icon">
  16.     <link href="{{ asset('build/portfolio/template/show/EntConstruction/assets/img/apple-touch-icon.png') }}" rel="apple-touch-icon">
  18.     <!-- Google Fonts -->
  19.     <link rel="preconnect" href="https://fonts.googleapis.com">
  20.     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  21.     <link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,600;1,700&family=Roboto:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Work+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet">
  23.     <!-- Vendor CSS Files -->
  24.     <link href="{{asset('build/portfolio/template/show/EntConstruction/assets/vendor/bootstrap/css/bootstrap.min.css') }}" rel="stylesheet">
  25.     <link href="{{ asset('build/portfolio/template/show/EntConstruction/assets/vendor/bootstrap-icons/bootstrap-icons.css') }}" rel="stylesheet">
  26.     <link href="{{ asset('build/portfolio/template/show/EntConstruction/assets/vendor/fontawesome-free/css/all.min.css') }}" rel="stylesheet">
  27.     <link href="{{ asset('build/portfolio/template/show/EntConstruction/assets/vendor/aos/aos.css') }}" rel="stylesheet">
  28.     <link href="{{ asset('build/portfolio/template/show/EntConstruction/assets/vendor/glightbox/css/glightbox.min.css') }}" rel="stylesheet">
  29.     <link href="{{ asset('build/portfolio/template/show/EntConstruction/assets/vendor/swiper/swiper-bundle.min.css') }}" rel="stylesheet">
  31.     <!-- Template Main CSS File -->
  32.     <link href="{{ asset('build/portfolio/template/show/EntConstruction/assets/css/main.css') }}" rel="stylesheet">
  33. {% endblock %}
  35. {% block body %}
  37.     <!-- ======= Header ======= -->
  38.     <header id="header" class="header d-flex align-items-center">
  39.         <div class="container-fluid container-xl d-flex align-items-center justify-content-between">
  41.             <a href="#" class="logo d-flex align-items-center">
  42.                 <!-- Uncomment the line below if you also wish to use an image logo -->
  43.                 <!-- <img src="assets/img/logo.png" alt=""> -->
  44.                 <h1>{{entity.headerLogoTitle }}<span>.</span></h1>
  45.             </a>
  47.             <i class="mobile-nav-toggle mobile-nav-show bi bi-list"></i>
  48.             <i class="mobile-nav-toggle mobile-nav-hide d-none bi bi-x"></i>
  49.             <nav id="navbar" class="navbar">
  50.                 <ul>
  51.                     <li><a href="#" class="active">{{ entity.headerLi1 }}</a></li>
  52.                     <li><a href="#services">{{ entity.headerLi2 }}</a></li>
  53.                     <li><a href="#projects">{{ entity.headerLi3 }}</a></li>
  54.                     <li><a href="#contact">{{ entity.headerLi4 }}</a></li>
  56.                     <!-- Menu déroulant pour changer de langue -->
  57.                     {% set availableLanguages = {'fr': 'Français', 'en': 'Anglais', 'es': 'Espagnol', 'de': 'Allemand'} %}
  58.                     <li class="dropdown">
  59.                         <a href="#">
  60.                             <span><i class="bi bi-globe fs-5"></i></span>
  61.                             <i class="bi bi-chevron-down dropdown-indicator"></i>
  62.                         </a>
  63.                         <ul>
  64.                             {% for langCode, langName in availableLanguages %}
  65.                                 {% if langCode != currentLang %}
  66.                                         <li>
  67.                                             <a href="{{ path('app_portfolio_templates_entreprise_du_batiment_www', {'lang': langCode}) }}">
  68.                                                 {{ langName }}
  69.                                             </a>
  70.                                         </li>
  72.                                 {% endif %}
  73.                             {% endfor %}
  74.                         </ul>
  75.                     </li>
  78.                 </ul>
  79.             </nav>
  80.             <!-- .navbar -->
  82.         </div>
  83.     </header>
  84.     <!-- End Header -->
  86.     <!-- ======= Hero Section ======= -->
  87.     <section id="hero" class="hero">
  89.         <div class="info d-flex align-items-center">
  90.             <div class="container">
  91.                 <div class="row justify-content-center">
  92.                     <div class="col-lg-6 text-center" style="margin-top: 7em!important">
  93.                         <h2 data-aos="fade-down">{{ entity.heroTitle1 }}<br><span>{{ entity.heroTitle2 }}</span></h2>
  94.                         <p data-aos="fade-up">{{ entity.heroSubtitle }}</p>
  95.                         <a data-aos="fade-up" data-aos-delay="200" href="#get-started" class="btn-get-started">{{ entity.heroButton }}</a>
  96.                     </div>
  97.                 </div>
  98.             </div>
  99.         </div>
  102.         <div id="hero-carousel" class="carousel slide" data-bs-ride="carousel" data-bs-interval="5000">
  104.             <div class="carousel-item active" style="background-image: url('{{ asset('build/portfolio/template/show/EntConstruction/assets/img/projects/office.jpg') }}')"></div>
  105.             <div class="carousel-item" style="background-image: url('{{ asset('build/portfolio/template/show/EntConstruction/assets/img/projects/houseoffanusta.jpg') }}')"></div>
  106.             <div class="carousel-item" style="background-image: url('{{ asset('build/portfolio/template/show/EntConstruction/assets/img/projects/restored-home.jpg') }}')"></div>
  107.             <div class="carousel-item" style="background-image: url('{{ asset('build/portfolio/template/show/EntConstruction/assets/img/projects/living-room-boudoir.jpg') }}')"></div>
  108.             <div class="carousel-item" style="background-image: url('{{ asset('build/portfolio/template/show/EntConstruction/assets/img/projects/bedroom.jpg') }}')"></div>
  110.             <a class="carousel-control-prev" href="#hero-carousel" role="button" data-bs-slide="prev">
  111.                 <span class="carousel-control-prev-icon bi bi-chevron-left" aria-hidden="true"></span>
  112.             </a>
  114.             <a class="carousel-control-next" href="#hero-carousel" role="button" data-bs-slide="next">
  115.                 <span class="carousel-control-next-icon bi bi-chevron-right" aria-hidden="true"></span>
  116.             </a>
  118.         </div>
  120.     </section>
  121.     <!-- End Hero Section -->
  123.     <main id="main">
  125.         <!-- ======= Get Started Section ======= -->
  126.         <section id="get-started" class="get-started section-bg">
  127.             <div class="container">
  129.                 <div class="row justify-content-between gy-4">
  131.                     <div class="col-lg-6 d-flex align-items-center" data-aos="fade-up">
  132.                         <div class="content">
  133.                             <h3>{{ entity.getStartedTitle1 }}</h3>
  134.                             <p>{{ entity.getStartedText1 }}</p>
  135.                             <p>{{ entity.getStartedText2 }}</p>
  136.                         </div>
  137.                     </div>
  139.                     <div class="col-lg-5" data-aos="fade">
  140.                         <form action="{#forms/quote.php#}" method="post" class="php-email-form">
  141.                             <h3>{{ entity.getStartedTitle2 }}</h3>
  142.                             <p>{{ entity.getStartedText3 }}</p>
  143.                             <div class="row gy-3">
  144.                                 <label>
  145.                                     <input type="text" name="name" class="form-control" placeholder="{{ entity.getStartedPlaceholder1 }}" required>
  146.                                 </label>
  147.                                 <label>
  148.                                     <input type="email" class="form-control" name="email" placeholder="{{ entity.getStartedPlaceholder2 }}" required>
  149.                                 </label>
  150.                                 <label>
  151.                                     <input type="text" class="form-control" name="phone" placeholder="{{ entity.getStartedPlaceholder3 }}" required>
  152.                                 </label>
  153.                                 <label>
  154.                                     <textarea class="form-control" name="message" rows="6" placeholder="{{ entity.getStartedPlaceholder4}}" required></textarea>
  155.                                 </label>
  156.                                 <div class="col-md-12 text-center">
  157.                                     <div class="loading">{{ entity.getStartedLoading }}</div>
  158.                                     <div class="error-message"></div>
  159.                                     <div class="sent-message">{{ entity.getStartedSentMessage }}</div>
  160.                                     <button type="submit">{{ entity.getStartedSubmitButton }}</button>
  161.                                 </div>
  162.                             </div>
  163.                         </form>
  164.                     </div>
  166.                     <!-- End Quote Form -->
  168.                 </div>
  170.             </div>
  171.         </section>
  172.         <!-- End Get Started Section -->
  174.         <!-- ======= Constructions Section ======= -->
  175.         <section id="constructions" class="constructions">
  176.             <div class="container" data-aos="fade-up">
  178.                 <div class="section-header">
  179.                     <h2>{{ entity.constructionTitle1 }}</h2>
  180.                     <p>{{ entity.constructionSubtitle1 }}</p>
  181.                 </div>
  183.                 <div class="row gy-4">
  185.                     <div class="col-lg-6" data-aos="fade-up" data-aos-delay="100">
  186.                         <div class="card-item">
  187.                             <div class="row">
  188.                                 <div class="col-xl-5">
  189.                                     <div class="card-bg" style="background-image: url('{{ asset('build/portfolio/template/show/EntConstruction/assets/img/projects/plan.jpg') }}');"></div>
  190.                                 </div>
  191.                                 <div class="col-xl-7 d-flex align-items-center">
  192.                                     <div class="card-body">
  193.                                         <h4 class="card-title">{{ entity.constructionCard1Title }}</h4>
  194.                                         <p>{{ entity.constructionCard1Subtitle }}</p>
  195.                                     </div>
  197.                                 </div>
  198.                             </div>
  199.                         </div>
  200.                     </div><!-- End Card Item -->
  202.                     <div class="col-lg-6" data-aos="fade-up" data-aos-delay="200">
  203.                         <div class="card-item">
  204.                             <div class="row">
  205.                                 <div class="col-xl-5">
  206.                                     <div class="card-bg" style="background-image: url('{{ asset('build/portfolio/template/show/EntConstruction/assets/img/projects/office.jpg') }}');"></div>
  207.                                 </div>
  208.                                 <div class="col-xl-7 d-flex align-items-center">
  209.                                     <div class="card-body">
  210.                                         <h4 class="card-title">{{ entity.constructionCard2Title }}</h4>
  211.                                         <p>{{ entity.constructionCard2Subtitle }}</p>
  212.                                     </div>
  213.                                 </div>
  214.                             </div>
  215.                         </div>
  216.                     </div><!-- End Card Item -->
  218.                     <div class="col-lg-6" data-aos="fade-up" data-aos-delay="300">
  219.                         <div class="card-item">
  220.                             <div class="row">
  221.                                 <div class="col-xl-5">
  222.                                     <div class="card-bg" style="background-image: url('{{ asset('build/portfolio/template/show/EntConstruction/assets/img/projects/computer-code.jpg') }}');"></div>
  223.                                 </div>
  224.                                 <div class="col-xl-7 d-flex align-items-center">
  225.                                     <div class="card-body">
  226.                                         <h4 class="card-title">{{ entity.constructionCard3Title }}</h4>
  227.                                         <p>{{ entity.constructionCard3Subtitle }}</p>
  228.                                     </div>
  229.                                 </div>
  230.                             </div>
  231.                         </div>
  232.                     </div><!-- End Card Item -->
  234.                     <div class="col-lg-6" data-aos="fade-up" data-aos-delay="400">
  235.                         <div class="card-item">
  236.                             <div class="row">
  237.                                 <div class="col-xl-5">
  238.                                     <div class="card-bg" style="background-image: url('{{ asset('build/portfolio/template/show/EntConstruction/assets/img/projects/cleanliness.jpg') }}');"></div>
  239.                                 </div>
  240.                                 <div class="col-xl-7 d-flex align-items-center">
  241.                                     <div class="card-body">
  242.                                         <h4 class="card-title">{{ entity.constructionCard4Title }}</h4>
  243.                                         <p>{{ entity.constructionCard4Subtitle }}</p>
  244.                                     </div>
  245.                                 </div>
  246.                             </div>
  247.                         </div>
  248.                     </div><!-- End Card Item -->
  250.                 </div>
  252.             </div>
  253.         </section>
  254.         <!-- End Constructions Section -->
  256.         <!-- ======= Services Section ======= -->
  257.         <section id="services" class="services section-bg">
  258.             <div class="container" data-aos="fade-up">
  260.                 <div class="section-header">
  261.                     <h2>{{ entity.serviceTitle }}</h2>
  262.                     <p>{{ entity.serviceSubtitle }}</p>
  263.                 </div>
  265.                 <div class="row gy-4">
  267.                     <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="100">
  268.                         <div class="service-item position-relative">
  269.                             <div class="icon">
  270.                                 <i class="fa-solid fa-mountain-city"></i>
  271.                             </div>
  272.                             <h3>{{ entity.serviceItem1Title }}</h3>
  273.                             <p>{{ entity.serviceItem1Subtitle }}</p>
  274.                             <a href="{{ path('app_portfolio_templates_entreprise_du_batiment_service_1_www', {'lang': currentLang}) }}" class="readmore stretched-link">{{ entity.serviceItem1HrefText}} <i class="bi bi-arrow-right"></i></a>
  275.                         </div>
  276.                     </div><!-- End Service Item -->
  278.                     <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="200">
  279.                         <div class="service-item position-relative">
  280.                             <div class="icon">
  281.                                 <i class="fa-solid fa-arrow-up-from-ground-water"></i>
  282.                             </div>
  283.                             <h3>{{ entity.serviceItem2Title }}</h3>
  284.                             <p>{{ entity.serviceItem2Subtitle }}</p>
  285.                             <a href="{{ path('app_portfolio_templates_entreprise_du_batiment_service_2_www', {'lang': currentLang}) }}" class="readmore stretched-link">{{ entity.serviceItem2HrefText}} <i class="bi bi-arrow-right"></i></a>
  286.                         </div>
  287.                     </div><!-- End Service Item -->
  289.                     <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="300">
  290.                         <div class="service-item position-relative">
  291.                             <div class="icon">
  292.                                 <i class="fa-solid fa-compass-drafting"></i>
  293.                             </div>
  294.                             <h3>{{ entity.serviceItem3Title }}</h3>
  295.                             <p>{{ entity.serviceItem3Subtitle }}</p>
  296.                             <a href="{{ path('app_portfolio_templates_entreprise_du_batiment_service_3_www', {'lang': currentLang}) }}" class="readmore stretched-link">{{ entity.serviceItem3HrefText }}<i class="bi bi-arrow-right"></i></a>
  297.                         </div>
  298.                     </div><!-- End Service Item -->
  300.                     <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="400">
  301.                         <div class="service-item position-relative">
  302.                             <div class="icon">
  303.                                 <i class="fa-solid fa-trowel-bricks"></i>
  304.                             </div>
  305.                             <h3>{{ entity.serviceItem4Title }}</h3>
  306.                             <p>{{ entity.serviceItem4Subtitle }}</p>
  307.                             <a href="{{ path('app_portfolio_templates_entreprise_du_batiment_service_4_www', {'lang': currentLang}) }}" class="readmore stretched-link">{{ entity.serviceItem4HrefText }}<i class="bi bi-arrow-right"></i></a>
  308.                         </div>
  309.                     </div><!-- End Service Item -->
  311.                     <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="500">
  312.                         <div class="service-item position-relative">
  313.                             <div class="icon">
  314.                                 <i class="fa-solid fa-helmet-safety"></i>
  315.                             </div>
  316.                             <h3>{{ entity.serviceItem5Title }}</h3>
  317.                             <p>{{ entity.serviceItem5Subtitle }}</p>
  318.                             <a href="{{ path('app_portfolio_templates_entreprise_du_batiment_service_5_www', {'lang': currentLang}) }}" class="readmore stretched-link">{{ entity.serviceItem5HrefText }}<i class="bi bi-arrow-right"></i></a>
  319.                         </div>
  320.                     </div><!-- End Service Item -->
  322.                     <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="600">
  323.                         <div class="service-item position-relative">
  324.                             <div class="icon">
  325.                                 <i class="fa-solid fa-arrow-up-from-ground-water"></i>
  326.                             </div>
  327.                             <h3>{{ entity.serviceItem6Title }}</h3>
  328.                             <p>{{ entity.serviceItem6Subtitle }}</p>
  329.                             <a href="{{ path('app_portfolio_templates_entreprise_du_batiment_service_6_www', {'lang': currentLang}) }}" class="readmore stretched-link">{{ entity.serviceItem6HrefText }}<i class="bi bi-arrow-right"></i></a>
  330.                         </div>
  331.                     </div><!-- End Service Item -->
  333.                 </div>
  335.             </div>
  336.         </section>
  337.         <!-- End Services Section -->
  339.         <!-- ======= Alt Services Section ======= -->
  340.         <section id="alt-services" class="alt-services">
  341.             <div class="container" data-aos="fade-up">
  343.                 <div class="row justify-content-around gy-4">
  344.                     <div class="col-lg-6 img-bg" style="background-image: url('{{ asset('build/portfolio/template/show/EntConstruction/assets/img/projects/hands.png') }}');" data-aos="zoom-in" data-aos-delay="100"></div>
  346.                     <div class="col-lg-5 d-flex flex-column justify-content-center">
  347.                         <h3>{{ entity.altServiceTitle }}</h3>
  348.                         <p>{{ entity.altServiceText }}</p>
  350.                         <div class="icon-box d-flex position-relative" data-aos="fade-up" data-aos-delay="100">
  351.                             <i class="bi bi-easel flex-shrink-0"></i>
  352.                             <div>
  353.                                 <h4><a class="stretched-link">{{ entity.altServiceBox1Title }}</a></h4>
  354.                                 <p>{{ entity.altServiceBox1Subtitle }}</p>
  355.                             </div>
  356.                         </div><!-- End Icon Box -->
  358.                         <div class="icon-box d-flex position-relative" data-aos="fade-up" data-aos-delay="200">
  359.                             <i class="bi bi-patch-check flex-shrink-0"></i>
  360.                             <div>
  361.                                 <h4><a class="stretched-link">{{ entity.altServiceBox2Title }}</a></h4>
  362.                                 <p>{{ entity.altServiceBox2Subtitle }}</p>
  363.                             </div>
  364.                         </div><!-- End Icon Box -->
  366.                         <div class="icon-box d-flex position-relative" data-aos="fade-up" data-aos-delay="300">
  367.                             <i class="bi bi-brightness-high flex-shrink-0"></i>
  368.                             <div>
  369.                                 <h4><a class="stretched-link">{{ entity.altServiceBox3Title }}</a></h4>
  370.                                 <p>{{ entity.altServiceBox3Subtitle }}</p>
  371.                             </div>
  372.                         </div><!-- End Icon Box -->
  374.                         <div class="icon-box d-flex position-relative" data-aos="fade-up" data-aos-delay="400">
  375.                             <i class="bi bi-brightness-high flex-shrink-0"></i>
  376.                             <div>
  377.                                 <h4><a class="stretched-link">{{ entity.altServiceBox4Title }}</a></h4>
  378.                                 <p>{{ entity.altServiceBox4Subtitle }}</p>
  379.                             </div>
  380.                         </div><!-- End Icon Box -->
  382.                     </div>
  383.                 </div>
  385.             </div>
  386.         </section>
  387.         <!-- End Alt Services Section -->
  389.         <!-- ======= Features Section ======= -->
  390.         <section id="features" class="features section-bg">
  391.             <div class="container" data-aos="fade-up">
  393.                 <ul class="nav nav-tabs row g-2 d-flex">
  395.                     <li class="nav-item col-3">
  396.                         <a class="nav-link active show" data-bs-toggle="tab" data-bs-target="#tab-1">
  397.                             <h4>{{ entity.featureLink1 }}</h4>
  398.                         </a>
  399.                     </li><!-- End tab nav item -->
  401.                     <li class="nav-item col-3">
  402.                         <a class="nav-link" data-bs-toggle="tab" data-bs-target="#tab-2">
  403.                             <h4>{{ entity.featureLink2 }}</h4>
  404.                         </a><!-- End tab nav item -->
  406.                     </li><li class="nav-item col-3">
  407.                         <a class="nav-link" data-bs-toggle="tab" data-bs-target="#tab-3">
  408.                             <h4>{{ entity.featureLink3 }}</h4>
  409.                         </a>
  410.                     </li><!-- End tab nav item -->
  412.                     <li class="nav-item col-3">
  413.                         <a class="nav-link" data-bs-toggle="tab" data-bs-target="#tab-4">
  414.                             <h4>{{ entity.featureLink4 }}</h4>
  415.                         </a>
  416.                     </li><!-- End tab nav item -->
  418.                 </ul>
  420.                 <div class="tab-content">
  422.                     <div class="tab-pane active show" id="tab-1">
  423.                         <div class="row">
  424.                             <div class="col-lg-6 order-2 order-lg-1 mt-3 mt-lg-0 d-flex flex-column justify-content-center" data-aos="fade-up" data-aos-delay="100">
  425.                                 <h3>{{ entity.featureLink1Title }}</h3>
  426.                                 <p class="fst-italic">
  427.                                     {{ entity.featureLink1Subtitle }}
  428.                                 </p>
  429.                                 <ul>
  430.                                     <li><i class="bi bi-check2-all"></i>{{ entity.featureLink1Li1Text }}</li>
  431.                                     <li><i class="bi bi-check2-all"></i>{{ entity.featureLink1Li2Text }}</li>
  432.                                     <li><i class="bi bi-check2-all"></i>{{ entity.featureLink1Li3Text }}</li>
  433.                                 </ul>
  434.                             </div>
  435.                             <div class="col-lg-6 order-1 order-lg-2 text-center" data-aos="fade-up" data-aos-delay="200">
  436.                                 <img src="{{ asset('build/portfolio/template/show/EntConstruction/assets/img/projects/building.jpg') }}" alt="" class="img-fluid">
  437.                             </div>
  438.                         </div>
  439.                     </div><!-- End tab content item -->
  441.                     <div class="tab-pane" id="tab-2">
  442.                         <div class="row">
  443.                             <div class="col-lg-6 order-2 order-lg-1 mt-3 mt-lg-0 d-flex flex-column justify-content-center">
  444.                                 <h3>{{ entity.featureLink2Title }}</h3>
  445.                                 <p class="fst-italic">
  446.                                     {{ entity.featureLink2Subtitle }}
  447.                                 </p>
  448.                                 <ul>
  449.                                     <li><i class="bi bi-check2-all"></i>{{ entity.featureLink2Li1Text }}</li>
  450.                                     <li><i class="bi bi-check2-all"></i>{{ entity.featureLink2Li2Text }}</li>
  451.                                     <li><i class="bi bi-check2-all"></i>{{ entity.featureLink2Li3Text }}</li>
  452.                                 </ul>
  453.                             </div>
  454.                             <div class="col-lg-6 order-1 order-lg-2 text-center">
  455.                                 <img src="{{ asset('build/portfolio/template/show/EntConstruction/assets/img/projects/measurement.jpg') }}" alt="" class="img-fluid">
  456.                             </div>
  457.                         </div>
  458.                     </div><!-- End tab content item -->
  460.                     <div class="tab-pane" id="tab-3">
  461.                         <div class="row">
  462.                             <div class="col-lg-6 order-2 order-lg-1 mt-3 mt-lg-0 d-flex flex-column justify-content-center">
  463.                                 <h3>{{ entity.featureLink3Title }}</h3>
  464.                                 <p class="fst-italic">
  465.                                     {{ entity.featureLink3Subtitle }}
  466.                                 </p>
  467.                                 <ul>
  468.                                     <li><i class="bi bi-check2-all"></i>{{ entity.featureLink3Li1Text }}</li>
  469.                                     <li><i class="bi bi-check2-all"></i>{{ entity.featureLink3Li2Text }}</li>
  470.                                     <li><i class="bi bi-check2-all"></i>{{ entity.featureLink3Li3Text }}</li>
  471.                                 </ul>
  473.                             </div>
  474.                             <div class="col-lg-6 order-1 order-lg-2 text-center">
  475.                                 <img src="{{ asset('build/portfolio/template/show/EntConstruction/assets/img/projects/paint-brush-finition.jpg') }}" alt="" class="img-fluid">
  476.                             </div>
  477.                         </div>
  478.                     </div><!-- End tab content item -->
  480.                     <div class="tab-pane" id="tab-4">
  481.                         <div class="row">
  482.                             <div class="col-lg-6 order-2 order-lg-1 mt-3 mt-lg-0 d-flex flex-column justify-content-center">
  483.                                 <h3>{{ entity.featureLink4Title }}</h3>
  484.                                 <p class="fst-italic">
  485.                                     {{ entity.featureLink4Subtitle }}
  486.                                 </p>
  487.                                 <ul>
  488.                                     <li><i class="bi bi-check2-all"></i>{{ entity.featureLink4Li1Text }}</li>
  489.                                     <li><i class="bi bi-check2-all"></i>{{ entity.featureLink4Li2Text }}</li>
  490.                                     <li><i class="bi bi-check2-all"></i>{{ entity.featureLink4Li3Text }}</li>
  491.                                 </ul>
  492.                             </div>
  493.                             <div class="col-lg-6 order-1 order-lg-2 text-center">
  494.                                 <img src="{{ asset('build/portfolio/template/show/EntConstruction/assets/img/projects/startup-teams.jpg') }}" alt="" class="img-fluid">
  495.                             </div>
  496.                         </div>
  497.                     </div><!-- End tab content item -->
  499.                 </div>
  501.             </div>
  502.         </section>
  503.         <!-- End Features Section -->
  505.         <!-- ======= Our Projects Section ======= -->
  506.         <section id="projects" class="projects">
  507.             <div class="container" data-aos="fade-up">
  509.                 <div class="section-header">
  510.                     <h2>{{ entity.projectsTitle }}</h2>
  511.                     <p>{{ entity.projectsSubtitle }}</p>
  512.                 </div>
  514.                 <div class="portfolio-isotope" data-portfolio-filter="*" data-portfolio-layout="masonry" data-portfolio-sort="original-order">
  516.                     <ul class="portfolio-flters" data-aos="fade-up" data-aos-delay="100">
  517.                         <li data-filter="*" class="filter-active">{{ entity.projectsLink1 }}</li>
  518.                         <li data-filter=".filter-remodeling">{{ entity.projectsLink2 }}</li>
  519.                         <li data-filter=".filter-construction">{{ entity.projectsLink3 }}</li>
  520.                         <li data-filter=".filter-repairs">{{ entity.projectsLink4 }}</li>
  521.                         <li data-filter=".filter-design">{{ entity.projectsLink5 }}</li>
  522.                     </ul><!-- End Projects Filters -->
  524.                     <div class="row gy-4 portfolio-container" data-aos="fade-up" data-aos-delay="200">
  526.                         <div class="col-lg-4 col-md-6 portfolio-item filter-remodeling">
  527.                             <div class="portfolio-content h-100">
  528.                                 <img src="{{ asset('build/portfolio/template/show/EntConstruction/assets/img/projects/living-room.jpg') }}" class="img-fluid" alt="">
  529.                                 <div class="portfolio-info">
  530.                                     <h4>{{ entity.projectsItem1Title }}</h4>
  531.                                     <p>{{ entity.projectsItem1Subtitle }}</p>
  532.                                     <a href="{{ asset('build/portfolio/template/show/EntConstruction/assets/img/projects/living-room.jpg') }}" title="{{ entity.projectsItem1HrefTitle }}" data-gallery="portfolio-gallery-remodeling" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
  533.                                     <a href="{{ path('app_portfolio_templates_entreprise_du_batiment_project_1_www', {'lang': currentLang})}}" title="More Details" class="details-link"><i class="bi bi-link-45deg"></i></a>
  534.                                 </div>
  535.                             </div>
  536.                         </div><!-- End Projects Item -->
  538.                         <div class="col-lg-4 col-md-6 portfolio-item filter-construction">
  539.                             <div class="portfolio-content h-100">
  540.                                 <img src="{{ asset('build/portfolio/template/show/EntConstruction/assets/img/projects/window.jpg') }}" class="img-fluid" alt="">
  541.                                 <div class="portfolio-info">
  542.                                     <h4>{{ entity.projectsItem2Title }}</h4>
  543.                                     <p>{{ entity.projectsItem2Subtitle }}</p>
  544.                                     <a href="{{ asset('build/portfolio/template/show/EntConstruction/assets/img/projects/window.jpg') }}" title="{{ entity.projectsItem2HrefTitle }}" data-gallery="portfolio-gallery-construction" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
  545.                                     <a href="{{ path('app_portfolio_templates_entreprise_du_batiment_project_4_www', {'lang': currentLang})}}" title="More Details" class="details-link"><i class="bi bi-link-45deg"></i></a>
  546.                                 </div>
  547.                             </div>
  548.                         </div><!-- End Projects Item -->
  550.                         <div class="col-lg-4 col-md-6 portfolio-item filter-repairs">
  551.                             <div class="portfolio-content h-100">
  552.                                 <img src="{{ asset('build/portfolio/template/show/EntConstruction/assets/img/projects/vintage.jpg') }}" class="img-fluid" alt="">
  553.                                 <div class="portfolio-info">
  554.                                     <h4>{{ entity.projectsItem3Title }}</h4>
  555.                                     <p>{{ entity.projectsItem3Subtitle }}</p>
  556.                                     <a href="{{ asset('build/portfolio/template/show/EntConstruction/assets/img/projects/vintage.jpg') }}" title="{{ entity.projectsItem3HrefTitle }}" data-gallery="portfolio-gallery-repairs" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
  557.                                     <a href="{{ path('app_portfolio_templates_entreprise_du_batiment_project_7_www', {'lang': currentLang})}}" title="More Details" class="details-link"><i class="bi bi-link-45deg"></i></a>
  558.                                 </div>
  559.                             </div>
  560.                         </div><!-- End Projects Item -->
  562.                         <div class="col-lg-4 col-md-6 portfolio-item filter-design">
  563.                             <div class="portfolio-content h-100">
  564.                                 <img src="{{ asset('build/portfolio/template/show/EntConstruction/assets/img/projects/bedroom.jpg') }}" class="img-fluid" alt="">
  565.                                 <div class="portfolio-info">
  566.                                     <h4>{{ entity.projectsItem4Title }}</h4>
  567.                                     <p>{{ entity.projectsItem4Subtitle }}</p>
  568.                                     <a href="{{ asset('build/portfolio/template/show/EntConstruction/assets/img/projects/bedroom.jpg') }}" title="{{ entity.projectsItem4HrefTitle }}" data-gallery="portfolio-gallery-book" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
  569.                                     <a href="{{ path('app_portfolio_templates_entreprise_du_batiment_project_10_www', {'lang': currentLang})}}" title="More Details" class="details-link"><i class="bi bi-link-45deg"></i></a>
  570.                                 </div>
  571.                             </div>
  572.                         </div><!-- End Projects Item -->
  574.                         <div class="col-lg-4 col-md-6 portfolio-item filter-remodeling">
  575.                             <div class="portfolio-content h-100">
  576.                                 <img src="{{ asset('build/portfolio/template/show/EntConstruction/assets/img/projects/kitchen.jpg') }}" class="img-fluid" alt="">
  577.                                 <div class="portfolio-info">
  578.                                     <h4>{{ entity.projectsItem5Title }}</h4>
  579.                                     <p>{{ entity.projectsItem5Subtitle }}</p>
  580.                                     <a href="{{ asset('build/portfolio/template/show/EntConstruction/assets/img/projects/kitchen.jpg') }}" title="{{ entity.projectsItem5HrefTitle }}" data-gallery="portfolio-gallery-remodeling" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
  581.                                     <a href="{{ path('app_portfolio_templates_entreprise_du_batiment_project_2_www', {'lang': currentLang})}}" title="More Details" class="details-link"><i class="bi bi-link-45deg"></i></a>
  582.                                 </div>
  583.                             </div>
  584.                         </div><!-- End Projects Item -->
  586.                         <div class="col-lg-4 col-md-6 portfolio-item filter-construction">
  587.                             <div class="portfolio-content h-100">
  588.                                 <img src="{{ asset('build/portfolio/template/show/EntConstruction/assets/img/projects/llucmajor.jpg') }}" class="img-fluid" alt="">
  589.                                 <div class="portfolio-info">
  590.                                     <h4>{{ entity.projectsItem6Title }}</h4>
  591.                                     <p>{{ entity.projectsItem6Subtitle }}</p>
  592.                                     <a href="{{ asset('build/portfolio/template/show/EntConstruction/assets/img/projects/llucmajor.jpg') }}" title="{{ entity.projectsItem6HrefTitle }}" data-gallery="portfolio-gallery-construction" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
  593.                                     <a href="{{ path('app_portfolio_templates_entreprise_du_batiment_project_5_www', {'lang': currentLang})}}" title="More Details" class="details-link"><i class="bi bi-link-45deg"></i></a>
  594.                                 </div>
  595.                             </div>
  596.                         </div><!-- End Projects Item -->
  598.                         <div class="col-lg-4 col-md-6 portfolio-item filter-repairs">
  599.                             <div class="portfolio-content h-100">
  600.                                 <img src="{{ asset('build/portfolio/template/show/EntConstruction/assets/img/projects/houseoffanusta.jpg') }}" class="img-fluid" alt="">
  601.                                 <div class="portfolio-info">
  602.                                     <h4>{{ entity.projectsItem7Title }}</h4>
  603.                                     <p>{{ entity.projectsItem7Subtitle }}</p>
  604.                                     <a href="{{ asset('build/portfolio/template/show/EntConstruction/assets/img/projects/houseoffanusta.jpg') }}" title="{{ entity.projectsItem7HrefTitle }}" data-gallery="portfolio-gallery-repairs" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
  605.                                     <a href="{{ path('app_portfolio_templates_entreprise_du_batiment_project_8_www', {'lang': currentLang})}}" title="More Details" class="details-link"><i class="bi bi-link-45deg"></i></a>
  606.                                 </div>
  607.                             </div>
  608.                         </div><!-- End Projects Item -->
  610.                         <div class="col-lg-4 col-md-6 portfolio-item filter-design">
  611.                             <div class="portfolio-content h-100">
  612.                                 <img src="{{ asset('build/portfolio/template/show/EntConstruction/assets/img/projects/living-room-tv.jpg') }}" class="img-fluid" alt="">
  613.                                 <div class="portfolio-info">
  614.                                     <h4>{{ entity.projectsItem8Title }}</h4>
  615.                                     <p>{{ entity.projectsItem8Subtitle }}</p>
  616.                                     <a href="{{ asset('build/portfolio/template/show/EntConstruction/assets/img/projects/living-room-tv.jpg') }}" title="{{ entity.projectsItem8HrefTitle }}" data-gallery="portfolio-gallery-book" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
  617.                                     <a href="{{ path('app_portfolio_templates_entreprise_du_batiment_project_11_www', {'lang': currentLang})}}" title="More Details" class="details-link"><i class="bi bi-link-45deg"></i></a>
  618.                                 </div>
  619.                             </div>
  620.                         </div><!-- End Projects Item -->
  622.                         <div class="col-lg-4 col-md-6 portfolio-item filter-remodeling">
  623.                             <div class="portfolio-content h-100">
  624.                                 <img src="{{ asset('build/portfolio/template/show/EntConstruction/assets/img/projects/remodeling-3.jpg') }}" class="img-fluid" alt="">
  625.                                 <div class="portfolio-info">
  626.                                     <h4>{{ entity.projectsItem9Title }}</h4>
  627.                                     <p>{{ entity.projectsItem9Subtitle }}</p>
  628.                                     <a href="{{ asset('build/portfolio/template/show/EntConstruction/assets/img/projects/remodeling-3.jpg') }}" title="{{ entity.projectsItem9HrefTitle }}" data-gallery="portfolio-gallery-remodeling" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
  629.                                     <a href="{{ path('app_portfolio_templates_entreprise_du_batiment_project_3_www', {'lang': currentLang})}}" title="More Details" class="details-link"><i class="bi bi-link-45deg"></i></a>
  630.                                 </div>
  631.                             </div>
  632.                         </div><!-- End Projects Item -->
  634.                         <div class="col-lg-4 col-md-6 portfolio-item filter-construction">
  635.                             <div class="portfolio-content h-100">
  636.                                 <img src="{{ asset('build/portfolio/template/show/EntConstruction/assets/img/projects/restored-home.jpg') }}" class="img-fluid" alt="">
  637.                                 <div class="portfolio-info">
  638.                                     <h4>{{ entity.projectsItem10Title }}</h4>
  639.                                     <p>{{ entity.projectsItem10Subtitle }}</p>
  640.                                     <a href="{{ asset('build/portfolio/template/show/EntConstruction/assets/img/projects/restored-home.jpg') }}" title="{{ entity.projectsItem10HrefTitle }}" data-gallery="portfolio-gallery-construction" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
  641.                                     <a href="{{ path('app_portfolio_templates_entreprise_du_batiment_project_6_www', {'lang': currentLang})}}" title="More Details" class="details-link"><i class="bi bi-link-45deg"></i></a>
  642.                                 </div>
  643.                             </div>
  644.                         </div><!-- End Projects Item -->
  646.                         <div class="col-lg-4 col-md-6 portfolio-item filter-repairs">
  647.                             <div class="portfolio-content h-100">
  648.                                 <img src="{{ asset('build/portfolio/template/show/EntConstruction/assets/img/projects/white.jpg') }}" class="img-fluid" alt="">
  649.                                 <div class="portfolio-info">
  650.                                     <h4>{{ entity.projectsItem11Title }}</h4>
  651.                                     <p>{{ entity.projectsItem11Subtitle }}</p>
  652.                                     <a href="{{ asset('build/portfolio/template/show/EntConstruction/assets/img/projects/white.jpg') }}" title="{{ entity.projectsItem11HrefTitle }}" data-gallery="portfolio-gallery-repairs" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
  653.                                     <a href="{{ path('app_portfolio_templates_entreprise_du_batiment_project_9_www', {'lang': currentLang})}}" title="More Details" class="details-link"><i class="bi bi-link-45deg"></i></a>
  654.                                 </div>
  655.                             </div>
  656.                         </div><!-- End Projects Item -->
  658.                         <div class="col-lg-4 col-md-6 portfolio-item filter-design">
  659.                             <div class="portfolio-content h-100">
  660.                                 <img src="{{ asset('build/portfolio/template/show/EntConstruction/assets/img/projects/living-room-boudoir.jpg') }}" class="img-fluid" alt="">
  661.                                 <div class="portfolio-info">
  662.                                     <h4>{{ entity.projectsItem12Title }}</h4>
  663.                                     <p>{{ entity.projectsItem12Subtitle }}</p>
  664.                                     <a href="{{ asset('build/portfolio/template/show/EntConstruction/assets/img/projects/living-room-boudoir.jpg') }}" title="{{ entity.projectsItem12HrefTitle }}" data-gallery="portfolio-gallery-book" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
  665.                                     <a href="{{ path('app_portfolio_templates_entreprise_du_batiment_project_12_www', {'lang': currentLang})}}" title="More Details" class="details-link"><i class="bi bi-link-45deg"></i></a>
  666.                                 </div>
  667.                             </div>
  668.                         </div><!-- End Projects Item -->
  670.                     </div><!-- End Projects Container -->
  672.                 </div>
  674.             </div>
  675.         </section>
  676.         <!-- End Our Projects Section -->
  678.         <!-- ======= Contact Section ======= -->
  679.         <section id="contact" class="contact">
  680.             <div class="container" data-aos="fade-up" data-aos-delay="100">
  682.                 <div class="row gy-4">
  683.                     <div class="col-lg-6">
  684.                         <div class="info-item d-flex flex-column justify-content-center align-items-center">
  685.                             <i class="bi bi-map"></i>
  686.                             <h3>{{ entity.contactInfoItemTitle1 }}</h3>
  687.                             <p>{{ entity.contactInfoItemSubtitle1 }}</p>
  688.                         </div>
  689.                     </div><!-- End Info Item -->
  691.                     <div class="col-lg-3 col-md-6">
  692.                         <div class="info-item d-flex flex-column justify-content-center align-items-center">
  693.                             <i class="bi bi-envelope"></i>
  694.                             <h3>{{ entity.contactInfoItemTitle2 }}</h3>
  695.                             <p>{{ entity.contactInfoItemSubtitle2 }}</p>
  696.                         </div>
  697.                     </div><!-- End Info Item -->
  699.                     <div class="col-lg-3 col-md-6">
  700.                         <div class="info-item d-flex flex-column justify-content-center align-items-center">
  701.                             <i class="bi bi-telephone"></i>
  702.                             <h3>{{ entity.contactInfoItemTitle3 }}</h3>
  703.                             <p>{{ entity.contactInfoItemSubtitle3 }}</p>
  704.                         </div>
  705.                     </div><!-- End Info Item -->
  707.                 </div>
  709.                 <div class="row gy-4 mt-1">
  711.                     <div class="col-lg-6">
  712.                         <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d12097.433213460943!2d-74.0062269!3d40.7101282!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0xb89d1fe6bc499443!2sDowntown+Conference+Center!5e0!3m2!1smk!2sbg!4v1539943755621" frameborder="0" style="border:0; width: 100%; height: 384px;" allowfullscreen></iframe>
  713.                     </div><!-- End Google Maps -->
  715.                     <div class="col-lg-6">
  716.                         <form action="#" method="post" role="form" class="php-email-form">
  717.                             <div class="row gy-4">
  718.                                 <div class="col-lg-6 form-group">
  719.                                     <input type="text" name="name" class="form-control" id="name" placeholder="{{ entity.contactFormInput1 }}" required>
  720.                                 </div>
  721.                                 <div class="col-lg-6 form-group">
  722.                                     <input type="email" class="form-control" name="email" id="email" placeholder="{{ entity.contactFormInput2 }}" required>
  723.                                 </div>
  724.                             </div>
  725.                             <div class="form-group">
  726.                                 <input type="text" class="form-control" name="subject" id="subject" placeholder="{{ entity.contactFormInput3 }}" required>
  727.                             </div>
  728.                             <div class="form-group">
  729.                                 <textarea class="form-control" name="message" rows="5" placeholder="{{ entity.contactFormInput4 }}" required></textarea>
  730.                             </div>
  731.                             <div class="my-3">
  732.                                 <div class="loading">{{ entity.contactFormInputLoading }}</div>
  733.                                 <div class="error-message"></div>
  734.                                 <div class="sent-message">{{ entity.contactFormInputSent }}</div>
  735.                             </div>
  736.                             <div class="text-center"><button type="submit">{{ entity.contactFormInputSubmit }}</button></div>
  737.                         </form>
  738.                     </div><!-- End Contact Form -->
  740.                 </div>
  742.             </div>
  743.         </section><!-- End Contact Section -->
  748.     </main><!-- End #main -->
  750.     <a href="#" class="scroll-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>
  752. {% endblock %}
  754. {% block javascripts %}
  756.     <!-- Vendor JS Files -->
  757.     <script src="{{ asset('build/portfolio/template/show/EntConstruction/assets/vendor/bootstrap/js/bootstrap.bundle.min.js') }}"></script>
  758.     <script src="{{ asset('build/portfolio/template/show/EntConstruction/assets/vendor/aos/aos.js') }}"></script>
  759.     <script src="{{ asset('build/portfolio/template/show/EntConstruction/assets/vendor/glightbox/js/glightbox.min.js') }}"></script>
  760.     <script src="{{ asset('build/portfolio/template/show/EntConstruction/assets/vendor/isotope-layout/isotope.pkgd.min.js') }}"></script>
  761.     <script src="{{ asset('build/portfolio/template/show/EntConstruction/assets/vendor/swiper/swiper-bundle.min.js') }}"></script>
  762.     <script src="{{ asset('build/portfolio/template/show/EntConstruction/assets/vendor/purecounter/purecounter_vanilla.js') }}"></script>
  763.     <script src="{{ asset('build/portfolio/template/show/EntConstruction/assets/vendor/php-email-form/validate.js') }}"></script>
  765.     <!-- Template Main JS File -->
  766.     <script src="{{ asset('build/portfolio/template/show/EntConstruction/assets/js/main.js') }}"></script>
  768. {% endblock %}