templates/accueil/en.slider.html.twig line 1

  1. <div id="slider" class="position-relative">
  2.     {# fleche direction #}
  3.     <i class="sliderArrow left fa-solid fa-circle-arrow-left"></i>
  4.     <i class="sliderArrow right fa-solid fa-circle-arrow-right"></i>
  5.     {# contenu slide 1 #}
  6.     {% set slideNum = "1" %}
  7.     <div id="slide{{ slideNum }}" class="slide active clearfix position-relative">
  8.         <div class="topLeftDiv ps-5 position-absolute">
  9.             <h1 id="title{{ slideNum }}" class="title text-secondary opacity"> Redundant load pin</h1>
  10.             <div id="subTitle{{ slideNum }}" class="subTitle opacity"> SIL ready (EN 61508), PL ready (EN 13849-1)</div>
  11.         </div>
  12.         <a href="/fr/axes-dynamometriques/axe-dynamometrique-redondant-sil">
  13.             <img id="rightImg{{ slideNum }}" class="rightImg float-end position-relative opacity" src="/ps/img/slider/mino-5000-HOIS003025-16t-(2)--detoure-HD.jpg" alt="mino 5000 HOIS003025 16t" width="752px" height="500px"></img>
  14.         </a>
  15.         <div class="leftBottomDiv w-100 position-absolute d-inline-block ps-5 pb-5">
  16.             <div id="leftBottomText{{ slideNum }}" class="leftBottomText opacity"> Typical applications</div>
  17.             <div class="d-flex w-100 flex-wrap justify-content-start">
  18.                 <a href="/en/applications/load-limiters-for-hoisting-devices/load-pins-sil-3-load-limitation-of-rigging-systems-for-theaters" class="p-1">
  19.                     <img id="leftBottomImgA{{ slideNum }}" class="leftBottomImg leftBottomImgA img-fluid opacity" src="/ps/img/slider/4.1-load-pins-sil-3-load-limitation-of-rigging-systems-for-theaters-01-H_EN.png" alt="load pins sil 3 load limitation of rigging systems for theaters" width="171px" height="91px"></img>
  20.                 </a>
  21.                 <a href="/en/applications/load-limiters-for-hoisting-devices/load-limiting-system-for-lifting-application" class="p-1">
  22.                     <img id="leftBottomImgB{{ slideNum }}" class="leftBottomImg leftBottomImgB img-fluid opacity" src="/ps/img/slider/4.2-load-limiting-system-for-lifting-application-01-H_EN.png" alt="load limiting system for lifting application" width="171px" height="91px"></img>
  23.                 </a>
  24.                 <a href="/en/applications/eot-crane-overload-protection/crane-load-limiter-for-heavy-eot" class="p-1">
  25.                     <img id="leftBottomImgC{{ slideNum }}" class="leftBottomImg leftBottomImgC img-fluid opacity" src="/ps/img/slider/3.3-crane-load-limiter-for-heavy-eot-H_EN.png" alt="crane load limiter for heavy eot" width="171px" height="91px"></img>
  26.                 </a>
  27.             </div>
  28.         </div>
  29.     </div>
  30.     {# contenu slide 2 #}
  31.     {% set slideNum = "2" %}
  32.     <div id="slide{{ slideNum }}" class="slide clearfix position-relative d-none">
  33.         <div class="topLeftDiv ps-5 position-absolute">
  34.             <h1 id="title{{ slideNum }}" class="text-secondary opacity"> Crane overload protection <br> SAFETY-BOY (PL d)</h1>
  35.             <div id="subTitle{{ slideNum }}" class="opacity"> Functional safety certified load limiter electronics for hoisting devices <br> Performance level “PL d” according to EN ISO 13849-1 / “SIL 3 ready” </div>
  36.         </div>
  37.         <a href="'/en/blog/crane-overload-protection-safety-boy-b44">
  38.             <img id="rightImg{{ slideNum }}"class="rightImg float-end position-relative opacity" alt="Crane overload protection SAFETY-BOY" src="/ps/img/slider/Limiteur_de_charge_SAFETY_BOY.jpg" width="752px" height="500px" style="max-width:45%"></img>
  39.         </a>
  40.         <div class="leftBottomDiv w-100 position-absolute d-inline-block ps-5 pb-5">
  41.             <div id="leftBottomText{{ slideNum }}" class="opacity"> Typical applications</div>
  42.             <div class="d-flex w-100 flex-wrap justify-content-start">
  43.                 <a href="/en/applications/eot-crane-overload-protection/load-limiter-for-eot-crane-with-large-display" class="p-1">
  44.                     <img id="leftBottomImgA{{ slideNum }}" class="leftBottomImg leftBottomImgA img-fluid opacity" src="/ps/img/slider/load-limiter-for-eot-crane-with-large-display.jpg" alt="Load limiter for eot crane with large display" width="171px" height="91px"></img>
  45.                 </a>
  46.                 <a href="/en/applications/eot-crane-overload-protection/crane-overload-protection-for-complex-hoisting-device" class="p-1">
  47.                     <img id="leftBottomImgB{{ slideNum }}" class="leftBottomImg leftBottomImgB img-fluid opacity" src="/ps/img/slider/crane-overload-protection-for-complex-hoisting-device.jpg" alt="Crane overload protection for complex hoisting device" width="171px" height="91px"></img>
  48.                 </a>
  49.                 <a href="/en/applications/eot-crane-overload-protection/crane-load-limiter-for-heavy-eot" class="p-1">
  50.                     <img id="leftBottomImgC{{ slideNum }}" class="leftBottomImg leftBottomImgC img-fluid opacity" src="/ps/img/slider/eot-crane-overload-protectioncrane-load-limiter-for-heavy-eot.jpg" alt="Crane load limiter for heavy eot" width="171px" height="91px"></img>
  51.                 </a>
  52.             </div>
  53.         </div>
  54.     </div>
  55. </div>