templates/frontoffice_bundle/propos/propos.html.twig line 1

  1. {% extends "frontoffice_bundle/base.html.twig" %}
  2. {% block body %}
  3. <style>
  4. .page-header {
  5.     background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("{{ asset("/bundles/Frontoffice/img/hero-img-1.png")}}");
  6.     background-position: center center;
  7.     background-repeat: no-repeat;
  8.     background-size: cover;
  9. }
  10. </style>
  11.         <div class="container-fluid page-header py-5">
  12.             <h1 class="text-center text-white display-6">A propos de nous</h1>
  13.             <ol class="breadcrumb justify-content-center mb-0">
  14.                 <li class="breadcrumb-item"><a href="#">Acceuil</a></li>
  15.                 <li class="breadcrumb-item active text-white">A propos</li>
  16.             </ol>
  17.         </div>
  18.         <div class="container-fluid testimonial py-5">
  19.             <div class="container">
  20.                 <div class="testimonial-header text-center">
  21.                     <h1 class="display-5 mb-5 text-secondary">Epicerie</h1>
  22.                 </div>
  23.                  <div class="col-lg-12">
  24.                     <div class="position-relative text-center">
  25.                         <img src="{{ asset("bundles/Frontoffice/img/image.jpg")}}"  class="img-fluid  rounded pb-3" alt="" style="height:650px ">
  26.                         <p class="text-dark">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras rutrum sapien justo, id viverra orci fermentum sed. Nunc consectetur tellus vitae odio vulputate mollis. Fusce dapibus tellus id nibh rutrum vestibulum. Nulla tincidunt, felis sed scelerisque faucibus, elit orci pretium ligula, in tincidunt lorem quam et ipsum. Praesent condimentum tempus quam id consequat. Sed pretium rutrum ante non volutpat. Praesent fringilla a dui ultrices tristique. Fusce suscipit risus suscipit nisi dapibus interdum. Nullam tristique euismod eros sit amet cursus.
  27.                         Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras rutrum sapien justo, id viverra orci fermentum sed. Nunc consectetur tellus vitae odio vulputate mollis. Fusce dapibus tellus id nibh rutrum vestibulum. Nulla tincidunt, felis sed scelerisque faucibus, elit orci pretium ligula, in tincidunt lorem quam et ipsum. Praesent condimentum tempus quam id consequat. Sed pretium rutrum ante non volutpat. Praesent fringilla a dui ultrices tristique. Fusce suscipit risus suscipit nisi dapibus interdum. Nullam tristique euismod eros sit amet cursus.
  28.                         </p>
  29.                     </div>
  30.                 </div>
  31.             </div>
  32.         </div>
  34.     <br/><br/>
  35. {% endblock %}
  36. {% block js %}
  39. {% endblock %}