templates/home/step2.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">
  49.         <div class="col-md-4">
  50.           <div class="card service-card h-100 text-center p-4">
  51.             <div class="mb-3">
  52.               <img src="{{asset('img/dimension3.png')}}" width="100" alt="Amiante">
  53.             </div>
  54.             <a href="{{ path('devis_step3', {id: service.id, prix: 'prix1'}) }}" class="btn btn-primary">Petit (<60m²)</a>
  55.             {# <p class="text-muted">Vérifiez la présence d’amiante pour sécuriser vos transactions immobilières.</p> #}
  56.           </div>
  57.         </div>
  58.         <div class="col-md-4">
  59.           <div class="card service-card h-100 text-center p-4">
  60.             <div class="mb-3">
  61.               <img src="{{asset('img/dimension2.png')}}" width="100" alt="Amiante">
  62.             </div>
  63.             <a href="{{ path('devis_step3', {id: service.id, prix: 'prix2'}) }}" class="btn btn-primary">Moyen (60-120m²)</a>
  64.             {# <p class="text-muted">Vérifiez la présence d’amiante pour sécuriser vos transactions immobilières.</p> #}
  65.           </div>
  66.         </div>
  67.         <div class="col-md-4">
  68.           <div class="card service-card h-100 text-center p-4">
  69.             <div class="mb-3">
  70.               <img src="{{asset('img/dimension.png')}}" width="100" alt="Amiante">
  71.             </div>
  72.             <a href="{{ path('devis_step3', {id: service.id, prix: 'prix3'}) }}" class="btn btn-primary">Grand (>120m²)</a>
  73.             {# <p class="text-muted">Vérifiez la présence d’amiante pour sécuriser vos transactions immobilières.</p> #}
  74.           </div>
  75.         </div>
  78.       </div>
  79.     </div>
  80.   </section>
  82.   
  83. {% endblock %}