templates/bundles/SyliusShopBundle/Homepage/service.html.twig line 1

Open in your IDE?
  1. {#
  2. <div class="" id="div-service">
  3.     <h2>NOS SERVICES</h2>
  4.     <div class="div-two-services">
  5.         <div class="div-left-service">
  6.             <i class="cogs icon"></i>
  7.             <h4>Aide & Conseils</h4>
  8.             <p>Porttitor morbi maecenas sit vestibulum.Lorem ipsum dolor sit amet consectetur. Purus </p>
  9.             <div class="see-more">
  10.                 <a href="#">En savoir plus</a> <i class="angle right icon"></i>
  11.             </div>
  12.         </div>
  13.         <div class="div-right-service">
  14.             <i class="cogs icon"></i>
  15.             <h4>Aide & Conseils</h4>
  16.             <p>Porttitor morbi maecenas sit vestibulum.Lorem ipsum dolor sit amet consectetur. Purus </p>
  17.             <div class="see-more">
  18.                 <a href="#">En savoir plus</a> <i class="angle right icon"></i>
  19.             </div>
  20.         </div>
  21.     </div>
  22. </div>
  23. #}
  25. <style>
  26.     /*#div-service{*/
  27.     /*    display: flex;*/
  28.     /*    flex-direction: column;*/
  29.     /*}*/
  30.     /*#div-service h2, #div-service h4, #div-service p, #div-service a, #div-service i{*/
  31.     /*    color: white;*/
  32.     /*}*/
  33.     /*#div-service h4, #div-service p{*/
  34.     /*    margin: 0 !important;*/
  35.     /*}*/
  36.     /*#div-service h4{*/
  37.     /*    font-size: var(--md-fz);*/
  38.     /*}*/
  39.     /*#div-service p, #div-service a{*/
  40.     /*    font-size: var(--sm-fz) - 0.25rem;*/
  41.     /*}*/
  42.     /*#div-service .cogs.icon{*/
  43.     /*    font-size: var(--lg-fz);*/
  44.     /*}*/
  45.     /*#div-service .angle.right.icon{*/
  46.     /*    font-size: var(--sm-fz);*/
  47.     /*}*/
  48.     /*.div-two-services{*/
  49.     /*    display: flex;*/
  50.     /*    flex-direction: row;*/
  51.     /*    justify-content: center;*/
  52.     /*    gap: 2rem;*/
  53.     /*    margin: 3rem 0;*/
  54.     /*}*/
  55.     /*.div-left-service, .div-right-service{*/
  56.     /*    display: flex;*/
  57.     /*    flex-direction: column;*/
  58.     /*    justify-content: space-between;*/
  59.     /*    gap: 1rem;*/
  60.     /*    border: 1px solid white;*/
  61.     /*    padding: 2rem;*/
  62.     /*    max-width: 33%;*/
  63.     /*}*/
  64.     /*.see-more{*/
  65.     /*    display: flex;*/
  66.     /*    flex-direction: row;*/
  67.     /*    align-items: center;*/
  68.     /*    gap: 1rem;*/
  69.     /*}*/
  70. </style>