templates/home/cadreSVS/element.html.twig line 1

Open in your IDE?
  1. <link rel="stylesheet" href="{{asset('css/app/cadreSVS.css')}}">
  3.     <style>
  4.     .cadreSVS_1 {
  5.         width: 30%;
  6.         height: auto;
  7.         box-shadow:unset;
  8.         border:unset;
  9.     }
  10.     .cadreSVS_2 {
  11.         padding:0 40px 25px 25px;
  12.         width: 65%; 
  13.         background-image: 
  14.             linear-gradient(to top, rgb(255 255 255 / 50%), #f2f2f2 5%, transparent 100%),
  15.             linear-gradient(to bottom, rgb(255 255 255 / 50%), #f2f2f2 5%, transparent 100%),
  16.             linear-gradient(to left, rgb(255 255 255 / 50%), #f2f2f2 5%, transparent 100%),
  17.             linear-gradient(to right, rgb(255 255 255 / 50%), #ff98002b 5%, transparent 100%);
  18.         
  19.     }
  20.     .cadreSVS_2 p strong {
  21.         color:#2d4275;
  22.     }
  23.     .cadreSVS_2 ul li {
  24.         font-size:15px!important;
  25.     }
  26.     .cadreSVS_2 ul li i {
  27.         color:#fca311;
  28.         box-shadow:unset;
  29.         font-weight:700;
  30.         font-size:16px;
  31.         margin-right:5px!important;
  32.     }
  36.     .cadreSVS_2 ul li span {
  37.         font-size:inherit;
  38.         font-weight:700;
  39.         padding-right:5px;
  40.         color:#2d4275;
  41.     }
  43.     
  44.     </style>
  47.     <div class="hagrouna__1"></div>
  48.     
  50.     <div class="svsTitle">
  51.         <div class="groupe_svsTitle">
  52.             <h3 class="typed-home-about typed_cadreSVS"></h3>
  53.         </div>
  54.     </div>
  55.     <div class="cadreSVS">
  56.         <div class="cadreSVS_1">
  57.             <img class="lozad" src="{{asset('img/placeholder.png')}}" data-src="{{asset('img/analyse2.webp')}}" alt="" width="300" height="300">
  58.         </div>
  60.         <div class="cadreSVS_2" data-aos="fade-left">
  61.             <!--p><strong><span style="font-size:20px">D</span>ollars index lorem ipsum dolor sit amet consectetur</strong></p-->
  62.             <ul>
  63.                 <li><span><i>1.</i> {{'Analyse approfondie'|trans}}         </span> {{"des besoins de sécurité et des risques pour chaque situation"|trans}} </li>
  64.                 <li><span><i>2.</i> {{'Évaluation rapide'|trans}}           </span> {{"des environnements pour des solutions adaptées"|trans}} </li>
  65.                 <li><span><i>3.</i> {{'Élaboration de stratégies'|trans}}   </span> {{"optimales pour une meilleure protection des biens et des personnes"|trans}}</li>
  66.                 <li><span><i>4.</i> {{'Mise en place'|trans}}               </span> {{"efficace des mesures de sécurité convenues"|trans}} </li>
  67.                 <li><span><i>5.</i> {{'Controle permanent'|trans}}          </span> {{"et ajustement pour maintenir la sécurité"|trans}} </li>
  68.             </ul>
  69.         </div>
  70.     </div>