<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <meta name="description" content="Eglise Evangelique du Cameroun paroise de ..."> <title>{% block title %}Eglise Evangelique du Cameroun{% endblock %}</title> <link rel="icon" href="{{asset('assets/img/logo_eec.jpg')}}"> <!-- Google Web Fonts --> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Saira:wght@500;600;700&display=swap" rel="stylesheet"> <!-- Icon Font Stylesheet --> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css"> <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0/css/all.min.css" rel="stylesheet"> <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css" rel="stylesheet"> <!-- Libraries Stylesheet --> <link href="{{asset('assets/lib/animate/animate.min.css')}}" rel="stylesheet"> <link href="{{asset('assets/lib/owlcarousel/assets/owl.carousel.min.css')}}" rel="stylesheet"> <!-- Customized Bootstrap Stylesheet --> <link href="{{asset('assets/css/bootstrap.min.css')}}" rel="stylesheet"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/magnific-popup.css" /> <!-- Template Stylesheet --> <link href="{{asset('assets/css/style.css')}}" rel="stylesheet"> <link href="{{asset('assets/sass/css/style.css')}}" rel="stylesheet"> </head> <body> <!-- Spinner Start --> <div id="spinner" class="show position-fixed translate-middle w-100 vh-100 top-50 start-50 d-flex align-items-center justify-content-center"> <div class="spinner-grow text-primary" role="status"></div> </div> <!-- Spinner End --> {% set currentPath = path(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')) %} {% set arrayUrlValue = currentPath|split('/') %} <!-- Topbar Start --> <div class="container-fluid bg-dark py-2 d-none d-md-flex"> <div class="container"> <div class="d-flex justify-content-between topbar"> <div class="top-info"> <small class="me-3 text-white-eec"><a href="#"><i class="fas fa-map-marker-alt me-2 text-white-eec"></i></a>Yaoundé lieu dit entée complexe</small> <small class="me-3 text-white-eec"><a href="#"><i class="fas fa-envelope me-2 text-white-eec"></i></a>contact.eecparoissedesoa...@gmail.com</small> </div> <div id="note" class="text-white-eec d-none d-xl-flex"><small>L'Eternel est mon bergé je ne manquerai de rien</small></div> <div class="top-link"> <a href="" class="bg-light nav-fill btn btn-sm-square rounded-circle"><i class="fab fa-facebook-f text-primary"></i></a> <a href="" class="bg-light nav-fill btn btn-sm-square rounded-circle"><i class="fab fa-twitter text-primary"></i></a> </div> </div> </div> </div> <!-- Topbar End --> <!-- Navbar Start --> <div class="container-fluid bg-success-eec"> <div class="container"> <nav class="navbar navbar-dark navbar-expand-lg py-0"> <a href="{{path('home')}}" class="navbar-brand"> <img src="{{asset('assets/img/logo_eec.jpg')}}" style="border-radius: 5px;" class="logo-home" alt="logo_église_évangelique_du_cameroun"> DE SOA </a> <button type="button" class="navbar-toggler me-0" data-bs-toggle="collapse" data-bs-target="#navbarCollapse"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse bg-transparent" id="navbarCollapse"> <div class="navbar-nav ms-auto mx-xl-auto p-0"> <a href="{{path('home')}}" class="nav-item nav-link {{ currentPath == '/' ? 'active' : '' }}">Acceuil</a> <a href="{{path('about')}}" class="nav-item nav-link {{ currentPath == '/about' ? 'active' : '' }}">Apropos</a> <a href="" class="nav-item nav-link">Annonces</a> <div class="nav-item dropdown"> <a href="#" class="nav-link dropdown-toggle {{ currentPath == '/galerie' ? 'active' : '' }}" data-bs-toggle="dropdown">Faisons connaissance</a> <div class="dropdown-menu rounded w-100"> <a href="" class="dropdown-item mb-2">Notre identité</a> <a href="" class="dropdown-item mb-2">Notre histoire</a> <a href="" class="dropdown-item mb-2">Confession de foi</a> <a href="" class="dropdown-item mb-2">L'équipe pastorale</a> <a href="{{path('galerie')}}" class="dropdown-item mb-2">Galerie photo</a> </div> </div> <a href="{{path('don')}}" class="nav-item nav-link {{ currentPath == '/faire-un-don' ? 'active' : '' }}">Faire un don</a> <div class="nav-item dropdown"> <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">Activités</a> <div class="dropdown-menu rounded"> <a href="{{path('about_chorale')}}" class="dropdown-item mb-2">Chorales</a> <a href="{{path('culte_du_dimanche')}}" class="dropdown-item mb-2">Culte du Dimanche</a> <a href="{{path('etude_biblique')}}" class="dropdown-item mb-2">Etude Biblique</a> <a href="{{path('predication')}}" class="dropdown-item mb-2">Prédication</a> </div> </div> <a href="#contact" class="nav-item nav-link">Contact</a> </div> </div> <div class="d-none d-xl-flex flex-shirink-0"> <div id="phone-tada" class="d-flex align-items-center justify-content-center me-4"> <a href="" class="position-relative"> <i class="bi bi-whatsapp text-white fa-2x"></i> <div class="position-absolute" style="top: -7px; left: 20px;"> <span><i class="fa fa-comment-dots text-white"></i></span> </div> </a> </div> <div class="d-flex flex-column pe-4 border-end"> <span class="text-white">Laissez un message?</span> <span class="text-warning-eec">Phone: + 33 662 04 39 31</span> </div> <div class="d-flex align-items-center justify-content-center ms-4 "> <a href="#"><i class="bi bi-search text-white fa-2x"></i> </a> </div> </div> </nav> </div> </div> <!-- Navbar End --> {% if currentPath != '/' %} <!-- Page Header Start --> <div class="container-fluid header-secondaire"> <div class="container text-center pt-5"> <h1 class="display-4 text-white pt-3 animated slideInDown">{% block titrePageSecondaire %}titre{% endblock %}</h1> </div> </div> <!-- Page Header End --> {% endif %} {% block body %}{% endblock %} <!-- Footer Start --> <div class="container-fluid footer bg-dark wow fadeIn" data-wow-delay=".3s"> <div class="container pt-5 pb-4"> <div class="row g-5"> <div class="col-lg-4 col-md-6"> <a href="index.html"> <h2 class="text-white fw-bold d-block">EEC PAROISSE DE SOA<span class="text-success-eec"> ...</span> </h2> </a> <p class="mt-4 text-light">Lorem ipsum dolor sit amet consectetur adipisicing elit. Soluta facere delectus qui placeat inventore consectetur repellendus optio debitis.</p> <div class="d-flex hightech-link"> <a href="" class="btn-light nav-fill btn btn-square rounded-circle me-2"><i class="fab fa-facebook-f text-primary"></i></a> <a href="" class="btn-light nav-fill btn btn-square rounded-circle me-2"><i class="fab fa-twitter text-primary"></i></a> <a href="" class="btn-light nav-fill btn btn-square rounded-circle me-2"><i class="fab fa-instagram text-primary"></i></a> <a href="" class="btn-light nav-fill btn btn-square rounded-circle me-0"><i class="fab fa-linkedin-in text-primary"></i></a> </div> </div> <div class="col-lg-4 col-md-6"> <a href="#" class="h3 text-success-eec">Accès rapide</a> <div class="mt-4 d-flex flex-column short-link"> <a href="" class="mb-2 text-white"><i class="fas fa-angle-right text-success-eec me-2"></i>A propos</a> <a href="" class="mb-2 text-white"><i class="fas fa-angle-right text-success-eec me-2"></i>Contactez-nous</a> <a href="" class="mb-2 text-white"><i class="fas fa-angle-right text-success-eec me-2"></i>Activité</a> <a href="{{path('don')}}" class="mb-2 text-white"><i class="fas fa-angle-right text-success-eec me-2"></i>Faire un don</a> <a href="" class="mb-2 text-white"><i class="fas fa-angle-right text-success-eec me-2"></i>Annonce</a> </div> </div> <div class="col-lg-4 col-md-6"> <a href="#" class="h3 text-success-eec">Contactez-nous</a> <div class="text-white mt-4 d-flex flex-column contact-link"> <a href="#" class="pb-3 text-light border-bottom border-primary"><i class="fas fa-map-marker-alt text-success-eec me-2"></i> Cameroun(Yaoundé, ...)</a> <a href="#" class="py-3 text-light border-bottom border-primary"><i class="fas fa-phone-alt text-success-eec me-2"></i> +33 662 04 39 31</a> <a href="#" class="py-3 text-light border-bottom border-primary"><i class="fas fa-envelope text-success-eec me-2"></i> contact.eec...@gmail.com</a> </div> </div> </div> <hr class="text-light mt-5 mb-4"> <div class="row"> <div class="col-md-6 text-center text-md-start"> <span class="text-light"><a href="#" class="text-white"><i class="fas fa-copyright text-white-eec me-2"></i> EEC-...</a>, All right reserved.</span> </div> </div> </div> </div> <!-- Footer End --> <!-- Back to Top --> <a href="#" class="btn btn-success-eec btn-square rounded-circle back-to-top"><i class="fa fa-arrow-up text-white"></i></a> <!-- JavaScript Libraries --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script> <script src="{{asset('assets/lib/wow/wow.min.js')}}"></script> <script src="{{asset('assets/lib/easing/easing.min.js')}}"></script> <script src="{{asset('assets/lib/waypoints/waypoints.min.js')}}"></script> <script src="{{asset('assets/lib/owlcarousel/owl.carousel.min.js')}}"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/jquery.magnific-popup.js"></script> <!-- Template Javascript --> <script src="{{asset('assets/js/main.js')}}"></script> </body></html>