templates/views/partials/_carousel.html.twig line 1

Open in your IDE?
  2. <div id="myCarousel" class="carousel slide" data-ride="carousel">
  3.     <ol class="carousel-indicators">
  4.         <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
  5.         <li data-target="#myCarousel" data-slide-to="1"></li>
  6.         <li data-target="#myCarousel" data-slide-to="2"></li>
  7.     </ol>
  8.     {% set lirePlus = "Lire la suite" %}
  9.     <div class="carousel-inner">
  10.         <div class="carousel-item active">
  11.             <img class="first-slide" src="{{ asset('img/cafebg.jpg') }}" alt="First slide">
  12.             <div class="container">
  13.                 <div class="carousel-caption text-left">
  14.                     <h1 class="carousel-h1">
  16.                         BSCM Courtiers Associés négocie auprès des banques, des prêts bancaires pour
  17.                         votre projet professionnel et ce, dans les meilleures conditions de crédit
  18.                     </h1>
  19.                     <div class="row">
  20.                         <p class="intro-subtitle intro-price">
  21.                             <a href="{{ path('presentation') }}">
  22.                                 <span class="btn btn-b-n">
  23.                                     {{ lirePlus }}
  24.                                 </span>
  25.                             </a>
  26.                         </p>
  27.                     </div>
  29.                 </div>
  30.             </div>
  31.         </div>
  32.         <div class="carousel-item">
  33.             <img class="second-slide" src="{{ asset('img/arg.jpg') }}" alt="Second slide">
  34.             <div class="container">
  35.                 <div class="carousel-caption text-left">
  36.                     <h1 class="carousel-h1">BSCM Courtiers Associés, s'emploie à optimiser vos affaires en vous
  37.                         facilitant l'accès aux marchés internationaux
  38.                     </h1>
  40.                     <div class="row">
  41.                         <p class="intro-subtitle intro-price mr-5">
  42.                             <a href="{{ path('presentation') }}"><span class="btn btn-b-n">{{ lirePlus }}</span></a>
  44.                         </p>
  45.                     </div>
  46.                 </div>
  47.             </div>
  48.         </div>
  49.         <div class="carousel-item">
  50.             <img class="third-slide" src="{{ asset('img/anac.jpg') }}" alt="Third slide">
  51.             <div class="container">
  52.                 <div class="carousel-caption text-left">
  53.                     <h1 class="carousel-h1">Un cabinet, une mission d’impact en Afrique et partout dans
  54.                         le monde.</h1>
  55.                     <p>
  56.                     </p>
  57.                     <div class="row">
  58.                         <p class="intro-subtitle intro-price">
  59.                             <a href="{{ path('presentation') }}"><span class="btn btn-b-n">{{ lirePlus }}</span></a>
  61.                         </p>
  62.                     </div>
  64.                 </div>
  65.             </div>
  66.         </div>
  67.         <div class="carousel-item">
  68.             <img class="forth-slide" src="{{ asset('img/cacaobscm.jpg') }}" alt="Third slide">
  69.             <div class="container">
  70.                 <div class="carousel-caption text-left">
  71.                     <h1 class="carousel-h1">BSCM courtiers associés, cabinet pionnier du courtage de matières premières
  72.                         agricoles et de financement professionnel.</h1>
  73.                     <p>
  74.                     </p>
  75.                     <div class="row">
  76.                         <p class="intro-subtitle intro-price">
  77.                             <a href="{{ path('presentation') }}"><span class="btn btn-b-n">{{ lirePlus }}</span>
  78.                             </a>
  80.                         </p>
  81.                     </div>
  84.                 </div>
  85.             </div>
  86.         </div>
  87.     </div>
  88.     <a class="carousel-control-prev" href="#myCarousel" role="button" data-slide="prev">
  89.         <span class="carousel-control-prev-icon" aria-hidden="true"></span>
  90.         <span class="sr-only">Previous</span>
  91.     </a>
  92.     <a class="carousel-control-next" href="#myCarousel" role="button" data-slide="next">
  93.         <span class="carousel-control-next-icon" aria-hidden="true"></span>
  94.         <span class="sr-only">Next</span>
  95.     </a>
  96. </div>