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

Open in your IDE?
  1. <div class="div-annonce">
  2.     <div class="images-annonce">
  3.         <img class="ui fluid image" id="image-1-annonce" src="{{ asset('girls-bikers.png', 'shop') }}" alt="Sylius">
  4.         <img class="ui fluid image" id="image-2-annonce" src="{{ asset('girls-boys-bikers.png', 'shop') }}" alt="Sylius">
  5.     </div>
  6.     <div class="text-annonce">
  7.         <p>
  8.             Rachat, vente, location et rénovation d'équipements moto d'occasion et neufs
  9.         </p>
  10.         <div class="drop-announce">
  11.             {% if app.user is not null  and app.user.vendor is not null%}
  12.                 <a href="{{ path('open_marketplace_vendor_product_listing_create_product') }}">Déposer une annonce</a> <i class="angle right icon"></i>
  13.             {% else%}
  14.                 <a href="{{ path('sylius_no_connected_product') }}">Déposer une annonce</a> <i class="angle right icon"></i>
  15.             {% endif %}
  17.         </div>
  18.     </div>
  19. </div>
  21. <style>
  22.     /*.div-annonce {*/
  23.     /*    display: flex;*/
  24.     /*    flex-direction: row;*/
  25.     /*    justify-content: space-between;*/
  26.     /*    align-items: center;*/
  27.     /*    gap: 2rem;*/
  28.     /*}*/
  29.     /*.images-annonce {*/
  30.     /*    width: 50%;*/
  31.     /*    position: relative;*/
  32.     /*    height: 600px;*/
  33.     /*}*/
  34.     /*#image-1-annonce {*/
  35.     /*    position: absolute;*/
  36.     /*    top: 0;*/
  37.     /*    left: 0;*/
  38.     /*    z-index: 1;*/
  39.     /*    width: 65%;*/
  40.     /*}*/
  41.     /*#image-2-annonce {*/
  42.     /*    position: absolute;*/
  43.     /*    bottom: 0;*/
  44.     /*    right: 0;*/
  45.     /*    z-index: 2;*/
  46.     /*    width: 65%;*/
  47.     /*}*/
  48.     /*.text-annonce {*/
  49.     /*    width: 50%;*/
  50.     /*    text-align: start;*/
  51.     /*    height: 600px;*/
  52.     /*}*/
  53.     /*.text-annonce p:first-of-type {*/
  54.     /*    font-size: var(--lg-fz);*/
  55.     /*    font-weight: bold;*/
  56.     /*}*/
  57.     /*.text-annonce p:last-of-type {*/
  58.     /*    font-size: var(--sm-fz);*/
  59.     /*    font-weight: 300;*/
  60.     /*    margin: 2rem 0;*/
  61.     /*    line-height: 3rem;*/
  62.     /*}*/
  64.     /*.drop-announce {*/
  65.     /*    display: flex;*/
  66.     /*    flex-direction: row;*/
  67.     /*    align-items: center;*/
  68.     /*    background-color: #E35E31;*/
  69.     /*    width: fit-content;*/
  70.     /*    padding: 1rem;*/
  71.     /*}*/
  72.     /*.drop-announce a {*/
  73.     /*    font-size: var(--sm-fz);*/
  74.     /*    font-weight: 300;*/
  75.     /*    color: #000;*/
  76.     /*    text-decoration: none;*/
  77.     /*}*/
  78.     /*.drop-announce i {*/
  79.     /*    font-size: var(--sm-fz);*/
  80.     /*    font-weight: 300;*/
  81.     /*    color: #000;*/
  82.     /*    margin: 0 0 0 1rem;*/
  83.     /*}*/
  84. </style>