themes/BootstrapChildTheme/SyliusShopBundle/views/Product/Storyteller/_frames.html.twig line 1

Open in your IDE?
  1. <div class="row">
  2.     <div class="col-sm-6 mb-3">
  3.         <div class="product-frame flex">
  4.             <img src="{{ asset('assets/shop/img/edl.png') }}" alt="edl" />
  5.             <p>{{ 'app.ui.product.storyteller.frames.edl' | trans }}</p>
  6.         </div>
  7.     </div>
  8.     <div class="col-sm-6 mb-3">
  9.         <div class="product-frame flex">
  10.             <img src="{{ asset('assets/shop/img/personnages.png') }}" alt="personnages" />
  11.             <p>{{ 'app.ui.product.storyteller.frames.characters' | trans }}</p>
  12.             <a href="{{ asset('assets/shop/pdf/conteusemax_contenus.pdf') }}" target="_blank" class="button secondary">{{ 'app.ui.product.storyteller.frames.discover_content' | trans }}</a>
  13.         </div>
  14.     </div>
  15. </div>
  17. <div class="row">
  18.     <div class="col-sm-3 col-6 mb-3">
  19.         <div class="product-frame flex align-content-start small">
  20.             <img src="{{ asset('assets/shop/img/nomade.svg') }}" alt="compacte" />
  21.             <p>{{ 'app.ui.product.storyteller.frames.compact' | trans }}</p>
  22.         </div>
  23.     </div>
  24.     <div class="col-sm-3 col-6 mb-3">
  25.         <div class="product-frame flex align-content-start small">
  26.             <img src="{{ asset('assets/shop/img/navigation.svg') }}" alt="navigation simple" />
  27.             <p>{{ 'app.ui.product.storyteller.frames.simple' | trans }} </p>
  28.         </div>
  29.     </div>
  30.     <div class="col-sm-3 col-6 mb-3">
  31.         <div class="product-frame flex align-content-start small">
  32.             <img src="{{ asset('assets/shop/img/lecture.svg') }}" alt="lecture" />
  33.             <p>{{ 'app.ui.product.storyteller.frames.reading' | trans }}</p>
  34.         </div>
  35.     </div>
  36.     <div class="col-sm-3 col-6 mb-3">
  37.         <div class="product-frame flex align-content-start small">
  38.             <img src="{{ asset('assets/shop/img/quiz.svg') }}" alt="quiz" />
  39.             <p>{{ 'app.ui.product.storyteller.frames.quiz' | trans }}</p>
  40.         </div>
  41.     </div>
  42. </div>
  44. <div class="row">
  45.     <div class="col-sm-3 col-6 mb-3">
  46.         <div class="product-frame flex align-content-start small">
  47.             <img src="{{ asset('assets/shop/img/sans_onde.svg') }}" alt="sans ondes" />
  48.             <p>{{ 'app.ui.product.storyteller.frames.radio' | trans }}</p>
  49.         </div>
  50.     </div>
  51.     <div class="col-sm-3 col-6 mb-3">
  52.         <div class="product-frame flex align-content-start small">
  53.             <img src="{{ asset('assets/shop/img/enregistrement.svg') }}" alt="micro" />
  54.             <p>{{ 'app.ui.product.storyteller.frames.custom' | trans }} </p>
  55.         </div>
  56.     </div>
  57.     <div class="col-sm-3 col-6 mb-3">
  58.         <div class="product-frame flex align-content-start small">
  59.             <img src="{{ asset('assets/shop/img/doux.svg') }}" alt="doux" />
  60.             <p>{{ 'app.ui.product.storyteller.frames.soft' | trans }}</p>
  61.         </div>
  62.     </div>
  63.     <div class="col-sm-3 col-6 mb-3">
  64.         <div class="product-frame flex align-content-start small">
  65.             <img src="{{ asset('assets/shop/img/autocollants.svg') }}" alt="autocollants" />
  66.             <p>{{ 'app.ui.product.storyteller.frames.sticker' | trans }}</p>
  67.         </div>
  68.     </div>
  69. </div>