templates/base.html.twig line 1

Open in your IDE?
  1. <!doctype html>
  2. <html lang="fr">
  4. <head>
  5.         <!-- Personalize meta tags as you need -->
  6.         <meta charset="utf-8">
  7.         <meta name="viewport" content="width=device-width, initial-scale=1"/>
  8.         <meta name="description" content="Symfony 5 App ready to go with User all must have features"/>
  9.         <meta name="author" content="Simon Chabrier" />
  10.         <meta name="copyright" content="Simon Chabrier" />
  11.         <meta property="MyDevTools" content="Symfony starter pack with full user functionnality" />
  13.         <!-- LinkedIn recommends an aspect ratio between 3:1 and 2:3 you can use 1200 x 627 for link sharing
  14.               use the tool : https://www.linkedin.com/post-inspector/ to verify that your image is valid -->
  16.         <meta name="image" property="og:image" content="{{ asset('assets/images/socialShare/linkedinShare.png') }}"> 
  18.         
  19.         <!-- Facebook - you can use 1200px by 630px picture -->
  21.         <meta property="og:title" content="Symfony 5 User Starter Pack" />
  22.         <meta property="og:url" content="https://starterpack.simschab.fr/" />
  23.         <meta property="og:image" content="{{ asset('assets/images/socialShare/facebookShare.png') }}" />
  24.         <meta property="og:description" content="Symfony 5 App ready to go with User all must have features" />
  25.         <meta property="og:site_name" content="SymfonyApp" />
  28.         <!-- Twitter 'card' is set on summary_large_image - you can use aspect ratio of 2:1 between 300x157 and 4096x4096 pixels 5M size max 
  29.              use the tool https://cards-dev.twitter.com/validator to verify that your image is valid -->
  31.         <meta name="twitter:card" content="summary_large_image" />
  32.         <meta name="twitter:site" content="@SimsChab" />
  33.         <meta name="twitter:creator" content="@SimsChab"/>
  34.         <meta name="twitter:title" content="Symfony 5 User Starter Pack" />
  35.         <meta name="twitter:description" content="Symfony 5 App ready to go with User all must have features" />
  36.         <meta name="twitter:image:src" content="{{ asset('assets/images/socialShare/twitterShare.png') }}" /> 
  37.   
  38.         
  39.         <!-- Bootstrap CSS & Js -->
  40.         <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-F3w7mX95PdgyTmZZMECAngseQB83DfGTowi0iMjiWaeVhAn4FJkqJByhZMI3AhiU" crossorigin="anonymous">
  41.         <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous" defer></script>
  42.         <!-- Boostrap for burgers, sliders... -->
  43.         <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js" defer></script>
  44.         <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js" defer></script> 
  45.         <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" defer></script>   
  46.         <!-- Bootstrap icons -->
  47.         <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.1/font/bootstrap-icons.css">
  48.         
  49.         <!-- Fontawesome icons CDN -->
  50.         <script src="https://kit.fontawesome.com/115544430d.js" crossorigin="anonymous" defer></script>
  52.         <!-- This App custom CSS -->
  53.         {% block stylesheets %}
  54.         <link rel="stylesheet" href="{{ asset('assets/css/reset.css') }}">
  55.         <link rel="stylesheet" href="{{ asset('assets/css/style.css') }}">
  56.         {% endblock %}
  58.         <!-- In this App, Google Font are in assets/fonts/poppins for better Google friendly performances 
  59.         use this tool if you need to download and add Google Font locally https://google-webfonts-helper.herokuapp.com/fonts -->
  60.         
  61.         <!-- Add here google font if needed -->
  62.         {# <link rel="preconnect" href="https://fonts.googleapis.com">
  63.         <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  64.         <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@200;400;600&display=swap" rel="stylesheet"> #}
  65.        
  66.         <!-- Add this App Js -->
  67.         <script src="{{ asset('assets/js/app.js') }}" defer></script> 
  68.         <script src="{{ asset('assets/js/slider_toggle.js') }}" defer></script> 
  69.         
  70.         <!-- Add this App favicon -->
  71.         <link rel="shortcut icon" href="{{ asset('assets/favicon.png') }}" type="image/x-icon">
  73.         <title>{% block title %}starterPackUser{% endblock %}</title>    
  74. </head>
  75.     <body>  
  76.         {% set redirect = app.request.uri %}
  77.         <!-- include nav bar -->
  78.         {% include 'fragments/_navbar.html.twig' %}
  79.         {% block body %}{% endblock %}
  80.         <!-- include footer -->
  81.         {% include 'fragments/_footer.html.twig' %}
  82.     </body>
  83. </html>