templates/base.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html class="no-js" lang="fr">
  3.     <head>
  4.         <meta charset="utf-8">
  5.         <meta http-equiv="x-ua-compatible" content="ie=edge">
  6.         <title>{% block title %}Welcome!{% endblock %}</title>
  7.         {% block stylesheets %}
  8.             <meta name="description" content="">
  9.             <meta name="viewport" content="width=device-width, initial-scale=1">
  10.             <link rel="stylesheet" href="https://cdn.datatables.net/1.11.0/css/jquery.dataTables.min.css" crossorigin="anonymous">
  11.             <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
  12.             <!--link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"-->
  13.             <link rel="manifest" href="site.webmanifest">
  14.             <link rel="shortcut icon" type="image/x-icon" href="{{asset('assets/img/favicon.ico')}}">
  15.             <!-- for Carousel -->
  16.             <!-- Stylesheets -->
  17.             <link href='https://fonts.googleapis.com/css?family=Lato:300,400,700,400italic,300italic' rel='stylesheet' type='text/css'>
  18.             <link rel="stylesheet" href="{{asset('assets/css/docs.theme.min.css')}}">
  19.             
  20.             <!-- Owl Stylesheets -->
  21.             <link rel="stylesheet" href="{{asset('assets/owlcarousel/assets/owl.carousel.min.css')}}">
  22.             <link rel="stylesheet" href="{{asset('assets/owlcarousel/assets/owl.theme.default.min.css')}}">
  23.             <script src="{{asset('assets/vendors/jquery.min.js')}}"></script>
  24.             <script src="{{asset('assets/owlcarousel/owl.carousel.js')}}"></script>
  25.             <!-- CSS here -->
  26.             <link rel="stylesheet" href="{{asset('assets/css/bootstrap.min.css')}}">
  27.             <link rel="stylesheet" href="{{asset('assets/css/owl.carousel.min.css')}}">
  28.             <link rel="stylesheet" href="{{asset('assets/css/price_rangs.css')}}">
  29.             <link rel="stylesheet" href="{{asset('assets/css/flaticon.css')}}">
  30.             <link rel="stylesheet" href="{{asset('assets/css/slicknav.css')}}">
  31.             <link rel="stylesheet" href="{{asset('assets/css/animate.min.css')}}">
  32.             <link rel="stylesheet" href="{{asset('assets/css/magnific-popup.css')}}">
  33.             <link rel="stylesheet" href="{{asset('assets/css/fontawesome-all.min.css')}}">
  34.             <link rel="stylesheet" href="{{asset('assets/css/themify-icons.css')}}">
  35.             <link rel="stylesheet" href="{{asset('assets/css/slick.css')}}">
  36.             <link rel="stylesheet" href="{{asset('assets/css/nice-select.css')}}">
  37.             <link rel="stylesheet" href="{{asset('assets/css/style.css')}}">
  38.             <style>
  39.                 #loginname {
  40.                     appearance: none;
  41.                     padding: 5px;
  42.                     background-color: #c0392b;
  43.                     color: white;
  44.                     border: none;
  45.                     font-family: inherit;
  46.                     outline: none;
  47.                     /*border-radius: 45%;*/
  48.                 }
  49.             </style>
  50.             
  51.         {% endblock %}
  52.         
  53.     </head>
  54.     <body>
  55.         <!-- Preloader Startc -->
  56.             <div id="preloader-active">
  57.                 <div class="preloader d-flex align-items-center justify-content-center">
  58.                     <div class="preloader-inner position-relative">
  59.                         <div class="preloader-circle"></div>
  60.                         <div class="preloader-img pere-text">
  61.                             <img src="{{asset('assets/img/logo/logo.png')}}" alt="">
  62.                         </div>
  63.                     </div>
  64.                 </div>
  65.             </div>
  66.         <!-- Header Start -->   
  67.             <header>
  68.                 <div class="header-area header-transparrent">
  69.                     <div class="headder-top header-sticky">
  70.                         <div class="container">
  71.                             <div class="row align-items-center">
  72.                                 <div class="col-lg-3 col-md-2">
  73.                                     <!-- Logo -->
  74.                                     <div class="logo">
  75.                                         <a href="{{ path('home') }}"><img src="{{asset('assets/img/logo/logo.png')}}" alt=""></a>
  76.                                     </div>  
  77.                                 </div>
  78.                                 <div class="col-lg-9 col-md-9" style="position: absolute; right: 0px;">
  79.                                     <div class="menu-wrapper">
  80.                                         <!-- Main-menu -->
  81.                                         <div class="main-menu">
  82.                                             <nav class="d-none d-lg-block">
  83.                                                 <ul id="navigation">
  84.                                                     <li><a href="{{ path('home') }}">Home</a></li>
  85.                                                     <li><a href="#">Services</a></li>
  86.                                                     <li><a href="#">CV</a></li>
  87.                                                     <li><a href="#">Entreprise</a></li>
  88.                                                     <li><a href="#">A propos</a></li>
  89.                                                     <li><a href="#">Contact</a></li>
  90.                                                 </ul>
  91.                                             </nav>
  92.                                         </div>          
  93.                                         <!-- Header-btn -->
  94.                                         {% if app.user %}
  95.                                             
  96.                                             <div class="single-element-widget mt-30">
  97.                                                 <div class="default-select" id="default-select">
  98.                                                     <select id="loginname" onchange="location = this.value;">
  99.                                                         <option >{{ app.user.name }}</option>
  100.                                                         <option value="{{ path('app_logout') }}">Deconnexion</option>
  101.                                                     </select>
  102.                                                 </div>
  103.                                             </div>
  104.                                             
  105.                                         {% else %}
  106.                                             <div class="header-btn d-none f-right d-lg-block" style= "overflow:hidden;">
  107.                                                 <a href="{{ path('register') }}" style="display:inline-block;" class="btn head-btn1">Register</a>
  108.                                                 <a href="{{ path('app_login') }}" class="btn head-btn2">Login</a>
  109.                                             </div>
  110.                                         {% endif %}
  111.                                     </div>
  112.                                 </div>
  113.                                 <!-- Mobile Menu -->
  114.                                 <div class="col-12">
  115.                                     <div class="mobile_menu d-block d-lg-none"></div>
  116.                                 </div>
  117.                             </div>
  118.                         </div>
  119.                     </div>
  120.                 </div>
  121.             </header>
  122.         <!-- Header End -->
  123.         {% block body %}
  124.             
  125.         {% endblock %}
  126.         {% block footer %}
  127.             <!-- Footer Start-->
  128.             <footer>
  129.                 <div class="footer-area footer-bg footer-padding">
  130.                     <div class="container">
  131.                         <div class="row d-flex justify-content-between">
  132.                             <div class="col-xl-3 col-lg-3 col-md-4 col-sm-6">
  133.                                 <div class="single-footer-caption mb-50">
  134.                                     <div class="single-footer-caption mb-30">
  135.                                         <div class="footer-tittle">
  136.                                             <h4>About Us</h4>
  137.                                             <div class="footer-pera">
  138.                                                 <p>Biyem-Asssi Lycée,
  139.                                                     Face station Green Oil
  140.                                                     Yaoundé, Cameroun
  141.                                                 </p>
  142.                                             </div>
  143.                                         </div>
  144.                                     </div>
  145.             
  146.                                 </div>
  147.                             </div>
  148.                             <div class="col-xl-3 col-lg-3 col-md-4 col-sm-5">
  149.                                 <div class="single-footer-caption mb-50">
  150.                                     <div class="footer-tittle">
  151.                                         <h4>HORAIRES</h4>
  152.                                         <p>
  153.                                             Du lundi au Samedi : 8h00–21h00
  154.                                             inscription rapide
  155.                                         </p>
  156.                                     </div>
  157.         
  158.                                 </div>
  159.                             </div>
  160.                             <div class="col-xl-3 col-lg-3 col-md-4 col-sm-5">
  161.                                 <div class="single-footer-caption mb-50">
  162.                                     <div class="footer-tittle">
  163.                                         <h4>CONTACTS</h4>
  164.                                         <p>Téléphone : +237 691702783 <br> +237 691702665 
  165.                                             <br> +237 653108121 <br>Email : info@kamer-center.net 
  166.                                             <br>Bp : 13501 Yaoundé Biyem-Asssi Lycée, Face station Green Oil – Yaoundé, Cameroun
  167.                                         </p>
  168.                                     </div>
  169.         
  170.                                 </div>
  171.                             </div>
  172.                             
  173.                         </div>
  174.                     <!--  -->
  175.                     <div class="row footer-wejed justify-content-between">
  176.                         <div class="col-xl-3 col-lg-3 col-md-4 col-sm-6">
  177.                             <!-- logo -->
  178.                             <div class="footer-logo mb-20">
  179.                                 <a href="{{ path('home') }}"><img src="{{asset('assets/img/logo/logo2_footer.png')}}" alt=""></a>
  180.                             </div>
  181.                         </div>
  182.                         <div class="col-xl-3 col-lg-3 col-md-4 col-sm-5">
  183.                             <div class="footer-tittle-bottom">
  184.                                 <span>5000+</span>
  185.                                 <p>Bources</p>
  186.                             </div>
  187.                         </div>
  188.                         <div class="col-xl-3 col-lg-3 col-md-4 col-sm-5">
  189.                             <div class="footer-tittle-bottom">
  190.                                 <span>451</span>
  191.                                 <p>Emploies</p>
  192.                             </div>
  193.                         </div>
  194.                         <div class="col-xl-3 col-lg-3 col-md-4 col-sm-5">
  195.                             <!-- Footer Bottom Tittle -->
  196.                             <div class="footer-tittle-bottom">
  197.                                 <span>568</span>
  198.                                 <p>Talens</p>
  199.                             </div>
  200.                         </div>
  201.                     </div>
  202.                     </div>
  203.                 </div>
  204.                 <!-- footer-bottom area -->
  205.                 <div class="footer-bottom-area footer-bg">
  206.                     <div class="container">
  207.                         <div class="footer-border">
  208.                             <div class="row d-flex justify-content-between align-items-center">
  209.                                 <div class="col-xl-10 col-lg-10 ">
  210.                                     <div class="footer-copy-right">
  211.                                         <p align="center"><!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
  212.         Copyright &copy;<script>document.write(new Date().getFullYear());</script> All rights reserved | KTC
  213.         <!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. --></p>
  214.                                     </div>
  215.                                 </div>
  216.                                 <div class="col-xl-2 col-lg-2">
  217.                                     <div class="footer-social f-center">
  218.                                         <a href="https://www.facebook.com/KTCCenter/"><i class="fab fa-facebook-f"></i></a>
  219.                                         
  220.                                     </div>
  221.                                 </div>
  222.                             </div>
  223.                         </div>
  224.                     </div>
  225.                 </div>
  226.                 
  227.             </footer>
  228.         <!-- Footer End-->
  229.             
  230.         {% endblock %}
  231.     </body>
  232.     <!-- JS here -->
  233.     
  234.         <!-- All JS Custom Plugins Link Here here -->
  235.     <script src="{{asset('assets/js/vendor/modernizr-3.5.0.min.js')}}"></script>
  236.     <!-- Jquery, Popper, Bootstrap -->
  237.     <script src="{{asset('assets/js/vendor/jquery-1.12.4.min.js')}}"></script>
  238.     <script src="{{asset('assets/js/popper.min.js')}}"></script>
  239.     <script src="{{asset('assets/js/bootstrap.min.js')}}"></script>
  240.     <!-- Jquery Mobile Menu -->
  241.     <script src="{{asset('assets/js/jquery.slicknav.min.js')}}"></script>
  242.     <!-- Jquery Slick , Owl-Carousel Range -->
  243.     <script src="{{asset('assets/js/owl.carousel.min.js')}}"></script>
  244.     <script src="{{asset('assets/js/slick.min.js')}}"></script>
  245.     <script src="{{asset('assets/js/price_rangs.js')}}"></script>
  246.     <!-- One Page, Animated-HeadLin -->
  247.     <script src="{{asset('assets/js/wow.min.js')}}"></script>
  248.     <script src="{{asset('assets/js/animated.headline.js')}}"></script>
  249.     <script src="{{asset('assets/js/jquery.magnific-popup.js')}}"></script>
  250.     <!-- Scrollup, nice-select, sticky -->
  251.     <script src="{{asset('assets/js/jquery.scrollUp.min.js')}}"></script>
  252.     <script src="{{asset('assets/js/jquery.nice-select.min.js')}}"></script>
  253.     <script src="{{asset('assets/js/jquery.sticky.js')}}"></script>
  254.     
  255.     <!-- contact js -->
  256.     <script src="{{asset('assets/js/contact.js')}}"></script>
  257.     <script src="{{asset('assets/js/jquery.form.js')}}"></script>
  258.     <script src="{{asset('assets/js/jquery.validate.min.js')}}"></script>
  259.     <script src="{{asset('assets/js/mail-script.js')}}"></script>
  260.     <script src="{{asset('assets/js/jquery.ajaxchimp.min.js')}}"></script>
  261.     
  262.     <!-- Jquery Plugins, main Jquery -->    
  263.     <script src="{{asset('assets/js/plugins.js')}}"></script>
  264.     <script src="{{asset('assets/js/main.js')}}"></script>
  265.     <script src="https://code.jquery.com/jquery-3.6.0.min.js')}}"></script>
  266.     <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js')}}/1.12.9/umd/popper.min.js')}}" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
  267.     <script src="https://cdn.datatables.net/1.11.0/js/jquery.dataTables.min.js')}}" crossorigin="anonymous"></script>
  268.     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js')}}" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
  269.     <script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js')}}"></script>
  270.     <!-- Jquery Plugins, main Jquery -->    
  271.     <script src="{{asset('assets/js/plugins.js')}}"></script>
  272.     <script src="{{asset('assets/js/main.js')}}"></script>
  273.     <!-- vendors -->
  274.     <script src="{{asset('assets/vendors/highlight.js')}}"></script>
  275.     <script src="{{asset('assets/js/app.js')}}"></script>
  276.     <script>
  277.         $(document).ready(function () {
  278.         $('.dtBasicExample').DataTable();
  279.         $('.dataTables_length').addClass('bs-select');
  280.         });
  281.     </script>
  282.     {% block script %}
  283.         
  284.     {% endblock %}
  285. </html>