templates/home/particular.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Hello HomeController!{% endblock %}
  5. {% block body %}
  6.  <style>
  7.     body {
  8.       font-family: 'Segoe UI', sans-serif;
  9.     }
  10.     
  11.     .hero {
  12.       /* background: url('https://images.unsplash.com/photo-1600585154340-be6161a56a0c') center/cover no-repeat; */
  13.       /* background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.1)), url(https://images.unsplash.com/photo-1600585154340-be6161a56a0c) center / cover no-repeat;
  14.       min-height: 90vh;
  15.       display: flex;
  16.       align-items: center;
  17.       color: white;
  18.       text-shadow: 1px 1px 4px rgba(0,0,0,0.6); */
  19.       min-height: 80vh;
  20.     display: flex;
  21.     align-items: center;
  22.     }
  23.     .service-card {
  24.       transition: all 0.3s ease;
  25.     }
  26.     .service-card:hover {
  27.       transform: translateY(-8px);
  28.       box-shadow: 0 8px 20px rgba(0,0,0,0.15);
  29.     }
  30.     .cta-section {
  31.       background: #0170ba;
  32.       color: white;
  33.       padding: 60px 0;
  34.       text-align: center;
  35.     }
  36.   </style>
  38.   </section>
  40.   <!-- Services -->
  41.   <section id="services" class="py-5">
  42.     <div class="container py-5">
  43.       <div class="text-center mb-5">
  44.         <h2 class="fw-bold">Choisir votre besoin</h2>
  45.         <p class="text-muted">Des diagnostics complets pour vos biens immobiliers</p>
  46.       </div>
  47.       <div class="row g-4">
  48.         
  49.         {% for service in services %}
  50.         <div class="col-md-4">
  51.           <div class="card service-card h-100 text-center p-4">
  52.             <div class="mb-3">
  53.               <img src="{{asset('img/pro.png')}}" width="100" alt="Amiante">
  54.             </div>
  55.             <a href="{{ path('devis_step2', {id: service.id}) }}" class="btn btn-primary">{{ service.nom }}</a>
  56.             {% if service.nom == "Pack vente"  %}
  57.               <p class="text-muted">Le pack vente contient les diagnostiques : <b> Plomb, Amiante, DPE, Électricité, Gaz, ERP, Termites, Loi Carrez</b></p>
  58.             {% elseif service.nom == "Pack location"  %}
  59.               <p class="text-muted">Le pack vente contient les diagnostiques : <b> Plomb, DPE, Électricité, Gaz, ERP, Amiante</b></p>
  60.             {% endif %}
  61.           </div>
  62.         </div>
  63.       {% endfor %}
  64.       {# <form action="{{ path('devis_step2') }}" method="get">
  65.           <select name="service">
  66.               {% for s in services %}
  67.                   <option value="{{ s.nom }}">{{ s.nom }}</option>
  68.               {% endfor %}
  69.           </select>
  70.           <button type="submit">Suivant</button>
  71.       </form> #}
  72.       </div>
  73.     </div>
  74.   </section>
  76.   
  77. {% endblock %}