templates/partials/header_img.html.twig line 1

Open in your IDE?
  1. <style>
  2.     .accuieil-img {
  3.         background-image: url('./assets/img/header-bg.jpg');
  4.         width: 100%;
  5.         background-size: cover;
  6.     }
  8.     @media screen and (max-width    : 767px)
  9.     {
  10.         .accuieil-img {
  11.             background-image: url('./assets/img/header-bg-mob.jpg');
  12.         }
  13.     }
  14. </style>
  17. <div id="demo" class="carousel slide" data-ride="carousel">
  19.   <!-- Indicators -->
  20.   <ul class="carousel-indicators">
  21.     <li data-target="#demo" data-slide-to="0" class="active"></li>
  22.     <li data-target="#demo" data-slide-to="1"></li>
  23.     <li data-target="#demo" data-slide-to="2"></li>
  24.       <li data-target="#demo" data-slide-to="3"></li>
  25.     <li data-target="#demo" data-slide-to="4"></li>
  26.   </ul>
  28.   <!-- The slideshow -->
  29.   <div class="carousel-inner">
  30.     <div class="carousel-item active">
  31.       <img src="{{ asset('assets/img/famille-heureuse-afrique.webp') }}" alt="Famille">
  32.     </div>
  33.     <div class="carousel-item">
  34.       <img src="{{ asset('assets/img/header-bg.jpg') }}" alt="Accuel">
  35.     </div>
  36.       <div class="carousel-item">
  37.       <img src="{{ asset('assets/img/doliprane.jpg') }}" alt="doliprane">
  38.     </div>
  39.       <div class="carousel-item">
  40.       <img src="{{ asset('assets/img/panadol.png') }}" alt="panaldo">
  41.     </div>
  42.     <div class="carousel-item">
  43.       <img src="{{ asset('assets/img/arcalion.jpg') }}" alt="arcalion">
  44.     </div>
  45.     
  46.   </div>
  48.   <!-- Left and right controls -->
  49.   <a class="carousel-control-prev" href="#demo" data-slide="prev">
  50.     <span class="carousel-control-prev-icon"></span>
  51.   </a>
  52.   <a class="carousel-control-next" href="#demo" data-slide="next">
  53.     <span class="carousel-control-next-icon"></span>
  54.   </a>
  56. </div>
  60. {#<div id="carouselExampleSlidesOnly" class="carousel slide mb-5" data-ride="carousel">
  61.     <div class="carousel-inner">
  62.         <div class="carousel-item active accuieil-img">
  63.             <!--<img class="d-block w-100" src="{{ asset('assets/img/header-bg.jpg') }}" alt="header">-->
  64.         </div>
  65.     </div>
  66. </div>#}