base.html.twig 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8" />
  5. <title>{% block title %}VideoPotes{% endblock %}</title>
  6. <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
  7. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.4.1/css/all.css" integrity="sha384-5sAR7xN1Nv6T6+dT2mhtzEpVJvfS3NScPQTrOxhwjIuvcA67KV2R5Jz6kr4abQsz" crossorigin="anonymous">
  8. {% block stylesheets %}{% endblock %}
  9. <link rel="icon" type="image/x-icon" href="{{ asset('favicon.ico') }}" />
  10. </head>
  11. <body>
  12. <div class="container-fluid">
  13. <div class="row">
  14. <header>
  15. <h1>{% block titre %}{% endblock %}</h1>
  16. </header>
  17. </div>
  18. <main>
  19. <div class="row">
  20. <nav class="flex-column col-md-4">
  21. <ul>
  22. <li><a href="{{ path('videotheque_ajouter') }}">Ajouter un film</a></li>
  23. <li>Un autre élément de menu</li>
  24. </ul>
  25. </nav>
  26. <div class="col-md-8">
  27. {% for message in app.flashes('success') %}
  28. <div class="alert alert-warning alert-dismissible fade show" role="alert">
  29. <strong>Cool</strong> {{ message }}
  30. <button type="button" class="close" data-dismiss="alert" aria-label="Close">
  31. <span aria-hidden="true">&times;</span>
  32. </button>
  33. </div>
  34. {% endfor %}
  35. {% block body %}{% endblock %}
  36. </div>
  37. </div>
  38. </main>
  39. <footer>
  40. {% block footer %}
  41. {% endblock %}
  42. </footer>
  43. </div>
  44. <script src="https://code.jquery.com/jquery-3.3.1.min.js" crossorigin="anonymous"></script>
  45. <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
  46. <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
  47. {% block javascripts %}{% endblock %}
  48. </body>
  49. </html>