templates/website/base.html.twig line 1

  1. {# templates/base.html.twig #}
  2. <!DOCTYPE html>
  3. <html lang="en">
  4. <head>
  5.     <meta charset="utf-8">
  6.     <title>Transfer</title>
  7.     <meta content="width=device-width, initial-scale=1.0" name="viewport">
  8.     <!-- Favicon -->
  9.     <link href="img/favicon.ico" rel="icon">
  11.     <!-- Google Web Fonts -->
  12.     <link rel="preconnect" href="https://fonts.googleapis.com">
  13.     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  14.     <link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600&family=Roboto:wght@500;700&display=swap" rel="stylesheet">
  16.     <!-- Icon Font Stylesheet -->
  17.     <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0/css/all.min.css" rel="stylesheet">
  18.     <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css" rel="stylesheet">
  20.     <!-- Libraries Stylesheet -->
  21. {#    <link href="{{ asset('lib/owlcarousel/assets/owl.carousel.min.css') }}" rel="stylesheet">#}
  22.     <link href="{{ asset('lib/tempusdominus/css/tempusdominus-bootstrap-4.min.css') }}" rel="stylesheet" />
  24.     <!-- Customized Bootstrap Stylesheet -->
  25.     <link href="{{ asset('css/bootstrap.min.css') }}" rel="stylesheet">
  27.     <!-- Template Stylesheet -->
  28.     <link href="{{ asset('css/style.css') }}" rel="stylesheet">
  29. </head>
  30. <head>
  31.     <meta charset="UTF-8">
  32.     <title>{% block title %}App{% endblock %}</title>
  33.     {% block stylesheets %}
  34.     {% endblock %}
  35. </head>
  36. <body>
  37. {% block body %}
  38.     <div id="content" class="container-fluid position-relative d-flex p-0">
  39.         {% block preloader %}
  40.             <div id="spinner" class="show bg-dark position-fixed translate-middle w-100 vh-100 top-50 start-50 d-flex align-items-center justify-content-center">
  41.                 <div class="spinner-border text-primary" style="width: 3rem; height: 3rem;" role="status">
  42.                     <span class="sr-only">Loading...</span>
  43.                 </div>
  44.             </div>
  45.         {% endblock %}
  46.         {% block sidebar %}
  47.             {% include '@web/partials/sidebar.html.twig' %}
  48.         {% endblock %}
  49.         <div class="content {% block mainClass %}{% endblock %}">
  50.             {% block navbar %}
  51.                 {% include '@web/partials/navbar.html.twig' %}
  52.             {% endblock %}
  53.             {% block content %}{% endblock %}
  54.         </div>
  55.         {% block backToTop %}
  56.             <a href="#" class="btn btn-lg btn-primary btn-lg-square back-to-top"><i class="bi bi-arrow-up"></i></a>
  57.         {% endblock %}
  58.         {% block messages %}
  59.             {% include '@web/partials/message.html.twig' %}
  60.         {% endblock %}
  61.     </div>
  62. {% endblock %}
  63. </body>
  65. <!-- JavaScript Libraries -->
  66. <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
  67. {#<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script>#}
  68. <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/js/bootstrap.bundle.min.js"></script>
  70. <script src="{{ asset('lib/chart/chart.min.js') }}"></script>
  71. <script src="{{ asset('lib/easing/easing.min.js') }}"></script>
  72. <script src="{{ asset('lib/waypoints/waypoints.min.js') }}"></script>
  73. {#<script src="{{ asset('lib/owlcarousel/owl.carousel.min.js') }}"></script>#}
  74. <script src="{{ asset('lib/tempusdominus/js/moment.min.js') }}"></script>
  75. <script src="{{ asset('lib/tempusdominus/js/moment-timezone.min.js') }}"></script>
  76. <script src="{{ asset('lib/tempusdominus/js/tempusdominus-bootstrap-4.min.js') }}"></script>
  78. <!-- Template Javascript -->
  79. <script src="{{ asset('js/main.js') }}"></script>
  81. {% block script %}{% endblock %}
  82. </html>