templates/base.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <meta charset="UTF-8">
  5.         <meta name="viewport" content="width=device-width, initial-scale=1">
  7.         <title>{% block title %}NFT Tickets | Deportivo La Guaira FC{% endblock %}</title>
  9.         <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
  10.         <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.3/font/bootstrap-icons.css">
  11.         <link rel="stylesheet" href="{{ asset('assets/css/base.css') }}?v={{ random() }}">
  12.         <link rel="stylesheet" href="{{ asset('assets/css/old/sweetalert.min.css') }}">
  13.         <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/css/intlTelInput.css"/>
  15.         {# Favicon #}
  16.         <link rel="icon" type="image/png" href="{{ asset('assets/images/logos/favicon.png') }}">
  17.         <link rel="manifest" href="{{ asset('assets/images/favicon/manifest.json') }}">
  18.         <meta name="msapplication-TileColor" content="#ffffff">
  19.         <meta name="msapplication-TileImage" content="{{  asset('assets/images/logos/favicon.png') }}">
  20.         <meta name="theme-color" content="#ffffff">
  22.         <script src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/js/intlTelInput.min.js"></script>
  23.         <script src="{{ asset('assets/js/app.js') }}"></script>
  24.         <script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
  25.         <script src="{{ asset('assets/js/sweetalert.min.js') }}"></script>
  26.         <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.min.js" integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13" crossorigin="anonymous"></script>        
  28.         {% block head %}{% endblock %}
  29.     </head>
  31.     <body>
  33.         <div class="container-fluid bg-white p-3" style="position: fixed; z-index: 1000;">
  34.             <div class="row align-items-center">
  35.                 <div class="col-12 d-flex justify-content-center" style="opacity: .5; gap: 16px;">
  36.                     <a href="https://www.facebook.com/DvoLaGuaira/" target="_blank" style="color: #000;">
  37.                         <i class="bi bi-facebook"></i>
  38.                     </a>
  39.                     <a href="https://twitter.com/dvolaguaira" target="_blank" style="color: #000;">
  40.                         <i class="bi bi-twitter"></i>
  41.                     </a>
  42.                     <a href="https://www.instagram.com/dvolaguaira/" target="_blank" style="color: #000;">
  43.                         <i class="bi bi-instagram"></i>
  44.                     </a>
  45.                     <a href="https://www.youtube.com/channel/UCTJDweKxOef47mt3g1lea0g" target="_blank" style="color: #000;">
  46.                         <i class="bi bi-youtube"></i>
  47.                     </a>
  48.                 </div>
  49.             </div>
  50.         </div>
  52.         <!-- TOP NAV -->
  53.         <div class="container-fluid top-bar mt-5">
  54.             <div class="row align-items-center py-4 px-xl-5 px-3">
  55.                 <div class="col-3">
  56.                     <a href="/">
  57.                         <img width="72" style="margin-top: -64px; position: absolute;" src="{{ asset('assets/images/logos/logo-laguaira.png') }}">
  58.                     </a>
  59.                 </div>
  60.                 <div class="col-9 align-items-center d-flex justify-content-end" id="access-btn">
  61.                     {% if app.session.get('userId') %}
  62.                         <a href="{{ path('userProfile') }}" class="d-none d-xl-block d-lg-block">
  63.                             <p class="clr-white link-top-bar me-4"><i class="bi bi-person me-2"></i>Mi cuenta</p>
  64.                         </a>
  65.                     {% else %}
  66.                         <a href="{{ path('access') }}?format=1" class="d-none d-xl-block d-lg-block">
  67.                             <p class="clr-white link-top-bar me-4">Iniciar sesión</p>
  68.                         </a>
  69.                         <a href="{{ path('access') }}?format=2" class="d-none d-xl-block d-lg-block">
  70.                             <button class="btn-md blue">Registrarse</button>
  71.                         </a>
  72.                     {% endif %}
  73.                     <div class="d-lg-none d-xl-none" style="cursor: pointer;">
  74.                         <h2><i class="bi bi-list text-white" onclick="viewSidebar()"></i></h2>
  75.                     </div>
  76.                 </div>
  77.             </div>
  78.         </div>
  80.         <!-- SIDE NAV -->
  81.         <div id="side-bar" class="cnt-side-nav px-4 pt-3 d-lg-none d-xl-none">
  82.             {% if app.session.get('userId') %}
  83.                 <a href="{{ path('userProfile') }}">
  84.                     <p class="clr-black link-top-bar my-3"><i class="bi bi-house-door me-2"></i>Inicio</p>
  85.                 </a>
  86.                 <a href="{{ path('userProfile') }}">
  87.                     <p class="clr-black link-top-bar mb-3"><i class="bi bi-person me-2"></i>Mi cuenta</p>
  88.                 </a>
  89.                 <a href="{{ path('logout') }}">
  90.                     <p class="link-top-bar mb-3 text-danger"><i class="bi bi-box-arrow-right me-2"></i>Cerrar sesión</p>
  91.                 </a>
  92.             {% else %}
  93.                 <a href="{{ path('userProfile') }}">
  94.                     <p class="clr-black link-top-bar my-3"><i class="bi bi-house-door me-2"></i>Inicio</p>
  95.                 </a>
  96.                 <a href="{{ path('access') }}?format=1">
  97.                     <p class="clr-black link-top-bar mb-3"><i class="bi bi-box-arrow-in-right me-2"></i> Iniciar sesión</p>
  98.                 </a>
  99.                 <a href="{{ path('access') }}?format=2">
  100.                     <p class="clr-black link-top-bar mb-3"><i class="bi bi-at me-2"></i>Registrarse</p>
  101.                 </a>
  102.             {% endif %}
  103.         </div>
  105.         {% block body %}
  106.         {% endblock %}
  108.         <!-- FOOTER -->
  109.         <div class="container-fluid mt-5 border-top footer">
  110.             <div class="row px-5 py-5">
  112.                 <div class="col-xl-3 col-12 mb-xl-0 mb-3 d-flex justify-content-xl-center justify-content-start">
  113.                     <a href="/">
  114.                         <img width="72" src="{{ asset('assets/images/logos/logo-laguaira.png') }}">
  115.                     </a>
  116.                 </div>
  118.                 <div class="col-xl-2 col-12 mt-xl-0 mt-3">
  119.                     <p class="mb-3"><b>Web</b></p>
  120.                     <a href="https://www.dvolaguaira.com/" class="link-footer"><p class="mb-2">Home</p></a>
  121.                     <a href="{{ path('events') }}" class="link-footer"><p class="mb-2">Eventos</p></a>
  122.                     <a href="{{ path('access') }}" class="link-footer"><p class="mb-2">Iniciar sesión</p></a>
  123.                     <a href="{{ path('access') }}?format=2" class="link-footer"><p class="mb-2">Registrarse</p></a>
  124.                 </div>
  126.                 <div class="col-xl-3 col-12 mt-xl-0 mt-3">
  127.                     <p class="mb-3"><b>Información</b></p>
  128.                     <a href="{{ path('terms') }}" class="link-footer"><p class="mb-2">Política de privacidad</p></a>
  129.                     <a href="{{ path('terms') }}" class="link-footer"><p class="mb-2">Política de cookies</p></a>
  130.                     <a href="{{ path('terms') }}" class="link-footer"><p class="mb-2">Términos y condiciones de uso</p></a>
  131.                 </div>
  133.                 <div class="col-xl-1 col-12 mt-xl-0 mt-3">
  134.                     <p class="mb-3"><b>Síguenos</b></p>
  135.                     <a href="https://www.facebook.com/DvoLaGuaira/" target="_blank" class="link-footer"><p class="mb-2">Facebook</p></a>
  136.                     <a href="https://twitter.com/dvolaguaira" target="_blank" class="link-footer"><p class="mb-2">Twitter</p></a>
  137.                     <a href="https://www.instagram.com/dvolaguaira/" target="_blank" class="link-footer"><p class="mb-2">Instagram</p></a>
  138.                     <a href="https://www.youtube.com/channel/UCTJDweKxOef47mt3g1lea0g" target="_blank" class="link-footer"><p class="mb-2">Youtube</p></a>
  139.                 </div>
  141.                 <div class="col-xl-3 col-12 mt-xl-0 mt-3 d-flex justify-content-center">
  142.                     <a href="https://www.oaro.net/" target="_blank">
  143.                         <img width="90" height="120" src="{{ asset('assets/images/logos/logo-oaro-black.png') }}">
  144.                     </a>
  145.                 </div>
  147.             </div>
  148.         </div>
  150.         <script>
  152.             // Function to show and hide side bar
  153.             function viewSidebar() {
  155.                 var sidebar = document.getElementById("side-bar");
  157.                 if(sidebar.style.right == '-300px'){
  158.                     sidebar.style.right = '0px';
  159.                 } else if(sidebar.style.right == '0px') {
  160.                     sidebar.style.right = '-300px';
  161.                 } else {
  162.                     sidebar.style.right = '0px';
  163.                 }
  164.             }
  166.         </script>
  168.     </body>
  169. </html>