templates/public/base.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="{{ app.request.getLocale}}">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <link rel="shortcut icon" href="{{ asset('favicon.ico') }}" />
  6.     <title>{% block title %}{% trans %}title_block_page{% endtrans %}{% endblock %}</title>
  7.     {% block stylesheets %}
  8.         <link rel="stylesheet" href="{{ asset('css/fontawesome.css') }}">
  9.         <link rel="stylesheet" href="{{ asset('css/bootstrap.css') }}">
  10.         <link rel="stylesheet" href="{{ asset('css/animate.css') }}">
  11.         <link rel="stylesheet" href="{{ asset('css/fonts.css') }}">
  12.         <link rel="stylesheet" href="{{ asset('css/app.css') }}">
  13.         <link rel="stylesheet" href="{{ asset('css/public.css') }}">
  14.         <link rel="stylesheet" href="{{ asset('css/flag-icons-main/css/flag-icons.css') }}">
  15.         <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/intl-tel-input@18.2.1/build/css/intlTelInput.css">
  16.         <script src="https://cdn.jsdelivr.net/npm/intl-tel-input@18.2.1/build/js/intlTelInput.min.js"></script>
  17.         <style>
  18.             header {
  19.                 position: relative;
  20.             }
  22.             .header-logo {
  23.                 position: absolute;
  24.                 top: 20%;
  25.                 left: 50%;
  26.                 transform: translate(-50%, -50%);
  27.                 z-index: 1;
  28.             }
  30.             .img-fluid {
  31.                 width: 100%;
  32.                 height: auto;
  33.             }
  34.             @media only screen and (max-width: 767px) {
  35.                 /* Styles spécifiques pour les appareils mobiles avec une largeur maximale de 767px */
  36.                 header img{
  37.                     width: 65%;
  38.                 }
  39.                 .modal-content{
  40.                     min-width: inherit!important;
  41.                 }
  42.             }
  43.         </style>
  44.     {% endblock %}
  45.     {% block custom_header %}
  46.         <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, maximum-scale=1">
  47.         <meta name="theme-color" content="#09090B"/>
  48.         <link rel="apple-touch-icon" href="{{ asset('images/touch/homescreen192.png') }}">
  49.     {% endblock %}
  51. </head>
  52. <body>
  53. <header>
  54.     <img src="{{ asset('images/logo_mf_mfxpt.svg') }}" class="header-logo">
  55.     <img src="{{ asset('uploads/event_image/DEFAULT/default_banner_mfexpt.jpg') }}" class="img-fluid">
  56.     {#<img src="{{ asset('images/header_1400x390.jpg') }}" class="img-fluid">#}
  57.     {#<img src="{{ asset('images/header_small.jpg') }}" class="smallScreen">#}
  58. </header>
  61. {% block body %}{% endblock %}
  63. <footer class="footer">
  64.     <div class="container text-right">
  65.         <img src="{{ asset('images/agco_sign.svg') }}" style="width: 21%;margin-top: 10px;margin-bottom: 10px;">
  66.     </div>
  67. </footer>
  68. {% block javascripts %}
  69.     <script src="{{ asset('js/jquery.js') }}"></script>
  70.     <script src="{{ asset('js/popper.js') }}"></script>
  71.     <script src="{{ asset('js/bootstrap.js') }}"></script>
  72.     <script>
  73.         $(document).ready(function(){
  74.             $('.nav-button').click(function(){
  75.                 $('body').toggleClass('nav-open');
  76.             });
  77.         });
  78.     </script>
  79. {% endblock %}
  80. </body>
  81. </html>