<!DOCTYPE html>
<html class="no-js" lang="fr">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>{% block title %}Welcome!{% endblock %}</title>
{% block stylesheets %}
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdn.datatables.net/1.11.0/css/jquery.dataTables.min.css" crossorigin="anonymous">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<!--link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"-->
<link rel="manifest" href="site.webmanifest">
<link rel="shortcut icon" type="image/x-icon" href="{{asset('assets/img/favicon.ico')}}">
<!-- for Carousel -->
<!-- Stylesheets -->
<link href='https://fonts.googleapis.com/css?family=Lato:300,400,700,400italic,300italic' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="{{asset('assets/css/docs.theme.min.css')}}">
<!-- Owl Stylesheets -->
<link rel="stylesheet" href="{{asset('assets/owlcarousel/assets/owl.carousel.min.css')}}">
<link rel="stylesheet" href="{{asset('assets/owlcarousel/assets/owl.theme.default.min.css')}}">
<script src="{{asset('assets/vendors/jquery.min.js')}}"></script>
<script src="{{asset('assets/owlcarousel/owl.carousel.js')}}"></script>
<!-- CSS here -->
<link rel="stylesheet" href="{{asset('assets/css/bootstrap.min.css')}}">
<link rel="stylesheet" href="{{asset('assets/css/owl.carousel.min.css')}}">
<link rel="stylesheet" href="{{asset('assets/css/price_rangs.css')}}">
<link rel="stylesheet" href="{{asset('assets/css/flaticon.css')}}">
<link rel="stylesheet" href="{{asset('assets/css/slicknav.css')}}">
<link rel="stylesheet" href="{{asset('assets/css/animate.min.css')}}">
<link rel="stylesheet" href="{{asset('assets/css/magnific-popup.css')}}">
<link rel="stylesheet" href="{{asset('assets/css/fontawesome-all.min.css')}}">
<link rel="stylesheet" href="{{asset('assets/css/themify-icons.css')}}">
<link rel="stylesheet" href="{{asset('assets/css/slick.css')}}">
<link rel="stylesheet" href="{{asset('assets/css/nice-select.css')}}">
<link rel="stylesheet" href="{{asset('assets/css/style.css')}}">
<style>
#loginname {
appearance: none;
padding: 5px;
background-color: #c0392b;
color: white;
border: none;
font-family: inherit;
outline: none;
/*border-radius: 45%;*/
}
</style>
{% endblock %}
</head>
<body>
<!-- Preloader Startc -->
<div id="preloader-active">
<div class="preloader d-flex align-items-center justify-content-center">
<div class="preloader-inner position-relative">
<div class="preloader-circle"></div>
<div class="preloader-img pere-text">
<img src="{{asset('assets/img/logo/logo.png')}}" alt="">
</div>
</div>
</div>
</div>
<!-- Header Start -->
<header>
<div class="header-area header-transparrent">
<div class="headder-top header-sticky">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-3 col-md-2">
<!-- Logo -->
<div class="logo">
<a href="{{ path('home') }}"><img src="{{asset('assets/img/logo/logo.png')}}" alt=""></a>
</div>
</div>
<div class="col-lg-9 col-md-9" style="position: absolute; right: 0px;">
<div class="menu-wrapper">
<!-- Main-menu -->
<div class="main-menu">
<nav class="d-none d-lg-block">
<ul id="navigation">
<li><a href="{{ path('home') }}">Home</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">CV</a></li>
<li><a href="#">Entreprise</a></li>
<li><a href="#">A propos</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav>
</div>
<!-- Header-btn -->
{% if app.user %}
<div class="single-element-widget mt-30">
<div class="default-select" id="default-select">
<select id="loginname" onchange="location = this.value;">
<option >{{ app.user.name }}</option>
<option value="{{ path('app_logout') }}">Deconnexion</option>
</select>
</div>
</div>
{% else %}
<div class="header-btn d-none f-right d-lg-block" style= "overflow:hidden;">
<a href="{{ path('register') }}" style="display:inline-block;" class="btn head-btn1">Register</a>
<a href="{{ path('app_login') }}" class="btn head-btn2">Login</a>
</div>
{% endif %}
</div>
</div>
<!-- Mobile Menu -->
<div class="col-12">
<div class="mobile_menu d-block d-lg-none"></div>
</div>
</div>
</div>
</div>
</div>
</header>
<!-- Header End -->
{% block body %}
{% endblock %}
{% block footer %}
<!-- Footer Start-->
<footer>
<div class="footer-area footer-bg footer-padding">
<div class="container">
<div class="row d-flex justify-content-between">
<div class="col-xl-3 col-lg-3 col-md-4 col-sm-6">
<div class="single-footer-caption mb-50">
<div class="single-footer-caption mb-30">
<div class="footer-tittle">
<h4>About Us</h4>
<div class="footer-pera">
<p>Biyem-Asssi Lycée,
Face station Green Oil
Yaoundé, Cameroun
</p>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-3 col-md-4 col-sm-5">
<div class="single-footer-caption mb-50">
<div class="footer-tittle">
<h4>HORAIRES</h4>
<p>
Du lundi au Samedi : 8h00–21h00
inscription rapide
</p>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-3 col-md-4 col-sm-5">
<div class="single-footer-caption mb-50">
<div class="footer-tittle">
<h4>CONTACTS</h4>
<p>Téléphone : +237 691702783 <br> +237 691702665
<br> +237 653108121 <br>Email : info@kamer-center.net
<br>Bp : 13501 Yaoundé Biyem-Asssi Lycée, Face station Green Oil – Yaoundé, Cameroun
</p>
</div>
</div>
</div>
</div>
<!-- -->
<div class="row footer-wejed justify-content-between">
<div class="col-xl-3 col-lg-3 col-md-4 col-sm-6">
<!-- logo -->
<div class="footer-logo mb-20">
<a href="{{ path('home') }}"><img src="{{asset('assets/img/logo/logo2_footer.png')}}" alt=""></a>
</div>
</div>
<div class="col-xl-3 col-lg-3 col-md-4 col-sm-5">
<div class="footer-tittle-bottom">
<span>5000+</span>
<p>Bources</p>
</div>
</div>
<div class="col-xl-3 col-lg-3 col-md-4 col-sm-5">
<div class="footer-tittle-bottom">
<span>451</span>
<p>Emploies</p>
</div>
</div>
<div class="col-xl-3 col-lg-3 col-md-4 col-sm-5">
<!-- Footer Bottom Tittle -->
<div class="footer-tittle-bottom">
<span>568</span>
<p>Talens</p>
</div>
</div>
</div>
</div>
</div>
<!-- footer-bottom area -->
<div class="footer-bottom-area footer-bg">
<div class="container">
<div class="footer-border">
<div class="row d-flex justify-content-between align-items-center">
<div class="col-xl-10 col-lg-10 ">
<div class="footer-copy-right">
<p align="center"><!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
Copyright ©<script>document.write(new Date().getFullYear());</script> All rights reserved | KTC
<!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. --></p>
</div>
</div>
<div class="col-xl-2 col-lg-2">
<div class="footer-social f-center">
<a href="https://www.facebook.com/KTCCenter/"><i class="fab fa-facebook-f"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
</footer>
<!-- Footer End-->
{% endblock %}
</body>
<!-- JS here -->
<!-- All JS Custom Plugins Link Here here -->
<script src="{{asset('assets/js/vendor/modernizr-3.5.0.min.js')}}"></script>
<!-- Jquery, Popper, Bootstrap -->
<script src="{{asset('assets/js/vendor/jquery-1.12.4.min.js')}}"></script>
<script src="{{asset('assets/js/popper.min.js')}}"></script>
<script src="{{asset('assets/js/bootstrap.min.js')}}"></script>
<!-- Jquery Mobile Menu -->
<script src="{{asset('assets/js/jquery.slicknav.min.js')}}"></script>
<!-- Jquery Slick , Owl-Carousel Range -->
<script src="{{asset('assets/js/owl.carousel.min.js')}}"></script>
<script src="{{asset('assets/js/slick.min.js')}}"></script>
<script src="{{asset('assets/js/price_rangs.js')}}"></script>
<!-- One Page, Animated-HeadLin -->
<script src="{{asset('assets/js/wow.min.js')}}"></script>
<script src="{{asset('assets/js/animated.headline.js')}}"></script>
<script src="{{asset('assets/js/jquery.magnific-popup.js')}}"></script>
<!-- Scrollup, nice-select, sticky -->
<script src="{{asset('assets/js/jquery.scrollUp.min.js')}}"></script>
<script src="{{asset('assets/js/jquery.nice-select.min.js')}}"></script>
<script src="{{asset('assets/js/jquery.sticky.js')}}"></script>
<!-- contact js -->
<script src="{{asset('assets/js/contact.js')}}"></script>
<script src="{{asset('assets/js/jquery.form.js')}}"></script>
<script src="{{asset('assets/js/jquery.validate.min.js')}}"></script>
<script src="{{asset('assets/js/mail-script.js')}}"></script>
<script src="{{asset('assets/js/jquery.ajaxchimp.min.js')}}"></script>
<!-- Jquery Plugins, main Jquery -->
<script src="{{asset('assets/js/plugins.js')}}"></script>
<script src="{{asset('assets/js/main.js')}}"></script>
<script src="https://code.jquery.com/jquery-3.6.0.min.js')}}"></script>
<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>
<script src="https://cdn.datatables.net/1.11.0/js/jquery.dataTables.min.js')}}" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js')}}" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js')}}"></script>
<!-- Jquery Plugins, main Jquery -->
<script src="{{asset('assets/js/plugins.js')}}"></script>
<script src="{{asset('assets/js/main.js')}}"></script>
<!-- vendors -->
<script src="{{asset('assets/vendors/highlight.js')}}"></script>
<script src="{{asset('assets/js/app.js')}}"></script>
<script>
$(document).ready(function () {
$('.dtBasicExample').DataTable();
$('.dataTables_length').addClass('bs-select');
});
</script>
{% block script %}
{% endblock %}
</html>