templates/accueil/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% set active = 'accueil'%}
  3. {% block body %}
  6.     <section id="hero" class="hero d-flex align-items-center">
  7.         <div class="container">
  8.             <div class="row">
  9.                 <div class="col-lg-6 d-flex flex-column justify-content-center">
  10.                     <h1 data-aos="fade-up">{{ accueil.titre1 }}</h1>
  11.                     <h2 data-aos="fade-up" data-aos-delay="400">{{ accueil.paragraphe1 }}</h2>
  12.                     <div data-aos="fade-up" data-aos-delay="600">
  13.                         <div class="text-center text-lg-start">
  14.                             <a href="{{ path('offre') }}" class="btn-get-started scrollto d-inline-flex align-items-center justify-content-center align-self-center">
  15.                                 <span>En savoir plus</span>
  16.                                 <i class="bi bi-arrow-right"></i>
  17.                             </a>
  18.                         </div>
  19.                     </div>
  20.                 </div>
  21.                 <div class="col-lg-6 hero-img" data-aos="zoom-out" data-aos-delay="200">
  22.                     <img src="{{ asset('uploads/files/' ~accueil.image1)}}" class="img-fluid" alt="">
  23.                 </div>
  24.             </div>
  25.         </div>
  26.     </section>
  28.     <section class="about">
  29.         <div class="container" data-aos="fade-up">
  30.             <div class="row gx-0">
  31.                 <div class="col-lg-5 d-flex align-items-center" data-aos="zoom-out" data-aos-delay="200">
  32.                     <img src="{{ asset('uploads/files/' ~accueil.image2)}}" class="img-fluid" alt="">
  33.                 </div>
  34.                 <div class="col-lg-7 d-flex flex-column justify-content-center" data-aos="fade-up" data-aos-delay="200">
  35.                     <div class="content">
  36.                         <!--<h3>Qui nous sommes?</h3>-->
  37.                         <h2>{{ accueil.titre2 }}</h2>
  38.                         <p>{{ accueil.paragraphe2 }}</p>
  39.                     </div>
  40.                 </div>
  41.             </div>
  42.         </div>
  43.     </section>
  46. {% endblock %}