templates/header_pages.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="en">
  4. <head>
  5.     <meta charset="utf-8">
  6.     <meta content="width=device-width, initial-scale=1.0" name="viewport">
  8.     <title>Laboratoire | Regim</title>
  9.     <meta content="" name="description">
  10.     <meta content="" name="keywords">
  12.     <!-- Favicons -->
  13.     <link href="{{asset('admin/assets/img/Regim_png.png')}}" rel="icon">
  14.     <link href="{{asset('admin/assets/img/Regim_png.png')}}" rel="apple-touch-icon">
  16.     <!-- Google Fonts -->
  17.     <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Raleway:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i"
  18.           rel="stylesheet">
  19.     <!-- Vendor CSS Files -->
  20.     <link href="{{asset('admin/assets/css/style.css')}}" rel="stylesheet">
  21.     <link href="{{asset('admin/assets/vendor/animate.css/animate.min.css')}}" rel="stylesheet">
  22.     <link href="{{asset('admin/assets/vendor/bootstrap/css/bootstrap.min.css')}}" rel="stylesheet">
  23.     <link href="{{asset('admin/assets/vendor/bootstrap/js/bootstrap.bundle.min.js')}}" rel="stylesheet">
  24.     <link href="{{asset('admin/assets/vendor/bootstrap-icons/bootstrap-icons.css')}}" rel="stylesheet">
  25.     <link href="{{asset('admin/assets/vendor/boxicons/css/boxicons.min.css')}}" rel="stylesheet">
  26.     <link href="{{asset('admin/assets/vendor/glightbox/css/glightbox.min.css')}}" rel="stylesheet">
  27.     <link href="{{asset('admin/assets/vendor/remixicon/remixicon.css')}}" rel="stylesheet">
  28.     <link href="{{asset('admin/assets/vendor/swiper/swiper-bundle.min.css')}}" rel="stylesheet">
  29.     <link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css">
  32.     <!-- Template Main CSS File -->
  33.     <link href="{{asset('admin/assets/css/style.css')}}" rel="stylesheet">
  35.     <!-- =======================================================
  36.     * Template Name: Medilab - v4.10.0
  37.     * Template URL: https://bootstrapmade.com/medilab-free-medical-bootstrap-theme/
  38.     * Author: BootstrapMade.com
  39.     * License: https://bootstrapmade.com/license/
  40.     ======================================================== -->
  41. </head>
  43. <body>
  45. <!-- ======= Top Bar ======= -->
  46. <div id="topbar" class="d-flex align-items-center fixed-top">
  47.     <div class="container d-flex justify-content-between">
  48.         <div class="contact-info d-flex align-items-center">
  49.             <div id="ministry_logo">République Tunisienne <br>Ministère de l’Enseignement Supérieur et de la Recherche Scientifique<br>université de SFAX </div>
  50.         </div>
  51.         <div class="d-none d-lg-flex social-links align-items-center">
  52.             <a href="{{ path('contact_show') }}" class="instagram"><i class="bi bi-envelope-fill"></i> Contact |</a>
  53.             <a href="#" class="facebook"><i class="bi bi-facebook"></i></a>
  54.             <a href="https://www.linkedin.com/company/regim-lab-research-groups-on-intelligent-machines-lr11es48/" target="_blank" class="linkedin"><i class="bi bi-linkedin"></i></a>
  55.             <a href="#" class="instagram d-none"><i class="bi bi-instagram"></i></a>
  56.             <a href="#" class="twitter d-none"><i class="bi bi-twitter"></i></a>
  57.         </div>
  58.     </div>
  59. </div>
  61. <!-- ======= Header ======= -->
  62. <header id="header" class="fixed-top">
  63.     <div class="container d-flex align-items-center">
  65.         <h1 class="logo me-auto"><a href="{{ path('index_show') }}"><img src="{{ asset("admin/assets/img/Regim_png.png") }}"/></a></h1>
  66.         <!-- Uncomment below if you prefer to use an image logo -->
  67.         <!-- <a href="index.html" class="logo me-auto"><img src="admin/assets/img/logo.png" alt="" class="img-fluid"></a>-->
  69.         <nav id="navbar" class="navbar order-last order-lg-0">
  70.             <ul>
  71.                 <li><a {% if app.request.get('_route') == 'index_show' %}
  72.                         class="nav-link scrollto"
  73.                     {% else %}
  74.                         class="nav-link scrollto"
  75.                     {% endif %}  href="{{ path('index_show') }}"><i style="font-size: 27px; color: #de5c2f;" class="bi bi-house-fill"></i></a></li>
  77.                 <li><a {% if app.request.get('_route') == 'actualite_show' %}
  78.                         class="nav-link scrollto active"
  79.                     {% else %}
  80.                         class="nav-link scrollto"
  81.                     {% endif %}  href="{{ path('actualite_show') }}">News</a></li>
  82.                 <li><a {% if app.request.get('_route') == 'apropos_show' %}
  83.                         class="nav-link scrollto active"
  84.                     {% else %}
  85.                         class="nav-link scrollto"
  86.                     {% endif %}  href="{{ path('apropos_show') }}">About Us</a></li>
  87.               <li><a {% if app.request.get('_route') == 'members_show' %}
  88.                         class="nav-link scrollto active"
  89.                     {% else %}
  90.                         class="nav-link scrollto"
  91.                     {% endif %}  href="{{ path('members_show') }}">Members</a></li>
  92.                 <li><a {% if app.request.get('_route') == 'project_show' %}
  93.                         class="nav-link scrollto active"
  94.                     {% else %}
  95.                         class="nav-link scrollto"
  96.                     {% endif %}  href="{{ path('project_show') }}">Projects</a></li>
  97.                 <!--<li><a {% if (app.request.get('_route') == 'production_scientific_show') %}
  98.                         class="nav-link scrollto active"
  99.                     {% else %}
  100.                         class="nav-link scrollto"
  101.                     {% endif %}  href="{{ path('production_scientific_show') }}">Collaborations</a></li>-->
  102.                 <li><a {% if app.request.get('_route') == 'event_show' %}
  103.                         class="nav-link scrollto active"
  104.                     {% else %}
  105.                         class="nav-link scrollto"
  106.                     {% endif %}  href="{{ path('event_show') }}">Events</a></li>
  107.                 <li><a {% if app.request.get('_route') == 'production_scientific_show' %}
  108.                         class="nav-link scrollto active"
  109.                     {% else %}
  110.                         class="nav-link scrollto"
  111.                     {% endif %}  href="{{ path('production_scientific_show') }}">Resources</a></li>
  112.                 <li><a {% if app.request.get('_route') == 'offres_show' %}
  113.                         class="nav-link scrollto active"
  114.                     {% else %}
  115.                         class="nav-link scrollto"
  116.                     {% endif %}  href="{{ path('offres_show') }}">Careers</a></li>
  117. {#                <li><a {% if app.request.get('_route') == 'offres_show' %}#}
  118. {#                        class="nav-link scrollto active"#}
  119. {#                    {% else %}#}
  120. {#                        class="nav-link scrollto"#}
  121. {#                    {% endif %}  href="{{ path('offres_show') }}">Contact</a></li>#}
  123.             </ul>
  124.             <i class="bi bi-list mobile-nav-toggle"></i>
  125.         </nav><!-- .navbar -->
  127.         <a href="{{ path('offre_index') }}" class="appointment-btn scrollto"> Connection</a>
  129.     </div>
  130. </header><!-- End Header -->
  132. <!-- ======= Hero Section ======= -->
  133. <section id="hero">
  134.     <div id="carouselExampleControls" class="carousel slide" style="margin-top: 5rem;" data-bs-ride="carousel">
  135.         <div class="carousel-inner">
  136.             <div class="carousel-item active" style="height: 75vh; background-image: url({{ asset('admin/assets/img/banner/slide1.png') }}); background-size: cover;">
  137.             </div>
  138.             <div class="carousel-item" style="height: 75vh; background-image: url({{ asset('admin/assets/img/banner/slide1-1.png') }}); background-size: cover;">
  139.             </div>
  140. {#            <div class="carousel-item " style="height: 68vh; background-image: url({{ asset('admin/assets/img/banner/slide2.png') }}); background-size: cover;">#}
  141. {#            </div>#}
  142. {#            <div class="carousel-item" style="height: 68vh; background-image: url({{ asset('admin/assets/img/banner/slide3.png') }}); background-size: cover;">#}
  143. {#            </div>#}
  144.         </div>
  145.         <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleControls" data-bs-slide="prev">
  146.             <span class="carousel-control-prev-icon" aria-hidden="true"></span>
  147.             <span class="visually-hidden">Previous</span>
  148.         </button>
  149.         <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleControls" data-bs-slide="next">
  150.             <span class="carousel-control-next-icon" aria-hidden="true"></span>
  151.             <span class="visually-hidden">Next</span>
  152.         </button>
  153.     </div>
  154. </section><!-- End Hero -->