<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <title>Nautx</title> <meta content="width=device-width, initial-scale=1.0" name="viewport"> <meta content="Free HTML Templates" name="keywords"> <meta content="Free HTML Templates" name="description"> <!-- Favicon --> <link href="{{asset('assets/img/favicon.ico')}}" rel="icon"> <!-- Google Web Fonts --> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800&family=Rubik:wght@400;500;600;700&display=swap" rel="stylesheet"> <!-- Icon Font Stylesheet --> <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/owlcarousel/assets/owl.carousel.min.css')}}" rel="stylesheet"> <link href="{{asset('assets/lib/animate/animate.min.css')}}" rel="stylesheet"> <!-- Customized Bootstrap Stylesheet --> <link href="{{asset('assets/css/bootstrap.min.css')}}" rel="stylesheet"> <!-- Template Stylesheet --> <link href="{{asset('assets/css/style.css')}}" rel="stylesheet"></head><body> <!-- Spinner Start --> <div id="spinner" class="show bg-white position-fixed translate-middle w-100 vh-100 top-50 start-50 d-flex align-items-center justify-content-center"> <div class="spinner"></div> </div> <!-- Spinner End --> <!-- Topbar Start --> <div class="container-fluid bg-dark px-5 d-none d-lg-block"> <div class="row gx-0"> <div class="col-lg-8 text-center text-lg-start mb-2 mb-lg-0"> <div class="d-inline-flex align-items-center" style="height: 45px;"> <small class="me-3 text-light"><i class="fa fa-map-marker-alt me-2"></i>Sacré Couer 3 Exension, Dakar, Sénégal</small> <small class="me-3 text-light"><i class="fa fa-phone-alt me-2"></i>+221 77 135 20 29</small> <small class="text-light"><i class="fa fa-envelope-open me-2"></i>contact@nautx.sn</small> </div> </div> <div class="col-lg-4 text-center text-lg-end"> <div class="d-inline-flex align-items-center" style="height: 45px;"> <a class="btn btn-sm btn-outline-light btn-sm-square rounded-circle me-2" href=""><i class="fab fa-twitter fw-normal"></i></a> <a class="btn btn-sm btn-outline-light btn-sm-square rounded-circle me-2" href=""><i class="fab fa-facebook-f fw-normal"></i></a> <a class="btn btn-sm btn-outline-light btn-sm-square rounded-circle me-2" href=""><i class="fab fa-linkedin-in fw-normal"></i></a> <a class="btn btn-sm btn-outline-light btn-sm-square rounded-circle me-2" href=""><i class="fab fa-instagram fw-normal"></i></a> <a class="btn btn-sm btn-outline-light btn-sm-square rounded-circle" href=""><i class="fab fa-youtube fw-normal"></i></a> </div> </div> </div> </div> <!-- Topbar End --> <!-- Navbar & Carousel Start --> <div class="container-fluid position-relative p-0"> <nav class="navbar navbar-expand-lg navbar-dark px-5 py-3 py-lg-0"> <a href="#" class="navbar-brand p-0"> <h1 class="m-0">NAUTX</h1> </a> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse"> <span class="fa fa-bars"></span> </button> <div class="collapse navbar-collapse" id="navbarCollapse"> <div class="navbar-nav ms-auto py-0"> <a href="{{ path('home') }}" class="nav-item nav-link active">Accueil</a> <a href="{{ path('product') }}" class="nav-item nav-link">Boutique</a> <a href="{{ path('realisations') }}" class="nav-item nav-link">Réalisations</a> <a href="{{ path('blog') }}" class="nav-item nav-link">Blogs</a> <a href="{{ path('contact') }}" class="nav-item nav-link">Contact</a> </div> <butaton type="button" class="btn text-primary ms-3" data-bs-toggle="modal" data-bs-target="#searchModal"><i class="fa fa-search"></i></butaton> <div class="navbar-nav ms-auto py-0"> {% if app.user %} <a href="{{ path('account') }}" class="nav-item nav-link ">Mon Compte<small class="text-secondary">({{ app.user.firstname}})</small></a> <a href="{{ path('app_logout') }}" class="nav-item nav-link">Déconnction</a> {% else %} <a href="{{ path('app_login') }}" class="nav-item nav-link ">Connexion</a> <a href="{{ path('register') }}" class="nav-item nav-link">Inscription</a> {% endif %} </div> </div> </nav> </div> <!-- Navbar & Carousel End --> <!-- Full Screen Search Start --> <div class="modal fade" id="searchModal" tabindex="-1"> <div class="modal-dialog modal-fullscreen"> <div class="modal-content" style="background: rgba(9, 30, 62, .7);"> <div class="modal-header border-0"> <button type="button" class="btn bg-white btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body d-flex align-items-center justify-content-center"> <div class="input-group" style="max-width: 600px;"> <input type="text" class="form-control bg-transparent border-primary p-3" placeholder="Type search keyword"> <button class="btn btn-primary px-4"><i class="bi bi-search"></i></button> </div> </div> </div> </div> </div> <!-- Full Screen Search End --> {% block body %}{% endblock %} <!-- Footer Start --> <div class="container-fluid bg-dark text-light mt-5 wow fadeInUp" data-wow-delay="0.1s"> <div class="container"> <div class="row gx-5"> <div class="col-lg-4 col-md-6 footer-about"> <div class="d-flex flex-column align-items-center justify-content-center text-center h-100 bg-primary p-4"> <a href="index.html" class="navbar-brand"> <h1 class="m-0 text-white">NAUTX</h1> </a> <p class="mt-3 mb-4">Nautx, c'est la recherche et l'innovation, le travail acharné et votre satisfaction notre priorité</p> <form action=""> <div class="input-group"> <input type="text" class="form-control border-white p-3" placeholder="Your Email"> <button class="btn btn-dark">S'inscrire</button> </div> </form> </div> </div> <div class="col-lg-8 col-md-6"> <div class="row gx-5"> <div class="col-lg-4 col-md-12 pt-5 mb-5"> <div class="section-title section-title-sm position-relative pb-3 mb-4"> <h3 class="text-light mb-0">Contactez-Nous</h3> </div> <div class="d-flex mb-2"> <i class="bi bi-geo-alt text-primary me-2"></i> <p class="mb-0">Sacré Couer 3 Exension, Dakar, Sénégal</p> </div> <div class="d-flex mb-2"> <i class="bi bi-envelope-open text-primary me-2"></i> <p class="mb-0">contact@nautx.sn</p> </div> <div class="d-flex mb-2"> <i class="bi bi-telephone text-primary me-2"></i> <p class="mb-0">+221 77 135 20 29</p> </div> <div class="d-flex mt-4"> <a class="btn btn-primary btn-square me-2" href="#"><i class="fab fa-twitter fw-normal"></i></a> <a class="btn btn-primary btn-square me-2" href="#"><i class="fab fa-facebook-f fw-normal"></i></a> <a class="btn btn-primary btn-square me-2" href="#"><i class="fab fa-linkedin-in fw-normal"></i></a> <a class="btn btn-primary btn-square" href="#"><i class="fab fa-instagram fw-normal"></i></a> </div> </div> <div class="col-lg-4 col-md-12 pt-0 pt-lg-5 mb-5"> <div class="section-title section-title-sm position-relative pb-3 mb-4"> <h3 class="text-light mb-0">Liens rapides</h3> </div> <div class="link-animated d-flex flex-column justify-content-start"> <a class="text-light mb-2" href="{{ path('home') }}"><i class="bi bi-arrow-right text-primary me-2"></i>Accueil</a> <a class="text-light mb-2" href="{{ path('product') }}"><i class="bi bi-arrow-right text-primary me-2"></i>Boutique</a> <a class="text-light mb-2" href="{{ path('realisations') }}"><i class="bi bi-arrow-right text-primary me-2"></i>Réalisations</a> <a class="text-light mb-2" href="{{ path('blog') }}"><i class="bi bi-arrow-right text-primary me-2"></i>Blog</a> <a class="text-light" href="{{ path('contact') }}"><i class="bi bi-arrow-right text-primary me-2"></i>Contact</a> </div> </div> </div> </div> </div> </div> </div> <div class="container-fluid text-white" style="background: #061429;"> <div class="container text-center"> <div class="row justify-content-end"> <div class="col-lg-8 col-md-6"> <div class="d-flex align-items-center justify-content-center" style="height: 75px;"> <p class="mb-0">© <a class="text-white border-bottom" href="#">Nautx</a>. All Rights Reserved. <!--/*** This template is free as long as you keep the footer author’s credit link/attribution link/backlink. If you'd like to use the template without the footer author’s credit link/attribution link/backlink, you can purchase the Credit Removal License from "https://htmlcodex.com/credit-removal". Thank you for your support. ***/--> Designed by <a class="text-white border-bottom" href="https://nautx.sn">Nautx</a></p> </div> </div> </div> </div> </div> <!-- Footer End --> <!-- Back to Top --> <a href="#" class="btn btn-lg btn-primary btn-lg-square rounded back-to-top"><i class="bi bi-arrow-up"></i></a> <!-- JavaScript Libraries --> <script src="https://code.jquery.com/jquery-3.4.1.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/counterup/counterup.min.js')}}"></script> <script src="{{asset('assets/lib/owlcarousel/owl.carousel.min.js')}}"></script> <!-- Template Javascript --> <script src="{{asset('assets/js/main.js')}}"></script></body></html>