templates/views/partials/en/_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 = "Read more" %}
  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">
  15.                         BSCM Courtiers Associés negotiates with banks, bank loans for
  16.                         your professional project and this, under the best credit conditions.
  17.                     </h1>
  18.                     <div class="row">
  19.                         <p class="intro-subtitle intro-price">
  20.                             <a href="{{ path('presentation') }}">
  21.                                 <span class="btn btn-b-n">
  22.                                     {{ lirePlus }}
  23.                                 </span>
  24.                             </a>
  25.                         </p>
  26.                     </div>
  28.                 </div>
  29.             </div>
  30.         </div>
  31.         <div class="carousel-item">
  32.             <img class="second-slide" src="{{ asset('img/arg.jpg') }}" alt="Second slide">
  33.             <div class="container">
  34.                 <div class="carousel-caption text-left">
  35.                     <h1 class="carousel-h1">BSCM Courtiers Associés works to optimise your business
  36.                         by facilitating access to international markets.
  37.                     </h1>
  39.                     <div class="row">
  40.                         <p class="intro-subtitle intro-price mr-5">
  41.                             <a href="{{ path('presentation') }}"><span class="btn btn-b-n">{{ lirePlus }}</span></a>
  43.                         </p>
  44.                     </div>
  45.                 </div>
  46.             </div>
  47.         </div>
  48.         <div class="carousel-item">
  49.             <img class="third-slide" src="{{ asset('img/anac.jpg') }}" alt="Third slide">
  50.             <div class="container">
  51.                 <div class="carousel-caption text-left">
  52.                     <h1 class="carousel-h1">One firm, one mission, making an impact in Africa and around the world.</h1>
  53.                     <p>
  54.                     </p>
  55.                     <div class="row">
  56.                         <p class="intro-subtitle intro-price">
  57.                             <a href="{{ path('presentation') }}"><span class="btn btn-b-n">{{ lirePlus }}</span></a>
  59.                         </p>
  60.                     </div>
  62.                 </div>
  63.             </div>
  64.         </div>
  65.         <div class="carousel-item">
  66.             <img class="forth-slide" src="{{ asset('img/cacaobscm.jpg') }}" alt="Third slide">
  67.             <div class="container">
  68.                 <div class="carousel-caption text-left">
  69.                     <h1 class="carousel-h1">BSCM courtiers associés, a pioneering brokerage
  70.                         firm in agricultural commodities and professional financing.</h1>
  71.                     <p>
  72.                     </p>
  73.                     <div class="row">
  74.                         <p class="intro-subtitle intro-price">
  75.                             <a href="{{ path('presentation') }}"><span class="btn btn-b-n">{{ lirePlus }}</span>
  76.                             </a>
  78.                         </p>
  79.                     </div>
  82.                 </div>
  83.             </div>
  84.         </div>
  85.     </div>
  86.     <a class="carousel-control-prev" href="#myCarousel" role="button" data-slide="prev">
  87.         <span class="carousel-control-prev-icon" aria-hidden="true"></span>
  88.         <span class="sr-only">Previous</span>
  89.     </a>
  90.     <a class="carousel-control-next" href="#myCarousel" role="button" data-slide="next">
  91.         <span class="carousel-control-next-icon" aria-hidden="true"></span>
  92.         <span class="sr-only">Next</span>
  93.     </a>
  94. </div>