templates/base.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <!-- Google Tag Manager -->
  5.         <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  6.                     new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  7.                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  8.                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  9.             })(window,document,'script','dataLayer','GTM-5P7WPNF');</script>
  10.         <!-- End Google Tag Manager -->
  11.         <!-- Google tag (gtag.js) -->
  12.         <script async src="https://www.googletagmanager.com/gtag/js?id=G-99S1BX4W72"></script>
  13.         <script>
  14.             window.dataLayer = window.dataLayer || [];
  15.             function gtag(){dataLayer.push(arguments);}
  16.             gtag('js', new Date());
  18.             gtag('config', 'G-99S1BX4W72');
  19.         </script>
  21.         <meta charset="UTF-8">
  22.         <title>{% block title %}Zatoka Kodu!{% endblock %}</title>
  23.         <!-- Meta Tags -->
  24.         <meta charset="utf-8">
  25.         <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  26.         <meta name="description" content="Zatoka Kodu - zajęcia z programowania dla dzieci">
  28.         <!-- Favicon -->
  29.         <link rel="shortcut icon" href="{{ asset('./assets/images/favicon.ico') }}">
  31.         {%  block css %}
  32.             <!-- Google Font -->
  33.             <link rel="preconnect" href="https://fonts.googleapis.com">
  34.             <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  35.             <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Heebo:wght@400;500;700&family=Roboto:wght@400;500;700&display=swap">
  37.             <!-- Plugins CSS -->
  38.             <link rel="stylesheet" type="text/css" href="{{ asset('./assets/vendor/font-awesome/css/all.min.css')  }}">
  39.             <link rel="stylesheet" type="text/css" href="{{ asset('./assets/vendor/bootstrap-icons/bootstrap-icons.css')  }}">
  40.             <link rel="stylesheet" type="text/css" href="{{ asset('./assets/vendor/tiny-slider/tiny-slider.css')  }}">
  41.             <link rel="stylesheet" type="text/css" href="{{ asset('./assets/vendor/glightbox/css/glightbox.css')  }}">
  43.             <!-- Theme CSS -->
  44.             <link id="style-switch" rel="stylesheet" type="text/css" href="{{ asset('./assets/css/style.css')  }}">
  45.             <!-- Custom CSS -->
  46.             <link rel="stylesheet" type="text/css" href="{{ asset('./assets/css/my_style.css')  }}">
  47.             <!-- AOS CSS -->
  48.             <link rel="stylesheet" type="text/css" href="{{ asset('./assets/vendor/aos/aos.css')  }}">
  49.             <style>
  50.                 .prostokat {
  51.                     background-color: #f7c32e;
  52.                     height: 500px;
  53.                     justify-content: center;
  54.                     align-items: center;
  55.                     font-size: 24px;
  56.                     font-weight: bold;
  57.                     padding: 20px;
  58.                 }
  59.                 .prostokat img {
  60.                     padding:10px;
  61.                 }
  62.                 .prostokat h4 {
  63.                     padding-bottom: 20px;
  64.                     padding-top:20px;
  65.                     color: var(--bs-heading-color);
  66.                 }
  67.             </style>
  68.         {% endblock %}
  69.         <!-- Google tag (gtag.js) -->
  70.         <script async src="https://www.googletagmanager.com/gtag/js?id=G-99S1BX4W72">
  71.         </script>
  72.         <script>
  73.             window.dataLayer = window.dataLayer || [];
  74.             function gtag(){dataLayer.push(arguments);}
  75.             gtag('js', new Date());
  77.             gtag('config', 'G-99S1BX4W72');
  78.         </script>
  79.     </head>
  80.     <body>
  81.     <!-- Google Tag Manager (noscript) -->
  82.     <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5P7WPNF"
  83.                       height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  84.     <!-- End Google Tag Manager (noscript) -->
  85.         {% include 'header.html.twig' %}
  86.         {% block body %}{% endblock %}
  87.         {% include 'footer.html.twig' %}
  88.         {%  block js %}
  89.             <!-- Bootstrap JS -->
  90.             <script src="{{ asset('./assets/vendor/bootstrap/dist/js/bootstrap.bundle.min.js')  }}"></script>
  92.             <!-- Vendors -->
  93.             <script src="{{ asset('./assets/vendor/tiny-slider/tiny-slider.js')  }}"></script>
  94.             <script src="{{ asset('./assets/vendor/glightbox/js/glightbox.js')  }}"></script>
  95.             <script src="{{ asset('./assets/vendor/purecounterjs/dist/purecounter_vanilla.js')  }}"></script>
  96.             <!-- AOS JS -->
  97.             <script src="{{ asset('./assets/vendor/aos/aos.js')  }}"></script>
  100.             <script src="{{ asset('./assets/js/functions.js')  }}"></script>
  102.             <!-- Initialize AOS -->
  103.             <script>
  104.                 document.addEventListener('DOMContentLoaded', function() {
  105.                     AOS.init({
  106.                         duration: 800,
  107.                         easing: 'ease-in-out',
  108.                         once: true,
  109.                         offset: 100
  110.                     });
  111.                 });
  112.             </script>
  113.         {% endblock %}
  114.     </body>
  115. </html>