app/template/default/Block/large-banners.twig line 1

Open in your IDE?
  1. {#
  2.     当日発症・送料無料
  3. #}
  6. {% block stylesheet %}
  7. <style>
  8.     .large-banners {
  9.         display: flex;
  10.         flex-direction: column;
  11.         gap: 4px;
  12.         padding-left: 20px;
  13.         padding-right: 20px;
  14.     }
  16.     @media (min-width: 768px) {
  17.         .large-banners {
  18.             flex-direction: row;
  19.             gap: 20px;
  20.             padding-left: 0;
  21.             padding-right: 0;
  22.         }
  23.     }
  24. </style>
  25. {% endblock %}
  28. <div class="large-banners">
  29. {% if app.request.get('_route') == 'index' %}
  30.     <a href ="{{ url('contact') }}">
  31.     <picture>
  32.         <source
  33.             srcset="{{ asset('assets/img/large-banners/large-banner-contact-md.png', 'user_data') }}"
  34.             media="(min-width: 768px)"
  35.             width="440"
  36.             height="184"
  37.         />
  38.         <source
  39.             srcset="{{ asset('assets/img/large-banners/large-banner-contact.png', 'user_data') }}"
  40.             media="(min-width: 320px)"
  41.             width="350"
  42.             height="153"
  43.         />
  44.         <img src="{{ asset('assets/img/large-banners/large-banner-contact-md.png', 'user_data') }}" alt="" class="w-100" width="440" height="184" />
  45.     </picture>
  46.     </a>
  47. {% else %}
  48.     <picture>
  49.         <source
  50.             srcset="{{ asset('assets/img/large-banners/large-banner-red-md.png', 'user_data') }}"
  51.             media="(min-width: 768px)"
  52.             width="440"
  53.             height="184"
  54.         />
  55.         <source
  56.             srcset="{{ asset('assets/img/large-banners/large-banner-red.png', 'user_data') }}"
  57.             media="(min-width: 320px)"
  58.             width="350"
  59.             height="153"
  60.         />
  61.         <img src="{{ asset('assets/img/large-banners/large-banner-red-md.png', 'user_data') }}" alt="" class="w-100" width="440" height="184" />
  62.     </picture>
  63. {% endif %}
  65.     <picture>
  66.         <source
  67.             srcset="{{ asset('assets/img/large-banners/large-banner-blue-md.png', 'user_data') }}"
  68.             media="(min-width: 768px)"
  69.             width="440"
  70.             height="184"
  71.         />
  72.         <source
  73.             srcset="{{ asset('assets/img/large-banners/large-banner-blue.png', 'user_data') }}"
  74.             media="(min-width: 320px)"
  75.             width="350"
  76.             height="153"
  77.         />
  78.         <img src="{{ asset('assets/img/large-banners/large-banner-blue-md.png', 'user_data') }}" alt="" class="w-100" width="440" height="184" />
  79.     </picture>
  81. </div>