templates/events/events.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block head %}
  5. {% endblock %}
  7. {% block body %}
  9.     <!-- HEADING -->
  10.     <div class="container-fluid d-flex align-items-end bg-orange sctn-heading">
  11.         <div class="row px-5">
  12.             {#<div class="col-12">
  13.                 <p class="text-white text-uppercase ttl">ticketing</p>
  14.             </div>#}
  15.             <div class="col-xl-8 col-12 mb-5 mt-2">
  16.                 <p class="text-white" style="font-size: 40px;">Consigue aquí tus <span class="clr-green">NFT Tickets</span> para acudir a los próximos partidos</p>
  17.             </div>
  18.         </div>
  19.     </div>
  21.     <!-- MATCHES -->
  22.     <div class="container-fluid">
  23.         <div class="row">
  24.             <div class="col-xl-4 col-12 pt-5 px-5 d-flex align-items-xl-start align-items-center" style="flex-direction: column;">
  25.                 <h3 class="mb-4">Próximo encuentro</h4>
  26.                 
  27.                 {% for event in events %}
  28.                     <div class="card-event me-4">
  29.                         <div class="row pt-3">
  30.                             <div class="card-event-img">
  31.                                 <a href="{{ path('event-tickets') }}?event={{event.id}}">
  32.                                     <img src="{{ asset('assets/images/logos/logo-laguaira.png') }}">
  33.                                 </a>
  34.                             </div>
  35.                         </div>
  36.                         <div class="row pt-4">
  37.                             <div class="col-12 pt-3 d-flex justify-content-center">
  38.                                 <h6><b>{{ event.name }}</b></h6>
  39.                             </div>
  40.                         </div>
  41.                         <div class="row py-4">
  42.                             <a class="d-flex justify-content-center" href="{{ path('event-tickets') }}?event={{event.id}}">
  43.                                 <button class="btn-md orange">Ver tickets</button>
  44.                             </a>
  45.                         </div>
  46.                     </div>
  47.                 {% endfor %}
  48.             </div>
  50.             <div class="col-xl-8 col-12 pt-5 px-5 d-flex align-items-xl-start align-items-center" style="flex-direction: column;">
  51.                 <h3 class="mb-4">Partidos de temporada</h3>
  52.                 
  53.                 <div class="row card-event-ticket p-4 mb-4 align-items-center">
  54.                     <div class="col-lg-3 col-12 d-flex justify-content-lg-start justify-content-center">
  55.                         <div class="card-event-ticket-img">
  56.                             <img src="{{ asset('assets/images/test/partido.png') }}">
  57.                         </div>
  58.                     </div>
  60.                     <div class="col-lg-6 col-12 pt-lg-0 pt-4 d-flex justify-content-lg-start justify-content-center">
  61.                         <h5 class="text-truncate">DVO. LA GUAIRA vs CARACAS FC</h5>
  62.                     </div>
  64.                     <div class="col-lg-3 col-12 pt-lg-0 pt-4 d-flex justify-content-lg-end justify-content-center">
  65.                         <button class="btn-md orange">Ver tickets</button>
  66.                     </div>
  67.                 </div>
  69.                 <div class="row card-event-ticket p-4 mb-4 align-items-center">
  70.                     <div class="col-lg-3 col-12 d-flex justify-content-lg-start justify-content-center">
  71.                         <div class="card-event-ticket-img">
  72.                             <img src="{{ asset('assets/images/test/partido.png') }}">
  73.                         </div>
  74.                     </div>
  76.                     <div class="col-lg-6 col-12 pt-lg-0 pt-4 d-flex justify-content-lg-start justify-content-center">
  77.                         <h5 class="text-truncate">DVO. LA GUAIRA vs CARACAS FC</h5>
  78.                     </div>
  80.                     <div class="col-lg-3 col-12 pt-lg-0 pt-4 d-flex justify-content-lg-end justify-content-center">
  81.                         <button class="btn-md orange">Ver tickets</button>
  82.                     </div>
  83.                 </div>
  85.                 <div class="row card-event-ticket p-4 mb-4 align-items-center">
  86.                     <div class="col-lg-3 col-12 d-flex justify-content-lg-start justify-content-center">
  87.                         <div class="card-event-ticket-img">
  88.                             <img src="{{ asset('assets/images/test/partido.png') }}">
  89.                         </div>
  90.                     </div>
  92.                     <div class="col-lg-6 col-12 pt-lg-0 pt-4 d-flex justify-content-lg-start justify-content-center">
  93.                         <h5 class="text-truncate">DVO. LA GUAIRA vs CARACAS FC</h5>
  94.                     </div>
  96.                     <div class="col-lg-3 col-12 pt-lg-0 pt-4 d-flex justify-content-lg-end justify-content-center">
  97.                         <button class="btn-md orange">Ver tickets</button>
  98.                     </div>
  99.                 </div>
  101.             </div>
  102.         </div>
  103.     </div>
  105. {% endblock %}