{% extends 'base.html.twig' %}
{% block body %}
<div class="page-wrapper">
<!--preloader start-->
<div class="preloader"></div>
<!--preloader end-->
<!--main-header start-->
<header class="main-header">
<!--header-top start-->
<div class="header-top">
<!--container start-->
<div class="container">
<!--row start-->
<div class="row">
<!--col start-->
{# <div class="col-md-3 col-sm-6 col-xs-6"> #}
{# <div class="user-wrap"> #}
{# <div class="login-btn"> #}
{# <button type="button" class="btn btn-primary" data-dismiss="modal" aria-label="Close" data-toggle="modal" data-target=".bs-example-modal-md-1">Login</button> #}
{# </div> #}
{# <div class="register-btn"> #}
{# <button type="button" class="btn btn-primary" data-dismiss="modal" aria-label="Close" data-toggle="modal" data-target=".bs-example-modal-md">Register</button> #}
{# </div> #}
{# <div class="clearfix"></div> #}
{# </div> #}
{# </div> #}
<!--col end-->
<!--col start-->
<div class="col-md-4 col-sm-6">
<div class="top-left">
<p>Bienvenue chez TEVA Sarl</p>
</div>
</div>
<!--col end-->
<div class="col-md-3 col-sm-6 col-xs-6">
{# <div class="user-wrap"> #}
{# <div class="login-btn"> #}
{# <button type="button" class="btn btn-primary" data-dismiss="modal" aria-label="Close" data-toggle="modal" data-target=".bs-example-modal-md-1">Login</button> #}
{# </div> #}
{# <div class="register-btn"> #}
{# <button type="button" class="btn btn-primary" data-dismiss="modal" aria-label="Close" data-toggle="modal" data-target=".bs-example-modal-md">Register</button> #}
{# </div> #}
{# <div class="clearfix"></div> #}
{# </div> #}
</div>
<!--col start-->
<div class="col-md-5 col-sm-6 col-xs-6">
<ul class="top-social-icons">
<li><a href="https://www.facebook.com/profile.php?id=100082909195267&mibextid=ZbWKwL"><i
class="fa fa-facebook-square" aria-hidden="true"></i></a></li>
</ul>
<div class="btn-box">
<a href="https://wa.me/23755143556" class="brochure-btn theme-btn hvr-link">
<i class="fa fa-whatsapp"></i> Whatsapp !
</a>
</div>
</div>
<!--col end-->
</div>
<!--row end-->
</div>
<!--container end-->
</div>
<!--header-top end-->
<!--header-upper start-->
<!--header-upper end-->
<!--header-lower start-->
<div class="header-lower">
<!--container start-->
<div class="container">
<div class="row">
<div class="col-md-5 col-sm-12">
<div class="logo-outer">
<div class="logo"><a href="/"> <img class="logo-default"
src="{{ asset('assets/images/logo teva.png') }}"
alt="" title="" style="height: 45px"> </a></div>
</div>
</div>
<div class="col-md-7 col-sm-12">
<div class="nav-outer clearfix menu-bg">
<!--main-menu start-->
<nav class="main-menu">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse"
data-target=".navbar-collapse"><span class="icon-bar"></span> <span
class="icon-bar"></span> <span class="icon-bar"></span></button>
</div>
<div class="navbar-collapse collapse clearfix">
<ul class="navigation clearfix">
<li><a class="hvr-link" href="/">Accueil</a></li>
<li><a class="hvr-link" href="{{ path('app_about') }}">A propos de nous</a>
</li>
<li class="dropdown"><a class="hvr-link" href="#">Nos services</a>
<ul>
<li><a class="hvr-link" href="{{ path('app_service') }}">Tous les
services</a></li>
<li><a class="hvr-link" href="{{ path('app_service_building') }}">Bâtiment</a>
</li>
<li><a class="hvr-link" href="{{ path('app_service_industry') }}">Insdustrie</a>
</li>
<li><a class="hvr-link"
href="{{ path('app_service_public_work') }}">Travaux
publics</a></li>
<li><a class="hvr-link"
href="{{ path('app_service_office_personal_maintenance') }}">Entretin
des bureaux et particuliers</a>
</li>
<li><a class="hvr-link" href="{{ path('app_service_training') }}">Formation</a>
</li>
</ul>
</li>
<li><a class="hvr-link" href="{{ path('app_team') }}">Notre équipe</a></li>
<li><a class="hvr-link" href="{{ path('app_contact') }}">Contact</a></li>
{# <li class="current dropdown"><a class="hvr-link" href="#">Home</a> #}
{# <ul> #}
{# <li><a class="hvr-link" href="index.html">Homepage Slider</a></li> #}
{# <li><a class="hvr-link" href="index-1.html">Homepage Static</a></li> #}
{# </ul> #}
{# </li> #}
{# <li class="dropdown"><a class="hvr-link" href="#">About</a> #}
{# <ul> #}
{# <li><a class="hvr-link" href="about.html">About</a></li> #}
{# <li><a class="hvr-link" href="our-team.html">Team</a></li> #}
{# <li><a class="hvr-link" href="faq.html">FAQ's</a></li> #}
{# <li><a class="hvr-link" href="404.html">404 Page</a></li> #}
{# <li><a class="hvr-link" href="testimonial.html">Testimonials</a></li> #}
{# <li><a class="hvr-link" href="typoghrapy.html">Typoghrapy</a></li> #}
{# <li><a class="hvr-link" href="coming-soon.html">Coming-soon</a></li> #}
{# </ul> #}
{# </li> #}
{# <li class="dropdown"><a class="hvr-link" href="#">Services</a> #}
{# <ul> #}
{# <li><a class="hvr-link" href="service.html">Services</a></li> #}
{# <li><a class="hvr-link" href="service-two-coloumn.html">Service Two Coloumn</a></li> #}
{# <li><a class="hvr-link" href="service-signle.html">Single Service</a></li> #}
{# </ul> #}
{# </li> #}
{# <li class="dropdown"><a class="hvr-link" href="#">Projects</a> #}
{# <ul> #}
{# <li><a class="hvr-link" href="projects.html">Project</a></li> #}
{# <li><a class="hvr-link" href="projects-three.html">Project Three Column</a></li> #}
{# <li><a class="hvr-link" href="projects-four.html">Project Four Column</a></li> #}
{# <li><a class="hvr-link" href="projects-single.html">Project Single</a></li> #}
{# </ul> #}
{# </li> #}
{# <li class="dropdown"><a class="hvr-link" href="#">Shop</a> #}
{# <ul> #}
{# <li><a class="hvr-link" href="shop.html">Our Shop</a></li> #}
{# <li><a class="hvr-link" href="shop-single.html">Product Details</a></li> #}
{# </ul> #}
{# </li> #}
{# <li class="dropdown"><a class="hvr-link" href="#">Blog</a> #}
{# <ul> #}
{# <li> <a class="hvr-link" href="blog-grid.html"> Blog Grid sidebar</a></li> #}
{# <li> <a class="hvr-link" href="blog.html"> Blog List sidebar</a></li> #}
{# <li> <a class="hvr-link" href="blog-grid-full-width.html"> Blog full width </a></li> #}
{# <li> <a class="hvr-link" href="blog-details.html"> Blog Details with sidebar </a></li> #}
{# <li> <a class="hvr-link" href="blog-details-slidebar.html"> Blog Details </a></li> #}
{# </ul> #}
{# </li> #}
{# <li><a class="hvr-link" href="/contact">Contact</a></li> #}
</ul>
</div>
<div class="clearfix"></div>
</nav>
<!--main-menu end-->
</div>
</div>
</div>
</div>
<!--container end-->
</div>
<!--header-lower end-->
<!--sticky-header start-->
<div class="sticky-header">
<!--container start-->
<div class="container clearfix">
<!--row start-->
<div class="row">
<!--col start-->
<div class="col-md-5 col-sm-5">
<div class="logo"><a href="/" class="img-responsive"><img style="height: 45px"
class="logo-default"
src="{{ asset('assets/images/logo teva.png') }}"
alt="" title="TEVA Sarl"></a></div>
</div>
<!--col end-->
<!--col start-->
<div class="col-md-7 col-sm-7">
<!--main-menu start-->
<nav class="main-menu">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse"
data-target=".navbar-collapse"><span class="icon-bar"></span> <span
class="icon-bar"></span> <span class="icon-bar"></span></button>
</div>
<div class="navbar-collapse collapse clearfix">
<ul class="navigation clearfix">
<li><a class="hvr-link" href="/">Accueil</a></li>
<li><a class="hvr-link" href="{{ path('app_about') }}">A propos de nous</a></li>
<li class="dropdown"><a class="hvr-link" href="#">Nos services</a>
<ul>
<li><a class="hvr-link" href="{{ path('app_service') }}">Tous les
services</a></li>
<li><a class="hvr-link" href="{{ path('app_service_building') }}">Bâtiment</a>
</li>
<li><a class="hvr-link" href="{{ path('app_service_industry') }}">Insdustrie</a>
</li>
<li><a class="hvr-link" href="{{ path('app_service_public_work') }}">Travaux
publics</a></li>
<li><a class="hvr-link"
href="{{ path('app_service_office_personal_maintenance') }}">Entretin
des bureaux et particuliers</a>
</li>
<li><a class="hvr-link" href="{{ path('app_service_training') }}">Formation</a>
</li>
</ul>
</li>
<li><a class="hvr-link" href="{{ path('app_team') }}">Notre équipe</a></li>
<li><a class="hvr-link" href="{{ path('app_contact') }}">Contact</a></li>
{# <li class="current dropdown"><a class="hvr-link" href="#">Home</a> #}
{# <ul> #}
{# <li><a class="hvr-link" href="index.html">Homepage Slider</a></li> #}
{# <li><a class="hvr-link" href="index-1.html">Homepage Static</a></li> #}
{# </ul> #}
{# </li> #}
{# <li class="dropdown"><a class="hvr-link" href="#">About</a> #}
{# <ul> #}
{# <li><a class="hvr-link" href="about.html">About</a></li> #}
{# <li><a class="hvr-link" href="our-team.html">Team</a></li> #}
{# <li><a class="hvr-link" href="faq.html">FAQ's</a></li> #}
{# <li><a class="hvr-link" href="404.html">404 Page</a></li> #}
{# <li><a class="hvr-link" href="testimonial.html">Testimonials</a></li> #}
{# <li><a class="hvr-link" href="typoghrapy.html">Typoghrapy</a></li> #}
{# <li><a class="hvr-link" href="coming-soon.html">Coming-soon</a></li> #}
{# </ul> #}
{# </li> #}
{# <li class="dropdown"><a class="hvr-link" href="#">Services</a> #}
{# <ul> #}
{# <li><a class="hvr-link" href="service.html">Services</a></li> #}
{# <li><a class="hvr-link" href="service-two-coloumn.html">Service Two Coloumn</a></li> #}
{# <li><a class="hvr-link" href="service-signle.html">Single Service</a></li> #}
{# </ul> #}
{# </li> #}
{# <li class="dropdown"><a class="hvr-link" href="#">Projects</a> #}
{# <ul> #}
{# <li><a class="hvr-link" href="projects.html">Project</a></li> #}
{# <li><a class="hvr-link" href="projects-three.html">Project Three Column</a></li> #}
{# <li><a class="hvr-link" href="projects-four.html">Project Four Column</a></li> #}
{# <li><a class="hvr-link" href="projects-single.html">Project Single</a></li> #}
{# </ul> #}
{# </li> #}
{# <li class="dropdown"><a class="hvr-link" href="#">Shop</a> #}
{# <ul> #}
{# <li><a class="hvr-link" href="shop.html">Our Shop</a></li> #}
{# <li><a class="hvr-link" href="shop-single.html">Product Details</a></li> #}
{# </ul> #}
{# </li> #}
{# <li class="dropdown"><a class="hvr-link" href="#">Blog</a> #}
{# <ul> #}
{# <li> <a class="hvr-link" href="blog-grid.html"> Blog Grid sidebar</a></li> #}
{# <li> <a class="hvr-link" href="blog.html"> Blog List sidebar</a></li> #}
{# <li> <a class="hvr-link" href="blog-grid-full-width.html"> Blog full width </a></li> #}
{# <li> <a class="hvr-link" href="blog-details.html"> Blog Details with sidebar </a></li> #}
{# <li> <a class="hvr-link" href="blog-details-slidebar.html"> Blog Details </a></li> #}
{# </ul> #}
{# </li> #}
{# <li><a class="hvr-link" href="contact.html">Contact</a></li> #}
</ul>
</div>
</nav>
<!--main-menu stendart-->
</div>
<!--col end-->
</div>
<!--row end-->
</div>
<!--container end-->
</div>
<!--sticky-header end-->
</header>
<!--main-header end-->
{% block content %}
{% endblock %}
<!--footer-sec start-->
<footer class="footer-sec">
<!--container start-->
<div class="container">
<!--row start-->
<div class="row">
<!--col start-->
<div class="col-md-4 col-sm-12">
<div class="footer-info">
<div class="footer-logo"><a href="/"><img style="width: 267px" class="footer-logo-default"
src="{{ asset('assets/images/logo teva.png') }}"
alt="TEVA Sarl"> </a></div>
<p> Votre guichet unique pour tous vos besoins en construction, travaux d'accès difficile,
électricité, industrie, et formtion dans nos domaines d'expertise</p>
<ul class="footer-social">
<li><a target="_blank"
href="https://www.facebook.com/profile.php?id=100082909195267&mibextid=ZbWKwL"><i
class="fa fa-facebook-square" aria-hidden="true"></i></a></li>
</ul>
</div>
</div>
<!--col end-->
<!--col start-->
<div class="col-md-8">
<!--row start-->
<div class="row">
<!--col start-->
<div class="col-md-3 col-sm-6">
<div class="footer-info">
<h3 class="footer-title">Liens utiles</h3>
<ul class="service-link">
<li><a href="/">Accueil</a></li>
<li><a href="{{ path('app_about') }}">A propos</a></li>
<li><a href="{{ path('app_service') }}">Nos services</a></li>
<li><a href="{{ path('app_team') }}">Notre équipe</a></li>
<li><a href="{{ path('app_contact') }}">Contactez-nous</a></li>
</ul>
</div>
</div>
<!--col end-->
<!--col start-->
<div class="col-md-4 col-sm-6">
<div class="footer-info">
<h3 class="footer-title">Nos servicess</h3>
<ul class="service-link">
<li><a href="{{ path('app_service_building') }}">Bâtiment</a></li>
<li><a href="{{ path('app_service_industry') }}">Industrie</a></li>
<li><a href="{{ path('app_service_public_work') }}">Travaux publics</a></li>
<li><a href="{{ path('app_service_office_personal_maintenance') }}">Entretien
des bureaux et particulier</a></li>
<li><a href="{{ path('app_service_training') }}">Formation</a></li>
</ul>
</div>
</div>
<!--col end-->
<!--col start-->
<div class="col-md-5 col-sm-6">
<div class="footer-info">
<h3 class="footer-title">Contactez-nous</h3>
<ul class="footer-adress">
<li><i class="fa fa-map-marker"></i><span>BP cité, Douala Cameroun </span></li>
<li><i class="fa fa-phone"></i><span>Appelez-nous : +237 655 143 556</span></li>
<li><i class="fa fa-envelope-o"></i><span>Email : info@teva-sarl.com</span></li>
</ul>
</div>
</div>
<!--col end-->
</div>
<!--row end-->
</div>
<!--col end-->
</div>
<!--row end-->
<div class="copyright-content">
<!--row start-->
<div class="row">
<!--col start-->
<div class="col-md-12 col-sm-12">
<p class="text-center"><a target="_blank" href="https://digital.edify.site">Made by Edify
Sarl</a>.</p>
</div>
<!--col end-->
<!--col start-->
{# <div class="col-md-6 col-sm-6"> #}
{# <ul class="footer-bottom-menu"> #}
{# <li> <a href="#">Sitemap</a> </li> #}
{# <li> <a href="#">Terms of Service </a> </li> #}
{# <li> <a href="#">Privacy Policy</a> </li> #}
{# </ul> #}
{# </div> #}
<!--col end-->
</div>
<!--row end-->
</div>
</div>
<!--container end-->
</footer>
<!--footer-secn end-->
<!--login-modal start-->
<div class="modal fade bs-example-modal-md-1" tabindex="-1" role="dialog">
<div class="modal-dialog modal-md" role="document">
<div class="modal-content">
<div class="top_links"><a href="#" data-dismiss="modal" aria-label="Close">Close (X)</a></div>
<h2 class="modal-title">LOGIN FORM</h2>
<form class="login-form">
<fieldset>
<div class="form-group"><i class="fa fa-envelope"></i>
<input type="email" name="email" class="form-control" placeholder="Email" required
data-error="Valid email is required.">
</div>
<div class="form-group"><i class="fa fa-lock"></i>
<input type="password" name="name" class="form-control" placeholder="Password" required
data-error="Password is required.">
</div>
<div class="form-group">
<label>
<input type="checkbox">
<em>Remember Me</em> </label>
<a class="forgetpassword" href="#"> <em>Forgot Password</em> <i
class="fa fa-question-circle"></i> </a></div>
<button class="tg-theme-btn tg-theme-btn-lg" type="submit">login</button>
</fieldset>
</form>
<p>Not a Member?
<button type="button" data-dismiss="modal" aria-label="Close" class="btn btn-primary"
data-toggle="modal" data-target=".bs-example-modal-md">Create an Account
</button>
</p>
</div>
</div>
</div>
<!--login-modal end-->
<!--registration-modal start-->
<div class="modal fade bs-example-modal-confirm-contact" tabindex="-1" role="dialog">
<div class="modal-dialog modal-md" role="document">
<div class="modal-content">
<div class="top_links"><a href="#" data-dismiss="modal" aria-label="Close">Fermer (X)</a></div>
<h2 class="modal-title">Votre message a été envoyé avec succès</h2>
<p>
<a href="/" type="button" class="btn btn-primary">Fermer</a>
</p>
</div>
</div>
</div>
<!--registration-modal end-->
<!--quote-modal start-->
{# <div class="modal fade bs-example-modal-confirm-contact" tabindex="-1" role="dialog">#}
{# <div class="modal-dialog modal-md-2" role="document">#}
{# <div class="modal-content">#}
{# <div class="top_links"><a href="#" data-dismiss="modal" aria-label="Close">Close (X)</a></div>#}
{# <h2 class="modal-title">Confirmation du formulaire de contact</h2>#}
{# </div>#}
{# </div>#}
{# </div>#}
<!--quote-modal end-->
</div>
<!--scroll-to-top start-->
<div class="scroll-to-top scroll-to-target" data-target="html"><span class="icon fa fa-angle-up"></span></div>
<!--scroll-to-top end-->
{% endblock %}
{% block javascripts %}
{{ parent() }}
<script>
{% if app.request.get('sent') is not null %}
$(".bs-example-modal-confirm-contact").modal("show");
{% endif %}
$(".bs-example-modal-confirm-contact").on('hidden.bs.modal', function (event) {
window.location.href = "/";
})
</script>
{% endblock %}