Current File : /home/digitaw/Ycof/.history/index_20230606120436.html
<!DOCTYPE html>
<html lang="en">


<!-- Mirrored from themewagon.github.io/finanza/index.html by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 20 Apr 2023 11:01:47 GMT -->
<!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=utf-8" /><!-- /Added by HTTrack -->
<head>
    <meta charset="utf-8">
    <title>Ycof_Assurances</title>
    <meta content="width=device-width, initial-scale=1.0" name="viewport">
    <meta content="" name="keywords">
    <meta content="" name="description">

    <!-- Favicon -->
    <link href="img/ycof_bac.png" 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=Jost:wght@500;600;700&amp;family=Open+Sans:wght@400;500&amp;display=swap"
        rel="stylesheet">

    <!-- Icon Font Stylesheet -->
    <link href="css/all.min.css" rel="stylesheet">
    <link rel="stylesheet" href="css/bootstrap-icons.css">
    <link rel="stylesheet" href="js/bootstrap.bundle.min.js">

    <!-- Libraries Stylesheet -->
    <link href="lib/animate/animate.min.css" rel="stylesheet">
    <link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">

    <!-- Customized Bootstrap Stylesheet -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- Template Stylesheet -->
    <link href="css/style.css" rel="stylesheet"> 

    <!-- Template Stylesheet -->
    <link href="css/responsive.css" rel="stylesheet"> 
    <style>
        #bouton{
        width: 25%;
       padding: 10px;

    }
    #nav{background-color: white;}
    </style>
</head>

