templates/base.html.twig line 194

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <meta charset="UTF-8">
  5.         <title>
  6.             {% block title %}Crsat
  7.             {% endblock %}
  8.         </title>
  9.         <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 128 128%22><text y=%221.2em%22 font-size=%2296%22>⚫️</text></svg>">
  10.         {# Run `composer require symfony/webpack-encore-bundle` to start using Symfony UX #}
  11.         <!-- Mobile Specific Metas ================================================== -->
  12.         <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="description" content="Construction Html5 Template">
  13.         <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0">
  14.         {# <meta name="author" content="Themefisher"> #}
  15.         {# <meta name="generator" content="Themefisher Educenter HTML Template v1.0"> #}
  17.         <!-- ** Plugins Needed for the Project ** -->
  18.         <!-- Bootstrap -->
  19.             {% block metaStyleLink %}
  20.             <link rel="stylesheet" href="/assets/plugins/bootstrap/bootstrap.min.css"> <link rel="stylesheet" href="/assets/plugins/slick/slick.css">
  21.             <link rel="stylesheet" href="/assets/plugins/themify-icons/themify-icons.css">
  22.             <link rel="stylesheet" href="/assets/plugins/animate/animate.css">
  23.             <link rel="stylesheet" href="/assets/plugins/aos/aos.css">
  24.             <link rel="stylesheet" href="/assets/plugins/venobox/venobox.css">
  25.             <link href="/assets/css/style.css" rel="stylesheet">
  26.             <link rel="shortcut icon" href="/assets/images/favicon.png" type="image/x-icon">
  27.         {% endblock %}
  28.             <link rel="icon" href="/assets/images/favicon1.png" type="image/x-icon">
  30.         {% block stylesheets %}
  31.             {{ encore_entry_link_tags('app') }}
  32.         {% endblock %}
  34.         {% block javascripts %}
  35.             {{ encore_entry_script_tags('app') }}
  36.         {% endblock %}
  37.     </head>
  38.     <body>
  39.         <!-- preloader start -->
  40.         {% block metaPreloader %}
  41.             <div class="preloader">
  42.                 <img src="/images/background/crsat-new-sm2.png" alt="preloader">
  43.             </div>
  44.         {% endblock %}
  45.         <!-- preloader end -->
  46.         <!-- header -->
  47.         <header class="fixed-top header">
  48.             <div class="top-header py-2 bg-white">
  49.                 <div class="container">
  50.                     <div class="row no-gutters">
  51.                         <div class="col-lg-4 text-center text-lg-left">
  52.                             <a class="text-color mr-3" href="tel:+243821138261">
  53.                                 <strong>TELEPHONE</strong>
  54.                                 +243 82 11 38 261</a>
  55.                             <ul class="list-inline d-inline">
  56.                                 <li class="list-inline-item mx-0">
  57.                                     <a class="d-inline-block p-2 text-color" href="#">
  58.                                         <i class="ti-facebook"></i>
  59.                                     </a>
  60.                                 </li>
  61.                             </ul>
  62.                         </div>
  63.                         <div class="col-lg-8 text-center text-lg-right">
  64.                             <ul class="list-inline">
  65.                                 <li class="list-inline-item">
  66.                                     <a class="text-uppercase text-color p-sm-2 py-2 px-0 d-inline-block" href="{{ path('news')}} ">Nouvelle</a>
  67.                                 </li>
  68.                                 <li class="list-inline-item">
  69.                                     <a class="text-uppercase text-color p-sm-2 py-2 px-0 d-inline-block" href="{{ path('project') }}">Projets</a>
  70.                                 </li>
  71.                             </ul>
  72.                         </div>
  73.                     </div>
  74.                 </div>
  75.             </div>
  76.             <!-- navbar -->
  77.             <div class="navigation w-100 border-top">
  78.                 <div class="container">
  79.                     <nav class="navbar navbar-expand-lg navbar-dark p-0">
  80.                         <a class="navbar-brand" href="{{ path('home') }} ">
  81.                             <img src="/images/background/crsat-new-sm2.png" alt="logo">
  82.                         </a>
  83.                         <button class="navbar-toggler rounded-0" type="button" data-toggle="collapse" data-target="#navigation" aria-controls="navigation" aria-expanded="false" aria-label="Toggle navigation">
  84.                             <span class="navbar-toggler-icon"></span>
  85.                         </button>
  87.                         <div class="collapse navbar-collapse" id="navigation">
  88.                             <ul class="navbar-nav ml-auto text-center">
  89.                                 <li class="nav-item @@home {% if current_menu is defined and current_menu == 'home' %}active{% endif %}">
  90.                                     <a class="nav-link" href="{{ path('home') }}">Accueil</a>
  91.                                 </li>
  92.                                 <li class="nav-item dropdown view {% if current_menu is defined and current_menu == 'about' %}active{% endif %}">
  93.                                     <a class="nav-link dropdown-toggle" href="{{ path('about') }}" id="aboutDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">C R S A T</a>
  94.                                     <ul class="dropdown-menu" aria-labelledby="aboutDropdown">
  95.                                         <li>
  96.                                             <a class="dropdown-item" href="{{ path('about') }}">À propos de CRSAT</a>
  97.                                         </li>
  98.                                         <li>
  99.                                             <a class="dropdown-item" href="{{ path('hame.chart') }}">Organigramme</a>
  100.                                         </li>
  101.                                     </ul>
  102.                                 </li>
  103.                             </li>
  104.                             <li class="nav-item @@courses {% if current_menu is defined and current_menu == 'services'%}active {% endif %}">
  105.                                 <a class="nav-link" href="{{ path('services')}} ">SERVICES</a>
  106.                             </li>
  107.                             <li class="nav-item @@events {% if current_menu is defined and current_menu == 'agenda'%}active{% endif %}">
  108.                                 <a class="nav-link" href="{{ path('agenda')}} ">AGENDA</a>
  109.                             </li>
  110.                             <li class="nav-item dropdown view {% if current_menu is defined and current_menu == 'search' %}active {% endif %}">
  111.                                 <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  112.                                     RECHERCHE
  113.                                 </a>
  114.                                 <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
  115.                                     <li>
  116.                                         <a class="dropdown-item" href="{{ path('project') }}">Projets</a>
  117.                                     </li>
  118.                                     <li>
  119.                                         <a class="dropdown-item" href="{{ path('news')}}">Nouvelle</a>
  120.                                     </li>
  121.                                 </ul>
  122.                             </li>
  123.                             <li class="nav-item @@contact {% if current_menu is defined and current_menu == 'contact'%}active{% endif %} ">
  124.                                 <a class="nav-link" href="{{ path('contact') }}">CONTACT</a>
  125.                             </li>
  126.                             {% if app.user %}
  127.                                 <li class="nav-item @@contact {% if current_menu is defined and current_menu == 'contact'%}active{% endif %} ">
  128.                                     <a class="nav-link" href="{{ path('logout') }}">SE DECONNECTER</a>
  129.                                 </li>
  130.                             {% endif %}
  131.                         </ul>
  132.                     </div>
  133.                 </nav>
  134.             </div>
  135.         </div>
  136.     </body>
  137. </html></header><!-- /header --><!-- Modal --><div class="modal fade" id="signupModal" tabindex="-1" role="dialog" aria-hidden="true">
  138. <div class="modal-dialog modal-lg" role="document">
  139.     <div class="modal-content rounded-0 border-0 p-4">
  140.         <div class="modal-header border-0">
  141.             <h3>Register</h3>
  142.             <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  143.                 <span aria-hidden="true">&times;</span>
  144.             </button>
  145.         </div>
  146.         <div class="modal-body">
  147.             <div class="login">
  148.                 <form action="#" class="row">
  149.                     <div class="col-12">
  150.                         <input type="text" class="form-control mb-3" id="signupPhone" name="signupPhone" placeholder="Phone">
  151.                     </div>
  152.                     <div class="col-12">
  153.                         <input type="text" class="form-control mb-3" id="signupName" name="signupName" placeholder="Name">
  154.                     </div>
  155.                     <div class="col-12">
  156.                         <input type="email" class="form-control mb-3" id="signupEmail" name="signupEmail" placeholder="Email">
  157.                     </div>
  158.                     <div class="col-12">
  159.                         <input type="password" class="form-control mb-3" id="signupPassword" name="signupPassword" placeholder="Password">
  160.                     </div>
  161.                     <div class="col-12">
  162.                         <button type="submit" class="btn btn-primary">SIGN UP</button>
  163.                     </div>
  164.                 </form>
  165.             </div>
  166.         </div>
  167.     </div>
  168. </div></div><!-- Modal --><div class="modal fade" id="loginModal" tabindex="-1" role="dialog" aria-hidden="true">
  169. <div class="modal-dialog modal-lg" role="document">
  170.     <div class="modal-content rounded-0 border-0 p-4">
  171.         <div class="modal-header border-0">
  172.             <h3>Login</h3>
  173.             <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  174.                 <span aria-hidden="true">&times;</span>
  175.             </button>
  176.         </div>
  177.         <div class="modal-body">
  178.             <form action="#" class="row">
  179.                 <div class="col-12">
  180.                     <input type="text" class="form-control mb-3" id="loginPhone" name="loginPhone" placeholder="Phone">
  181.                 </div>
  182.                 <div class="col-12">
  183.                     <input type="text" class="form-control mb-3" id="loginName" name="loginName" placeholder="Name">
  184.                 </div>
  185.                 <div class="col-12">
  186.                     <input type="password" class="form-control mb-3" id="loginPassword" name="loginPassword" placeholder="Password">
  187.                 </div>
  188.                 <div class="col-12">
  189.                     <button type="submit" class="btn btn-primary">LOGIN</button>
  190.                 </div>
  191.             </form>
  192.         </div>
  193.     </div>
  194. </div></div>{% block body %}{% endblock %}<footer>
  195. <div class="newsletter">
  196.     <div class="container">
  197.         <div class="row">
  198.             <div class="col-md-9 ml-auto bg-primary py-5 newsletter-block">
  199.                 <h3 class="text-white">Contactez-nous</h3>
  200.                 <form action="#">
  201.                     <div class="input-wrapper">
  202.                         <input type="email" class="form-control border-0" id="newsletter" name="newsletter" placeholder="Entrez votre email...">
  203.                         <button type="submit" value="send" class="btn btn-primary">Contacter</button>
  204.                     </div>
  205.                 </form>
  206.             </div>
  207.         </div>
  208.     </div>
  209. </div>
  210. <!-- footer content -->
  211. <div class="footer bg-footer section border-bottom">
  212.     <div class="container">
  213.         <div class="row">
  214.             <div
  215.                 class="col-lg-4 col-sm-8 mb-5 mb-lg-0">
  216.                 <!-- logo -->
  217.                 <a class="logo-footer" href="index.html"><img class="img-fluid mb-4" src="/images/background/crsat-new-sm2.png" alt="logo"></a>
  218.                 <ul class="list-unstyled">
  219.                     <li class="mb-2">IGC, Boulevard du 30 juin, N°106</li>
  220.                     <li class="mb-2">243 82 11 38 261</li>
  221.                     {# <li class="mb-2">+1 (2) 345 6789</li> #}
  222.                     <li class="mb-2">contact@crsat.cd</li>
  223.                 </ul>
  224.             </div>
  225.             <!-- company -->
  226.             <div class="col-lg-2 col-md-3 col-sm-4 col-6 mb-5 mb-md-0">
  227.                 <h4 class="text-white mb-5">CRSAT</h4>
  228.                 <ul class="list-unstyled">
  229.                     <li class="mb-3">
  230.                         <a class="text-color" href="{{ path('about') }} ">About Us</a>
  231.                     </li>
  232.                     <li class="mb-3">
  233.                         <a class="text-color" href=" {{ path('project') }} ">Projets</a>
  234.                     </li>
  235.                     <li class="mb-3">
  236.                         <a class="text-color" href=" {{ path('services') }} ">Services</a>
  237.                     </li>
  238.                     <li class="mb-3">
  239.                         <a class="text-color" href=" {{ path('contact') }} ">Contact</a>
  240.                     </li>
  241.                 </ul>
  242.             </div>
  243.             <!-- links -->
  244.             <div class="col-lg-2 col-md-3 col-sm-4 col-6 mb-5 mb-md-0">
  245.                 <h4 class="text-white mb-5">LINKS</h4>
  246.                 <ul class="list-unstyled">
  247.                     <li class="mb-3">
  248.                         <a class="text-color" href="{{ path('news') }}">Nouvelle</a>
  249.                     </li>
  250.                     <li class="mb-3">
  251.                         <a class="text-color" href=" {{ path('agenda') }}">Agenda</a>
  252.                     </li>
  253.                 </ul>
  254.             </div>
  255.         </div>
  256.     </div>
  257. </div>
  258. <!-- copyright -->
  259. <div class="copyright py-4 bg-footer">
  260.     <div class="container">
  261.         <div class="row">
  262.             <div class="col-sm-7 text-sm-left text-center">
  263.                 <p class="mb-0">Copyright &copy;
  264.                     <script>
  265.                         var CurrentYear = new Date().getFullYear()
  266. document.write(CurrentYear)
  267.                     </script>
  268.                     , designed & developed by
  269.                     <a href="https://cd.linkedin.com/in/clement-kanku-54243a169" class="text-muted">Clément Kanku</a>
  270.                 </p>
  271.             </div>
  272.         </div>
  273.     </div>
  274. </div></footer>{% block metaScript %}
  275. <script src="/assets/plugins/jQuery/jquery.min.js"></script>
  276. <script src="/assets/plugins/bootstrap/bootstrap.min.js"></script>
  277. <script src="/assets/plugins/slick/slick.min.js"></script>
  278. <script src="/assets/plugins/aos/aos.js"></script>
  279. <script src="/assets/plugins/venobox/venobox.min.js"></script>
  280. <script src="/assets/plugins/filterizr/jquery.filterizr.min.js"></script>
  281. <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCcABaamniA6OL5YvYSpB3pFMNrXwXnLwU"></script>
  282. <script src="plugins/google-map/gmap.js"></script>
  283. <script src="/assets/js/script.js"></script>
  286. {# <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.5/dist/umd/popper.min.js" integrity="sha384-Xe+8cL9oJa6tN/veChSP7q+mnSPaj5Bcu9mPX5F5xIGE0DVittaqT5lorf0EI7Vk" crossorigin="anonymous"></script> #}
  287. {# <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/js/bootstrap.min.js" integrity="sha384-ODmDIVzN+pFdexxHEHFBQH3/9/vQ9uori45z4JjnFsRydbmQbmL5t1tQ0culUzyK" crossorigin="anonymous"></script> #}
  288. {# <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-A3rJD856KowSb7dwlZdYEkO39Gagi7vIsF0jrRAoQmDKKtQBHUuLZ9AsSv4jD4Xa" crossorigin="anonymous"></script> #}
  289. <!-- Vendor JS Files --><script src="/assets/vendor/bootstrap/js/bootstrap.bundle.min.js"> </script>{% endblock %}</body></html>