templates/base.html.twig line 1

Open in your IDE?
  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4.   <meta charset="utf-8">
  5.   <title>{% block title %}CogniEdu{% endblock %}</title>
  7.   <meta name="viewport" content="width=device-width, initial-scale=1">
  9.   {# Bootstrap 5 #}
  10.   <link
  11.     href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css"
  12.     rel="stylesheet"
  13.   >
  15.   {# Custom theme overrides #}
  16.   <link rel="stylesheet" href="{{ asset('css/theme.css') }}">
  18.   {% block stylesheets %}{% endblock %}
  19. </head>
  21. <body class="bg-white text-dark">
  23. {# Skip link for accessibility #}
  24. <a href="#main" class="visually-hidden-focusable">Skip to content</a>
  26. <!-- ===== Header ===== -->
  27. <header class="border-bottom bg-white">
  28.   <div class="container-fluid px-4 py-2 d-flex align-items-center justify-content-between">
  30.     <!-- Brand -->
  31. <a href="{{ path('home') }}" class="d-flex align-items-center text-decoration-none">
  32.   <img
  33.     src="{{ asset('images/cogni_logo-4.png') }}"
  34.     alt="CogniEdu logo"
  35.     style="height:70px; width:auto;"
  36.     class="me-2"
  37.   >
  38.   <span class="fw-semibold fs-5 text-dark"></span>
  39. </a>
  42.     <!-- Navigation -->
  43.     <nav class="d-none d-md-flex gap-4">
  44.       <a class="text-decoration-none text-dark fw-medium" href="{{ path('platform') }}">Platform</a>
  45.       <a class="text-decoration-none text-dark fw-medium" href="{{ path('solutions') }}">Solutions</a>
  47.       <a class="text-decoration-none text-dark fw-medium" href="{{ path('security') }}">Security</a>
  48.       <a class="text-decoration-none text-dark fw-medium" href="{{ path('about') }}">About</a>
  51.     </nav>
  53.     <!-- CTA -->
  54.     <div class="d-flex gap-2">
  55.       <a href="{{ path('contact') }}" class="btn btn-outline-secondary btn-sm">Contact</a>
  57.       <a href="{{ path('request_demo') }}" class="btn btn-primary btn-sm">Request Demo</a>
  58.     </div>
  60.   </div>
  61. </header>
  63. <!-- ===== Main Content ===== -->
  64. <main id="main">
  65.   {% block body %}{% endblock %}
  66. </main>
  68. <!-- ===== Footer ===== -->
  69. <footer class="border-top bg-light mt-5">
  70.   <div class="container py-4">
  71.     <div class="row align-items-center gy-3">
  73.       <div class="col-md-6 small text-muted">
  74.         © {{ "now"|date("Y") }} CogniEdu. All rights reserved.
  75.       </div>
  77.       <div class="col-md-6 text-md-end small">
  78.         <a href="{{ path('privacy') }}" class="text-muted text-decoration-none me-3">Privacy</a>
  79.         <a href="{{ path('security') }}" class="text-muted text-decoration-none me-3">Security</a>
  80.         <a href="{{ path('contact') }}" class="text-muted text-decoration-none">Contact</a>
  81.       </div>
  83.     </div>
  84.   </div>
  85. </footer>
  87. <script
  88.   src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js">
  89. </script>
  91. {% block javascripts %}{% endblock %}
  93. </body>
  94. </html>