<body>
    <!-- Spinner 

    <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-border text-primary" role="status" style="width: 3rem; height: 3rem;"></div>
    </div>
        End -->


    <!-- Navbar Start -->
    <div class="container-fluid fixed-top px-0 wow fadeIn" id="nav"data-wow-delay="0.1s">
        <div class="top-bar row gx-0 align-items-center d-none d-lg-flex">
            <div class="col-lg-6 px-5 text-start">
                <small><i class="fa fa-map-marker-alt text-primary "></i> Dakar - Sénégal , Sacré Cœur III Pyrotechnie</small>
                <small class="ms-4"><i class="fa fa-clock text-primary "></i> 08h - 17h</small>
            </div>
            <div class="col-lg-6 px-5 text-end">
                <small><i class="fa fa-envelope text-primary me-2"></i>ycof@ycofassurances.com</small>
                <small class="ms-4"><i class="fa fa-phone-alt text-primary me-2"></i>+221 78 498 35 49</small>
            </div>
        </div>

        <nav class="navbar navbar-expand-lg navbar-light py-lg-0 px-lg-5 wow fadeIn"  data-wow-delay="0.1s">
            <a href="index.html">
                <img src="img/ycof_bac.png" alt="" class="navbar-brand ms-4 ms-lg-0" width="75px">
            </a>
            <button type="button" class="navbar-toggler me-4" data-bs-toggle="collapse"
                data-bs-target="#navbarCollapse">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarCollapse">
                <div class="navbar-nav ms-auto p-4 p-lg-0">
                <ul class="navbar-nav">
            <li class="nav-item dropdown">
              <a
                class="nav-link dropdown-toggle"
                href="#"
                id="navbarDropdownMenuLink"
                role="button"
                data-bs-toggle="dropdown"
                aria-expanded="false"
              >
                Assurances
              </a>
              <ul
                class="dropdown-menu"
                aria-labelledby="navbarDropdownMenuLink"
              >
                <li>
                  <a class="dropdown-item" href="voyage.php"
                    >Assurances voyage</a
                  >
                </li>
                <li>
                  <a class="dropdown-item" href="auto.php">Assurances auto</a>
                </li>
                <li>
                  <a class="dropdown-item" href="habitation.php"
                    >Assurances habitation</a
                  >
                </li>
                <li>
                  <a class="dropdown-item" href="sante.php">Assurances santé</a>
                </li>
              </ul>
            </li>
            </ul>
                    <a href="about.php" class="nav-item nav-link ">Qui sommes nous ?</a>
                    <a href="inscription.php" class="nav-item nav-link">Inscriptions</a>
                    <a href="contact.php" class="nav-item nav-link">Contact</a>
                    <div class="nav-item dropdown">
                        <a href="#" class="nav-link dropdown-toggle shadow"data-bs-toggle="dropdown" id="devis">Mon devis</a>
                        <div class="dropdown-menu border-light m-0">
                            <a href="voyage.php" class="dropdown-item">Assurances voyage</a>
                            <a href="auto.php" class="dropdown-item">Assurances auto</a>
                            <a href="habitation.php" class="dropdown-item">Assurances habitation</a>
                            <a href="sante.php" class="dropdown-item">Assurances santé</a>

                        </div>
                    </div>
                    
 
                    <a href="connexion.php" style="margin-top: 20px;" title="Connexion">
                        <svg xmlns="http://www.w3.org/2000/svg" width="35" fill="currentColor"
                        class="bi bi-person-circle text-primary" viewBox="0 0 16 16">
                        <path d="M11 6a3 3 0 1 1-6 0 3 3 0 0 1 6 0z" />
                        <path fill-rule="evenodd"
                            d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8zm8-7a7 7 0 0 0-5.468 11.37C3.242 11.226 4.805 10 8 10s4.757 1.225 5.468 2.37A7 7 0 0 0 8 1z" />
                    </svg>
                    </a>
                    
                </div>
                <div class="d-none d-lg-flex ms-2">
                    <a class="btn btn-light btn-sm-square rounded-circle ms-3"
                    href="https://twitter.com/ycof245/status/1630865987267436544?s=46">
                    <small class="fab fa-twitter text-primary"></small>
                </a>
                    <a class="btn btn-light btn-sm-square rounded-circle ms-3"
                        href="https://www.facebook.com/profile.php?id=100083306381015&mibextid=LQQJ4d">
                        <small class="fab fa-facebook-f text-primary"></small>
                    </a>
                   
                    <a class="btn btn-light btn-sm-square rounded-circle ms-3"
                        href="https://instagram.com/ycofdakar?igshid=YmMyMTA2M2Y=">
                        <small class="fab fa-instagram text-primary"></small>
                       
                    </a>
                    <a class="btn btn-light btn-sm-square rounded-circle ms-3"
                        href="https://www.linkedin.com/company/ycof-assurances/">
                        <small class="fab fa-linkedin-in text-primary"></small>
                    </a>
                </div>
            </div>

        </nav>
    </div>
    <!-- Navbar End -->


    <!-- Carousel Start -->
    <div class="container-fluid p-0 mb-5 wow fadeIn" data-wow-delay="0.1s">
        <div id="header-carousel" class="carousel slide carousel-fade" data-bs-ride="carousel">
            <div class="carousel-inner">
                <div class="carousel-item active">
                    <img class="w-100" src="img/ycofvoyage.png" alt="Image">
                    <div class="carousel-caption">
                        <div class="container">
                            <div class="row justify-content-start">
                                <div class="col-lg-8">
                                  
                                    <h1 class="display-1 mb-4 animated slideInDown"  id="titre" style="color:#ffffff;width: 85%;">YCOF Assurances choisit pour vous le meilleur contrat.
                                    </h1>
                                    <a href="inscription.php" class="btn   animated slideInDown" id="bouton" style="background-color: #066191;border: 1px solid white; color: #ffffff;">S'inscrire</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="carousel-item">
                    <img class="w-100" src="img/ycof_sante.png" alt="Image">
                    <div class="carousel-caption">
                        <div class="container">
                            <div class="row justify-content-start">
                                <div class="col-lg-7">
                                  
                                    <h1 class="display-1 mb-4 animated slideInDown"  id="titre" style="color:#ffffff ;width: 90%;" >Bénéficiez d'un service d'assurance de qualité!</h1>
                                    <a href="inscription.php" class="btn   animated slideInDown" id="bouton" style="background-color: #066191 ;border: 1px solid white;color: #ffffff;">S'inscrire </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="carousel-item">
                    <img class="w-100" src="img/ycof_habitation.png" alt="Image">
                    <div class="carousel-caption">
                        <div class="container">
                            <div class="row justify-content-start">
                                <div class="col-lg-7">
                                  
                                    <h1 class="display-1 mb-4 animated slideInDown"  id="titre" style="color:#ffffff ;width: 90%;" >Notre service d'assurance offre des solutions complètes.</h1>
                                    <a href="inscription.php" class="btn   animated slideInDown" id="bouton" style="background-color: #066191 ;border: 1px solid white; color: #ffffff;">S'inscrire</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="carousel-item">
                    <img class="w-100" src="img/ycof_auto (1).png" alt="Image">
                    <div class="carousel-caption">
                        <div class="container">
                            <div class="row justify-content-start">
                                <div class="col-lg-7">
                                  
                                    <h1 class="display-1 mb-4 animated slideInDown"  id="titre" style="color:#ffffff ;width: 90%;" >Inscrivez-vous en ligne et faites vous livrer gratuitement.</h1>
                                    <a href="inscription.php" class="btn   animated slideInDown" id="bouton" style="background-color: #066191 ;border: 1px solid white; color: #ffffff;">S'inscrire</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                
            </div>
            <a href="https://wa.me/221784983549?text=Me%20gustaría%20saber%20el%20precio%20del%20coche" class="whatsapp" target="_blank">
                <div class="icon_whats">
                    <i class="bi bi-whatsapp"></i>
                </div>
            </a>
            <button class="carousel-control-prev" type="button" data-bs-target="#header-carousel" data-bs-slide="prev">
                <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                <span class="visually-hidden">Previous</span>
            </button>
            <button class="carousel-control-next" type="button" data-bs-target="#header-carousel" data-bs-slide="next">
                <span class="carousel-control-next-icon" aria-hidden="true"></span>
                <span class="visually-hidden">Next</span>
            </button>
        
        </div>
    </div>
    <!-- Carousel End -->
   
  
