templates/base.html.twig line 1

Open in your IDE?
  1. <!doctype html>
  2. <html lang="es">
  3.     <head>
  4.         <meta charset="utf-8">
  5.         <meta name="viewport" content="width=device-width, initial-scale=1"> {% block metas %}{% endblock %}
  6.         {% block stylesheets %}
  7.             <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" crossorigin="anonymous">
  8.             <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous"/>
  9.             <link rel="stylesheet" href="/css/app.css" crossorigin="anonymous"/>
  10.         {% endblock %}
  11.         {% block javascripts %}
  12.             <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
  13.         {% endblock %}
  14.         <title>
  15.             {% block title %}Menus del día
  16.             {% endblock %}
  17.         </title>
  18.     </head>
  19.     <body>
  20.         <div class="container">
  21.             {# <header class="d-flex flex-wrap justify-content-center py-3 mb-0 border-bottom"> #}
  22.                 <nav class="navbar navbar-expand-lg justify-content-center">
  23.                     <div class="container-fluid">
  24.                         <a href="/" class="d-flex align-items-center mb-3 mb-md-0 me-md-auto text-dark text-decoration-none">
  25.                             <img class="bi me-2" src="/img/logo.png" width="40" height="auto" class="d-inline-block align-top me-2" alt="Menu del día" title="Menu del día">
  26.                             <span class="fs-4 text-logo">Menus del Día</span>
  27.                         </a>
  28.                         <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
  29.                             <span class="navbar-toggler-icon"></span>
  30.                         </button>
  31.                         <div class="collapse navbar-collapse" id="navbarSupportedContent">
  32.                             <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
  33.                                 <li class="nav-item">
  34.                                     <a class="nav-link active fs-6" href="{{ path('index') }}" class="nav-link active" aria-current="page">Home</a>
  35.                                 </li>
  36.                                 <li class="nav-item">
  37.                                     <a class="nav-link fs-6" href="{{ path('menus') }}" class="nav-link">Menús del día</a>
  38.                                 </li>
  39.                                 <li class="nav-item">
  40.                                     <a class="nav-link fs-6" href="{{ path('restaurants') }}" class="nav-link">Restaurantes</a>
  41.                                 </li>
  42.                                 <li class="nav-item">
  43.                                     <a class="nav-link fs-6" href="{{ path('app_register') }}" class="nav-link" target"_blank">¿Eres un restaurante?</a>
  44.                                 </li>
  45.                                 <li class="nav-item">
  46.                                     <a class="nav-link fs-6" href="{{ path('admin') }}" class="nav-link" target"_blank">Iniciar Sesión</a>
  47.                                 </li>
  48.                             </ul>
  49.                         </div>
  50.                     </div>
  51.                 </nav>
  52.             {# </header> #}
  53.         </div>
  54.         <main>
  55.             <div class="bg-light"> {% block body %}{% endblock %}
  56.                 </div>
  57.             </main>
  58.             <!-- Footer -->
  59.             <footer class="text-center text-lg-start bg-light text-muted">
  60.                 <section class="d-flex justify-content-center justify-content-lg-between p-4 border-bottom bg-white">
  61.                     <div class="container text-center">
  62.                         <a href="" class="me-4 text-reset">
  63.                             <i class="fab fa-facebook-f"></i>
  64.                         </a>
  65.                         <a href="" class="me-4 text-reset">
  66.                             <i class="fab fa-twitter"></i>
  67.                         </a>
  68.                         <a href="" class="me-4 text-reset">
  69.                             <i class="fab fa-google"></i>
  70.                         </a>
  71.                         <a href="" class="me-4 text-reset">
  72.                             <i class="fab fa-instagram"></i>
  73.                         </a>
  74.                         <a href="" class="me-4 text-reset">
  75.                             <i class="fab fa-linkedin"></i>
  76.                         </a>
  77.                         <a href="" class="me-4 text-reset">
  78.                             <i class="fab fa-github"></i>
  79.                         </a>
  80.                     </div>
  81.                 </section>
  82.                 <section>
  83.                     <div class="container text-center text-md-start mt-5">
  84.                         <div class="row mt-3">
  85.                             <div class="col-md-3 col-lg-4 col-xl-3 mx-auto mb-4">
  86.                                 <h6 class="text-uppercase fw-bold mb-4">Menus del día
  87.                                 </h6>
  88.                                 <p>
  89.                                     Here you can use rows and columns to organize your footer content. Lorem ipsum
  90.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 dolor sit amet, consectetur adipisicing elit.
  91.                                 </p>
  92.                             </div>
  93.                             <div class="col-md-2 col-lg-2 col-xl-2 mx-auto mb-4"></div>
  94.                             <div class="col-md-3 col-lg-2 col-xl-2 mx-auto mb-4"></div>
  95.                             <div class="col-md-4 col-lg-3 col-xl-3 mx-auto mb-md-0 mb-4">
  96.                                 <h6 class="text-uppercase fw-bold mb-4">
  97.                                     Contacto
  98.                                 </h6>
  99.                                 <p>
  100.                                     <i class="fas fa-home me-3"></i>
  101.                                     New York, NY 10012, US</p>
  102.                                 <p>
  103.                                     <i class="fas fa-envelope me-3"></i>
  104.                                     info@example.com
  105.                                 </p>
  106.                                 <p>
  107.                                     <i class="fas fa-phone me-3"></i>
  108.                                     + 01 234 567 88</p>
  109.                             </div>
  110.                         </div>
  111.                     </div>
  112.                 </section>
  113.                 <div class="text-center p-4" style="background-color: rgba(0, 0, 0, 0.05);">
  114.                     © 2022 Copyright:
  115.                     <a class="text-reset fw-bold" href="#">Jumtech</a>
  116.                 </div>
  117.             </footer>
  118.             <!-- Footer -->
  119.             {% block postjavascripts %}
  120.                 <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.6/dist/umd/popper.min.js" integrity="sha384-oBqDVmMz9ATKxIep9tiCxS/Z9fNfEXiDAYTujMAeBAsjFuCZSmKbSSUnQlmh/jp3" crossorigin="anonymous"></script>
  121.                 <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.min.js" integrity="sha384-mQ93GR66B00ZXjt0YO5KlohRA5SY2XofN4zfuZxLkoj1gXtW8ANNCe9d5Y3eG5eD" crossorigin="anonymous"></script>
  122.             {% endblock %}
  123.         </body>
  124.     </html>