<img src="img/anim/cta-bg.png" alt="" style="margin-top: -85px;" id="back1">

    <!-- Service Start -->
    <div class="container-xxl service py-5" style="margin-top: -175px;">
        <div class="container">
            <div class="text-center mx-auto wow fadeInUp" data-wow-delay="0.1s" style="max-width: 600px;">
                <p class="d-inline-block border rounded text-primary fw-semi-bold py-1 px-3">Ce Que Nous Offrons</p>
                <h1 class="display-5 mb-5">Services d'assurances pour les particuliers et les entreprises</h1>
            </div>
            <div class="row g-4 wow fadeInUp" data-wow-delay="0.3s">
                <div class="col-lg-4">
                    <div class="nav nav-pills d-flex justify-content-between w-100 h-100 me-4">
                        <button class="nav-link w-100 d-flex align-items-center text-start border p-4 mb-4 active"
                            data-bs-toggle="pill" data-bs-target="#tab-pane-1" type="button">
                            <h5 class="m-0"><i class="fa fa-bars text-primary me-3"></i>Assurance Voyage</h5>
                        </button>
                        <button class="nav-link w-100 d-flex align-items-center text-start border p-4 mb-4"
                            data-bs-toggle="pill" data-bs-target="#tab-pane-2" type="button">
                            <h5 class="m-0"><i class="fa fa-bars text-primary me-3"></i>Assurance Santé</h5>
                        </button>
                        <button class="nav-link w-100 d-flex align-items-center text-start border p-4 mb-4"
                            data-bs-toggle="pill" data-bs-target="#tab-pane-3" type="button">
                            <h5 class="m-0"><i class="fa fa-bars text-primary me-3"></i>Assurance Habitation</h5>
                        </button>
                        <button class="nav-link w-100 d-flex align-items-center text-start border p-4 mb-0"
                            data-bs-toggle="pill" data-bs-target="#tab-pane-4" type="button">
                            <h5 class="m-0"><i class="fa fa-bars text-primary me-3"></i>Assurance Auto</h5>
                        </button>
                    </div>
                   
                </div>
                <div class="col-lg-8">
                    <div class="tab-content w-100">
                        <div class="tab-pane fade show active" id="tab-pane-1">
                            <div class="row g-4">
                                <div class="col-md-6" style="min-height: 350px;">
                                    <div class="position-relative h-100">
                                        <img class="position-absolute rounded w-100 h-100" src="img/voyage1.jpg"
                                            style="object-fit: cover;" alt="">
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <h3 class="mb-4 " style="color: #066191;">Assurance Voyage</h3>
                                    <p class="mb-4">L'assurance voyage est un contrat permettant de protéger celui qui la souscrit des aléas de son voyage.</p>
                                    <p><i class="fa fa-check me-3" style="color: #066191;"></i>Frais médicaux</p>
                                    <p><i class="fa fa-check me-3" style="color: #066191;"></i>Rapatriement</p>
                                    <p><i class="fa fa-check me-3" style="color: #066191;"></i>Hospitalisation </p>
                                    <a href="voyage.php" class="btn  py-3 px-5 mt-3" style="background-color: #066191;color: #ffffff;">Demander un devis</a>
                                </div>
                            </div>
                        </div>
                        <div class="tab-pane fade" id="tab-pane-2">
                            <div class="row g-4">
                                <div class="col-md-6" style="min-height: 350px;">
                                    <div class="position-relative h-100">
                                        <img class="position-absolute rounded w-100 h-100" src="img/ycof_sante12.jpg"
                                            style="object-fit: cover;" alt="">
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <h3 class="mb-4 " style="color: #066191;">Assurance Santé</h3>
                                    <p class="mb-4">L’assurance Maladie est un dispositif permettant aux assurés de se
                                        prémunir contre les risques Maladie, Accidents et Maternité .</p>
                                    <p><i class="fa fa-check  me-3" style="color: #066191;"></i>le régime agricole</p>
                                    <p><i class="fa fa-check  me-3" style="color: #066191;"></i>le régime général </p>
                                    <p><i class="fa fa-check  me-3" style="color: #066191;"></i>les régimes spéciaux.</p>
                                    <a href="sante.php" class="btn py-3 px-5 mt-3" style="background-color: #066191;color: #ffffff;">Demander un devis</a>
                                </div>
                            </div>
                        </div>
                        <div class="tab-pane fade" id="tab-pane-3">
                            <div class="row g-4">
                                <div class="col-md-6" style="min-height: 350px;">
                                    <div class="position-relative h-100">
                                        <img class="position-absolute rounded w-100 h-100" src="img/ycof_habitation12.jpg"
                                            style="object-fit: cover;" alt="">
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <h3 class="mb-4" style="color: #066191;">Assurance Habitation</h3>
                                    <p class="mb-4">Elle couvre le bâtiment et son contenu ainsi que le « recours des
                                        voisins et des tiers » contre l’occupant en cas d’incendie et dégâts des eaux.</p>
                                    <p><i class="fa fa-check me-3" style="color: #066191;"></i>La garantie vol et vandalisme</p>
                                    <p><i class="fa fa-check me-3" style="color: #066191;"></i>La garantie bris de glace</p>
                                    <p><i class="fa fa-check me-3" style="color: #066191;"></i>La garantie responsabilité civile.</p>
                                    <a href="habitation.php" class="btn  py-3 px-5 mt-3" style="background-color: #066191;color: #ffffff;">Demander un devis</a>
                                </div>
                            </div>
                        </div>
                        <div class="tab-pane fade" id="tab-pane-4">
                            <div class="row g-4">
                                <div class="col-md-6" style="min-height: 350px;">
                                    <div class="position-relative h-100">
                                        <img class="position-absolute rounded w-100 h-100" src="img/ycof_auto.jpg"
                                            style="object-fit: cover;" alt="">
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <h3 class="mb-4 " style="color: #066191;">Assurance Auto</h3>
                                    <p class="mb-4">Elle couvre la responsabilité civile, à savoir les dommages matériels
                                        et corporels que votre véhicule pourrait causer à un tiers.</p>
                                    <p><i class="fa fa-check me-3" style="color: #066191;"></i>Vol du véhicule</p>
                                    <p><i class="fa fa-check me-3" style="color: #066191;"></i>L'incendie</p>
                                    <p><i class="fa fa-check me-3" style="color: #066191;"></i>Brise de glace</p>
                                    <a href="auto.php" class="btn  py-3 px-5 mt-3" style="background-color: #066191;color: #ffffff;">Demander un devis</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
   
    <!-- About End -->


    <!-- Facts Start -->
    <div class="container-fluid facts my-5 py-5">
        <div class="container py-5">
            <div class="row g-5">
                <div class="col-sm-6 col-lg-3 text-center wow fadeIn" data-wow-delay="0.1s">
                    <i class="fa fa-users fa-3x text-white mb-3"></i>
                    <h1 class="display-4 text-white" data-toggle="counter-up">114</h1>
                    <span class="fs-5 text-white">Clients Satisfaits</span>
                    <hr class="bg-white w-25 mx-auto mb-0">
                </div>
                <div class="col-sm-6 col-lg-3 text-center wow fadeIn" data-wow-delay="0.3s">
                    <i class="fa fa-check fa-3x text-white mb-3"></i>
                    <h1 class="display-4 text-white" data-toggle="counter-up">1234</h1>
                    <span class="fs-5 text-white">Projects Completed</span>
                    <hr class="bg-white w-25 mx-auto mb-0">
                </div>
                <div class="col-sm-6 col-lg-3 text-center wow fadeIn" data-wow-delay="0.5s">
                    <i class="fa fa-users-cog fa-3x text-white mb-3"></i>
                    <h1 class="display-4 text-white" data-toggle="counter-up">1234</h1>
                    <span class="fs-5 text-white">Dedicated Staff</span>
                    <hr class="bg-white w-25 mx-auto mb-0">
                </div>
                <div class="col-sm-6 col-lg-3 text-center wow fadeIn" data-wow-delay="0.7s">
                    <i class="fa fa-award fa-3x text-white mb-3"></i>
                    <h1 class="display-4 text-white" data-toggle="counter-up">1234</h1>
                    <span class="fs-5 text-white">Awards Achieved</span>
                    <hr class="bg-white w-25 mx-auto mb-0">
                </div>
            </div>
        </div>
    </div>
    <!-- Facts End -->


    <!-- Comment Souscrire -->
    <div class="container-xxl feature py-5">
        <div class="container">
            <div class="row g-5 align-items-center">
                <div class="col-lg-6 wow fadeInUp" data-wow-delay="0.1s">
           <img src="img/automobile3.png" alt="" width="300px">
                    <h1 class="display-5 mb-4">Comment Souscrire ?</h1>
                    <p class="mb-4">C'est très simple. <br>Vous pouvez nous contacter du Lundi au vendredi de 9h à 17h </p>
                 
                </div>
                <div class="col-lg-6">
                    <div class="row g-4 align-items-center">
                        <div class="col-md-6">
                            <div class="row g-4">
                                <div class="col-12 wow fadeIn" data-wow-delay="0.3s">
                                    <div class="feature-box border rounded p-4">
                                        <i class="fa fa-check fa-3x text-primary mb-3"></i>
                                        <h4 class="mb-3">Téléphone</h4>
                                        <p class="mb-3">Vous pouvez nous contacter </p>
                                        <p class="mb-3">33 864 30 02</p>
                                        <p class="mb-3">77 685 86 02</p>
                                     
                                     
                                        
                                    </div>
                                </div>
                                <div class="col-12 wow fadeIn" data-wow-delay="0.5s">
                                    <div class="feature-box border rounded p-4">
                                        <i class="fa fa-check fa-3x text-primary mb-3"></i>
                                        <h4 class="mb-3">En Ligne</h4>
                                        <p class="mb-3">Nous contacter sans se deplacer</p>
                                        <a class="fw-semi-bold" href="contact.php">Voir plus <i
                                                class="fa fa-arrow-right ms-1"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 wow fadeIn" data-wow-delay="0.7s">
                            <div class="feature-box border rounded p-4">
                                <i class="fa fa-check fa-3x text-primary mb-3"></i>
                                <h4 class="mb-3">locaux</h4>
                                <p class="mb-3">Rendez nous visite sur nos locaux</p>
                                <p class="mb-3">Sacré Cœur III Pyrotechnie, BP 14414 Dakar-Peytavin Dakar - Sénégal</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
       <!-- Quatre raisons pour choisis YCOF -->
    <div class="container-xxl feature py-5">
        <div class="container">
            <div class="row g-5 align-items-center">
                <div class="col-lg-6">
                    <div class="row g-4 align-items-center">
                        <div class="col-md-6">
                            <div class="row g-4">
                                <div class="col-12 wow fadeIn" data-wow-delay="0.3s">
                                    <div class="feature-box border rounded p-4">
                                        <i class="fa fa-check fa-3x text-primary mb-3"></i>
                                        <h4 class="mb-3">Votre confiance,notre priorité!</h4>
                                        <p class="mb-3"> </p>
                                     
                                    </div>
                                </div>
                                <div class="col-12 wow fadeIn" data-wow-delay="0.5s">
                                    <div class="feature-box border rounded p-4">
                                        <i class="fa fa-check fa-3x text-primary mb-3"></i>
                                        <h4 class="mb-3">Notre rôle, vous conseillez !</h4>
                                        <p class="mb-3"></p>
                                     
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 wow fadeIn" data-wow-delay="0.7s">
                            <div class="row g-4">
                                <div class="col-12 wow fadeIn" data-wow-delay="0.3s">
                                    <div class="feature-box border rounded p-4">
                                        <i class="fa fa-check fa-3x text-primary mb-3"></i>
                                        <h4 class="mb-3">Trouvez le meilleur contrat au meilleur prix !</h4>
                                        <p class="mb-3"> </p>
                                     
                                    </div>
                                </div>
                            <div class="feature-box border rounded p-4">
                                <i class="fa fa-check fa-3x text-primary mb-3"></i>
                                <h4 class="mb-3">Assistance & suivit en cas de sinistre</h4>
                                <p class="mb-3"></p>
                              
                            </div>
                        </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6 wow fadeInUp" data-wow-delay="0.1s">
                    <img src="img/ycof_assu.jpg" alt="" width="350px"  id="raison_img">
                    <h1 class="display-5 mb-4" id="title4">4 Raisons Pour Nous Choisir ?</h1>
                    <p class="mb-4">Nous sommes courtiers & assureurs <br>YCOF ASSURANCES n’est pas une société de plus dans le secteur des Assurances mais bien une société qui propose un plus à ses clients. </p>
                 
                </div>
            </div>
        </div>
    </div>
    <!-- Features End -->


    <!-- Service End -->


    
    <!-- Callback End 

  
    <img src="img/anim/hero-bg.png" alt="" style="margin-top: 2px;">-->
    <!-- Projects Start -->
    <div class="container-xxl py-5">
        <div class="container">
            <div class="text-center mx-auto wow fadeInUp" data-wow-delay="0.1s" style="max-width: 600px;">
              <h1 class="display-5 mb-5">Avec YCOF</h1>
            </div>
            <div class="owl-carousel project-carousel wow fadeInUp" data-wow-delay="0.3s">
                <div class="project-item pe-5 pb-5">
                    <div class="project-img mb-3">
                        <img class="img-fluid rounded" src="img/voyage11.jpg" alt="">
                        <a href="#"><i class="fa fa-link fa-3x text-primary"></i></a>
                    </div>
                    <div class="project-title">
                    </div>
                </div>
                <div class="project-item pe-5 pb-5">
                    <div class="project-img mb-3">
                        <img class="img-fluid rounded" src="img/voyage2.jpg" alt="">
                        <a href="#"><i class="fa fa-link fa-3x text-primary"></i></a>
                    </div>
                    <div class="project-title">
                     </div>
                </div>
                <div class="project-item pe-5 pb-5">
                    <div class="project-img mb-3">
                        <img class="img-fluid rounded" src="img/auto.png" alt="">
                        <a href="#"><i class="fa fa-link fa-3x text-primary"></i></a>
                    </div>
                    <div class="project-title">
                     </div>
                </div>
                <div class="project-item pe-5 pb-5">
                    <div class="project-img mb-3">
                        <img class="img-fluid rounded" src="img/habitat1.jpg" alt="">
                        <a href="#"><i class="fa fa-link fa-3x text-primary"></i></a>
                    </div>
                    <div class="project-title">
                     </div>
                </div>
              
                <div class="project-item pe-5 pb-5">
                    <div class="project-img mb-3">
                        <img class="img-fluid rounded" src="img/habitat3.jpg" alt="">
                        <a href="#"><i class="fa fa-link fa-3x text-primary"></i></a>
                    </div>
                    <div class="project-title">
                     </div>
                </div>
            </div>
        </div>
    </div>

    <div class="container-xxl feature py-5">
        <div class="container">
            <div class="row g-5 align-items-center">
                <div class="col-lg-6 wow fadeInUp" data-wow-delay="0.1s">
                    <img src="img/mobile money.jpg" alt="" width="500px" id="paie_img"> 
                </div>
                <div class="col-lg-6 shadow p-4">
                    <h1 class="display-5 mb-4" > Paiement Par Mobile Money</h1>
                    <p class="mb-4">Achetez votre assurance en ligne ou par téléphone de façon simple et sécurisée.<br>
                 
                </div>
            </div>
        </div>
    </div>

    <div class="container-xxl feature py-5">
        <div class="container">
            <div class="row g-5 align-items-center"> 
                <div class="col-lg-6 shadow p-4">
                    <h1 class="display-5 mb-4">Votre Attestation Livrée Gratuitement</h1>
                    <p class="mb-4">YCOF livre votre attestation sur le lieu de votre choix en quelques heures.                        <br> 
                </div>
                <div class="col-lg-6 wow fadeInUp" data-wow-delay="0.1s">
                    <img src="img/livraison.jpg" alt="" width="500px" id="paie_img1"> 
                </div>
            </div>
        </div>
    </div>

    <div class="container-xxl feature py-5">
        <div class="container">
            <div class="row g-5 align-items-center">
                <div class="col-lg-6 wow fadeInUp" data-wow-delay="0.1s">
                    <img src="img/sec.png" alt="" width="500px" id="paie_img2"> 
                </div>
                <div class="col-lg-6 shadow p-4">
                    <h1 class="display-5 mb-4"> Vos Documents Gardés En Sécurité</h1>
                    <p class="mb-4">Vous pouvez y accéder à tout moment dans votre espace personnel. <br>
                 
                </div>
            </div>
        </div>
    </div>
    <!-- Team End -->


    <!-- Testimonial Start -->
    <div class="container-xxl py-3">
        <div class="container">
            <div class="text-center mx-auto wow fadeInUp" data-wow-delay="0.1s" style="max-width: 600px;">
               <h1 class="display-5 mb-5">Nos Partenaires </h1>
            </div>
            <div class="owl-carousel testimonial-carousel wow fadeInUp" data-wow-delay="0.3s"> 
                <div class="testimonial-item">
                    <a target="_blank" href="https://www.askiaassurances.net/" rel="noopener noreferrer">
                    <img class="rounded-circle" src="img/partenaire/axia.png" alt="" id="logo"> 
                    </a>
                </div>  
                <div class="testimonial-item">
                    <a target="_blank" href="https://www.axa.sn/" rel="noopener noreferrer">
                    <img class="rounded-circle " src="img/partenaire/logo_axa_fr_FR.png" alt="" id="logo">
                  
                </div>
                <div class="testimonial-item">
                  
                    <img class="rounded-circle" src="img/partenaire/nsia.png" alt="" id="logo">
               
                </div>
                <div class="testimonial-item">
                   <img class="rounded-circle mb-1" src="img/partenaire/pa.png" alt="" id="logo">
                    
                </div>
                <div class="testimonial-item">
                    <img class="rounded-circle mb-1" src="img/partenaire/saar.png" alt="" id="logo">
                     
                 </div>
                 <div class="testimonial-item">
                    <img class="rounded-circle mb-1" src="img/partenaire/sonac.png" alt="" id="logo">
                     
                 </div>
                 <div class="testimonial-item">
                    <img class="rounded-circle mb-1" src="img/partenaire/wafa.png" alt="" id="logo">
                     
                 </div>
                 <div class="testimonial-item">
                    <img class="rounded-circle mb-1" src="img/partenaire/salama.png" alt="" id="logo">
                     
                 </div>
                 <a href="https://www.sonacassurances.com/" target="_blank" rel="noopener noreferrer">
                    <div class="testimonial-item">
                        <img class="rounded-circle mb-1" src="img/partenaire/sonac.png" alt="" id="logo"> 
                    </div>
                 </a>
            </div>
        </div>
    </div>
    <!-- Testimonial End -->


    <!-- Footer Start -->
    <div class="container-fluid bg-dark text-light footer mt-5 py-5 wow fadeIn" data-wow-delay="0.1s">
        <div class="container py-5">
            <div class="row g-5">
                <div class="col-lg-3 col-md-6">
                    <h4 class="text-white mb-4">Nos Contacts</h4>
                    <p class="mb-2"><i class="fa fa-map-marker-alt me-3"></i>Sacré Cœur III Pyrotechnie, BP 14414 Dakar-Peytavin Dakar </p>
                    <p class="mb-2"><i class="fa fa-phone-alt me-3"></i>+221 78 498 35 49</p>
                    <p class="mb-2"><i class="fa fa-envelope me-3"></i>ycof@ycofassurances.com</p>
                   
                </div>
                <div class="col-lg-3 col-md-6">
                    <h4 class="text-white mb-4">Services</h4>
                    <a class="btn btn-link" href="auto.php">Assurance Auto</a>
                    <a class="btn btn-link" href="voyage.php">Assurance Voyage</a>
                    <a class="btn btn-link" href="habitation.php">Assurance Habitation</a>
                    <a class="btn btn-link" href="sante.php">Assurance Santé</a>
                   
                </div>
                <div class="col-lg-3 col-md-6">
                    <h4 class="text-white mb-4">Liens Utiles</h4>
                    <a class="btn btn-link" href="https://www.au-senegal.com/les-compagnies-d-assurances,050.html">Au-senegal.com</a>
                    <a class="btn btn-link" href="https://www.au-senegal.com/les-compagnies-d-assurances,050.html">Senegal Online</a>
                    <a class="btn btn-link" href="https://www.senegal-online.com/adresses-utiles/assurances-au-senegal/">Sentresor</a>
                    <a class="btn btn-link" href="https://online.secusociale.sn/cssipreslanding/#/">Caisse de Sécurité Sociale</a>
                </div>
                <div class="col-lg-3 col-md-6">
                    
                    <div class="d-flex pt-2 w-100">
                        <a class="btn btn-square btn-outline-light rounded-circle me-2" href="https://twitter.com/ycof245/status/1630865987267436544?s=46"><i
                                class="fab fa-twitter"></i></a>
                        <a class="btn btn-square btn-outline-light rounded-circle me-2" href="https://www.facebook.com/profile.php?id=100083306381015&mibextid=LQQJ4d"><i
                                class="fab fa-facebook-f"></i></a>
                        <a class="btn btn-square btn-outline-light rounded-circle me-2" href="https://instagram.com/ycofdakar?igshid=YmMyMTA2M2Y="><i
                                    class="fab fa-instagram"></i></a>
                        <a class="btn btn-square btn-outline-light rounded-circle me-2" href="https://www.linkedin.com/company/ycof-assurances/"><i
                                class="fab fa-linkedin-in"></i></a> 
                                
                    </div>
                    <a href="inscription.php">
                        <button type="button"
                        class="btn btn-primary mt-3">S'inscrire en ligne</button>
             
                    </a>
                    
                </div>
            </div>
        </div>
    </div>
    <!-- Footer End --> 

       <!-- Copyright Start -->
       <div class="container-fluid copyright py-4" >
        <div class="container">
            <p> 
               <label for="">Copyright © 2023 | Powered by ®  <a  href="https://digitalis-sn.com/" rel="nofollow"
                target="_blank">Digitalis SN.</a> </label> </p>
                
        </div>
    </div>
    <!-- Copyright End -->
 <!-- button whatsapp-->


 <!-- Back to Top -->
    <a href="#" class="btn btn-lg btn-primary btn-lg-square rounded-circle back-to-top"><svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" fill="currentColor" class="bi bi-arrow-up-circle" viewBox="0 0 16 16">
        <path fill-rule="evenodd" d="M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8zm15 0A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-7.5 3.5a.5.5 0 0 1-1 0V5.707L5.354 7.854a.5.5 0 1 1-.708-.708l3-3a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1-.708.708L8.5 5.707V11.5z"/>
      </svg></a>


    <!-- JavaScript Libraries -->
    <script src="js/jquery-3.4.1.min.js"></script>
    <script src="js/bootstrap.bundle.min.js"></script>
    <script src="lib/wow/wow.min.js"></script>
    <script src="lib/easing/easing.min.js"></script>
    <script src="lib/waypoints/waypoints.min.js"></script>
    <script src="lib/owlcarousel/owl.carousel.min.js"></script>
    <script src="lib/counterup/counterup.min.js"></script>

    <!-- Template Javascript -->
    <script src="js/main.js"></script>
</body>


<!-- Mirrored from themewagon.github.io/finanza/index.html by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 20 Apr 2023 11:01:57 GMT -->
</html>