| Titletag | Descriptiontag | language |
|---|---|---|
| Bienvenue sur le site officiel de IBIG SARL | French |
| Alexarank |
|---|
| 171732 |
| Ip adress | 193.37.145.70 | Nameserver | ns6.lwsdns.com ns8.lwsdns.com ns5.lwsdns.com ns7.lwsdns.com |
Status code | 200 |
<!DOCTYPE html>
<html lang="fr">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8">
<meta name="description" content="Page de gestion des erreurs">
<meta name="keywords" content="">
<meta name="author" content="">
<title>Error</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<!-- Favicon -->
<link rel="shortcut icon" href="https://intermark-business.com/public/images/ibilogo.jpg" type="image/png">
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://intermark-business.com/">
<meta property="og:title" content="Error">
<meta property="og:description" content="Page de gestion des erreurs">
<meta property="og:image" content="https://intermark-business.com/public/images/ibilogo.jpg">
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="https://intermark-business.com/">
<meta property="twitter:title" content="Error">
<meta property="twitter:description" content="Page de gestion des erreurs">
<meta property="twitter:image" content="https://intermark-business.com/public/images/ibilogo.jpg">
<!--====== Slick css ======-->
<link rel="stylesheet" href="https://intermark-business.com/public/css/slick.css">
<!--====== Animate css ======-->
<link rel="stylesheet" href="https://intermark-business.com/public/css/animate.css">
<!--====== Nice Select css ======-->
<link rel="stylesheet" href="https://intermark-business.com/public/css/nice-select.css">
<!--====== Nice Number css ======-->
<link rel="stylesheet" href="https://intermark-business.com/public/css/jquery.nice-number.min.css">
<!--====== Magnific Popup css ======-->
<link rel="stylesheet" href="https://intermark-business.com/public/css/magnific-popup.css">
<!--====== Bootstrap css ======-->
<link rel="stylesheet" href="https://intermark-business.com/public/css/bootstrap.min.css">
<!--====== Fontawesome css ======-->
<link rel="stylesheet" href="https://intermark-business.com/public/css/font-awesome.min.css">
<!--====== Default css ======-->
<link rel="stylesheet" href="https://intermark-business.com/public/css/default.css">
<!--====== Style css ======-->
<link rel="stylesheet" href="https://intermark-business.com/public/css/style.css">
<!--====== Responsive css ======-->
<link rel="stylesheet" href="https://intermark-business.com/public/css/responsive.css">
<style>
.modal {
display: none; /* Masquer par défaut */
position: fixed;
z-index: 1000;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgba(0,0,0,0.4);
padding: 10px; /* Ajustez le padding pour les petits écrans */
}
.modal-content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); /* Centrer horizontalement et verticalement */
width: 90%; /* Utilisez un pourcentage pour la largeur */
max-width: 500px; /* Largeur maximale pour les grands écrans */
background-color: transparent; /* Fond transparent pour ne pas ajouter d'espace blanc */
border: none; /* Pas de bordure */
box-shadow: none; /* Pas d'ombre */
}
.modal-content img {
width: 100%;
height: auto;
}
.close {
position: absolute;
top: 10px;
right: 10px;
color: black; /* Couleur noire pour l'icône de fermeture */
font-size: 20px;
font-weight: bold;
background: white; /* Fond blanc pour rendre l'icône visible */
border-radius: 50%; /* Bordure arrondie */
padding: 5px; /* Espacement interne pour l'icône */
}
.close:hover,
.close:focus {
color: black;
text-decoration: none;
cursor: pointer;
}
.whatsapp {
position: fixed;
bottom: 20px;
left: 20px;
z-index: 1000;
}
.icon-container {
position: fixed;
bottom: 20px;
right: 20px;
z-index: 1000;
cursor: pointer;
}
.iframe-container {
position: fixed;
bottom: 60px; /* Ajustez selon la hauteur de l'icône */
right: 20px;
width: 90%; /* Utilisez un pourcentage pour la largeur */
max-width: 300px; /* Largeur maximale pour les grands écrans */
height: 400px; /* Ajustez la hauteur selon vos besoins */
border: none;
display: none; /* Masquer par défaut */
z-index: 999;
}
/* Media queries pour les petits écrans */
@media (max-width: 768px) {
.modal-content {
width: 90%; /* Ajustez la largeur pour les petits écrans */
}
.iframe-container {
width: 90%; /* Ajustez la largeur pour les petits écrans */
max-width: none; /* Supprimez la largeur maximale pour les petits écrans */
}
}
</style>
</head>
<body>
<div class="whatsapp">
<a href="https://wa.me/+2250778882592?urlencodedtext" target="_blank">
<img src="https://intermark-business.com/public/images/whasapp.png" alt="whatsApp" style="width: 50px;">
</a>
</div>
<div class="icon-container" onclick="toggleIframe()">
<img src="https://intermark-business.com/public/images/chat.png" alt="Icone">
</div>
<iframe id="iframe-container" src="https://forms.intermark-business.com/formations_2025" class="iframe-container"></iframe>
<!--====== PRELOADER PART START ======-->
<div class="preloader">
<div class="loader rubix-cube">
<div class="layer layer-1"></div>
<div class="layer layer-2"></div>
<div class="layer layer-3 color-1"></div>
<div class="layer layer-4"></div>
<div class="layer layer-5"></div>
<div class="layer layer-6"></div>
<div class="layer layer-7"></div>
<div class="layer layer-8"></div>
</div>
</div>
<!--====== PRELOADER PART START ======-->
<!--====== HEADER PART START ======-->
<!-- menu du site -->
<!--====== HEADER PART START ======-->
<header id="header-part">
<style>
.main-btn2{
display: inline-block;
font-weight: 500;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid #004ab0;
padding: 0 15px;
padding-top: 0px;
font-size: 16px;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
line-height: 40px;
border-radius: 5px;
color: #ffffff;
cursor: pointer;
position: relative;
overflow: hidden;
z-index: 5;
-webkit-transition: 0.4s ease-in-out;
transition: 0.4s ease-in-out;
background-color: #004ab0;
}
@media (min-width: 768px) {
.floating-banner {
flex-direction: row; /* Rétablit la direction de flex pour les écrans plus grands */
}
.floating-banner .promo-text {
flex-direction: row; /* Rétablit la direction de flex pour les écrans plus grands */
}
.floating-banner .countdown {
margin-left: 20px; /* Rétablit la marge à gauche pour les écrans plus grands */
margin-top: 0; /* Réinitialise la marge en haut pour les écrans plus grands */
}
.floating-banner .close-button {
margin-right: 10px; /* Rétablit la marge à droite pour les écrans plus grands */
margin-top: 0; /* Réinitialise la marge en haut pour les écrans plus grands */
}
}
/* Styles pour les icônes des réseaux sociaux */
.social-icons {
display: flex;
gap: 10px;
align-items: center;
margin-left: 20px; /* Ajustez cette valeur pour l'espacement horizontal */
}
.social-icons span {
font-size: 16px;
color: #333;
margin-right: 10px;
}
.social-icons a {
display: flex;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
border-radius: 50%;
background-color: #007bff; /* Couleur de fond */
color: white; /* Couleur du texte */
text-decoration: none;
font-size: 16px;
}
.social-icons a:hover {
background-color: #0056b3; /* Couleur de fond au survol */
}
.logo-container {
display: flex;
align-items: center;
}
ul {
list-style: none; /* Supprime les marqueurs de liste */
}
/* CSS pour rendre le logo responsive */
.logo img {
max-width: 100%;
height: auto;
}
/* Media query pour les écrans mobiles */
@media (max-width: 767px) {
.logo img {
width: 150px; /* Ajustez la largeur selon vos besoins */
height: 100px;
}
}
</style>
<!-- Le reste de votre code HTML -->
<div class="header-top d-none d-lg-block">
<div class="container">
<div class="row">
<div class="col-lg-6">
<div class="header-contact text-lg-left text-center">
<ul style="margin: 0px;padding: 0px;list-style-type: none;">
<li><img src="https://intermark-business.com/public/images/all-icon/map.png" alt="icon"><span>Abidjan, Cocody Riviera Palmeraie</span></li>
<li><img src="https://intermark-business.com/public/images/all-icon/email.png" alt="icon"><span>contact@intermark-business.com</span></li>
</ul>
</div>
</div>
<div class="col-lg-6">
<div class="header-opening-time text-lg-right text-center">
<p style="margin: 0">Ouvert du lundi au vendredi de 08h30 à 18h GMT et samedi de 09h à 16h GMT</p>
</div>
</div>
</div> <!-- row -->
</div> <!-- container -->
</div> <!-- header top -->
<div class="header-logo-support pt-30 pb-30">
<div class="container">
<div class="row">
<div class="col-lg-6 col-md-1">
<div class="logo-container">
<div class="">
<a href="https://intermark-business.com/accueil">
<img src="https://intermark-business.com/public/images/ibilogo.jpg" alt="Logo" height="50" width="50">
</a>
</div>
<!-- Ajout des icônes des réseaux sociaux -->
<div class="social-icons">
<!-- <span>Suivez-nous :</span>-->
<a href="https://www.facebook.com/IBInterOfficiel" target="_blank"><i class="fa fa-facebook-f"></i></a>
<a href="https://x.com/InterMarkB" target="_blank"><i class="fa fa-twitter"></i></a>
<a href="https://www.linkedin.com/company/intermark-business-international/" target="_blank"><i class="fa fa-linkedin"></i></a>
<a href="https://www.instagram.com/ib_inter_officiel/" target="_blank"><i class="fa fa-instagram"></i></a>
<a href="https://www.tiktok.com/@ibigroupsarl" target="_blank"><i class="fa fa-tiktok"></i></a>
<a href="https://whatsapp.com/channel/0029VaBcM3n2f3EIjk98nl0y" target="_blank"><i class="fa fa-whatsapp"></i></a>
<a href="https://www.youtube.com/@votrechaine" target="_blank"><i class="fa fa-youtube"></i></a>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6">
<div class="support-button float-right d-none d-md-block">
<div class="support float-left">
<div class="icon">
<img src="https://intermark-business.com/public/images/all-icon/support.png" alt="icon">
</div>
<div class="cont">
<p style="margin: 0px">Besoin d'aide ? appelez-nous maintenant</p>
<span>+225 27 22 27 6014 / 07 78 88 2592</span>
</div>
</div>
<div class="button float-left">
<a href="https://intermark-business.com/contact" class="main-btn">Contact</a>
</div>
</div>
</div>
</div> <!-- row -->
</div> <!-- container -->
</div> <!-- header logo support -->
<div class="navigation">
<div class="container">
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-9 col-8">
<nav class="navbar navbar-expand-lg">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div class="collapse navbar-collapse sub-menu-bar" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item" style="padding-top: 6px;">
<a class="" href="https://intermark-business.com/accueil">Accueil</a>
<ul class="sub-menu" style="padding-left: 1px;margin:0px">
<li><a href="https://intermark-business.com/dg">Mot du DG</a></li>
</ul>
</li>
<li class="nav-item" style="padding-top: 6px;width: 80px">
<a class="" href="https://intermark-business.com/formation">Formation certifiante</a>
</li>
<!-- <li class="nav-item" style="padding-top: 6px;width: 80px">-->
<!-- <a target="_blank" class="--><!--" href="--><!--public/docs/liste-des-formations-techniques.pdf">Formation technique</a>-->
<!-- </li>-->
<li class="nav-item" style="padding-top: 6px;width: 80px">
<a target="_blank" class="" href="https://intermark-business.com/formation_technique">Formation technique</a>
</li>
<div class="button float-left" style="padding: 0px;margin-top: 15px;margin-bottom: 15px;">
<a href="https://ibigimmo.intermark-business.com/" target="_blank" class="main-btn2" style="padding-top: 0px">IBIG IMMO</a>
</div>
<li class="nav-item" style="padding-top: 6px;">
<a class="" href="https://intermark-business.com/conseilsetassistance">Conseils & assistance</a>
</li>
<li class="nav-item" style="padding-top: 6px;">
<a class="" href="https://intermark-business.com/informatique" target="_blank">Informatique</a>
</li>
<div class="button float-left" style="padding: 0px;margin-top: 15px;margin-bottom: 15px;margin-right: 25px">
<a href="https://intermark-business.com/insertionprofessionnelle" target="_blank" class="main-btn2" style="padding-top: 0px">Insertion professionnelle</a>
</div>
<!-- <li class="nav-item">-->
<!-- <a class="--><!--" href="--><!--gestionimmobiliere" target="_blank">Gestion immobilière</a>-->
<!-- </li>-->
<!-- <li class="nav-item">-->
<!-- <a class="--><!--" href="--><!--commerce" target="_blank">Commerce général/ Ecommerce</a>-->
<!-- </li>-->
<!-- <li class="nav-item">-->
<!-- <a class="--><!--" href="--><!--representation" target="_blank">Representation d'entreprises commerciales</a>-->
<!-- </li>-->
<li class="nav-item" style="padding-top: 6px;">
<a class="" href="https://intermark-business.com/blog">Blog</a>
</li>
<li class="nav-item" style="padding-top: 6px;">
<a href="">Plus</a>
<ul class="sub-menu" style="padding-left: 1px;">
<li><a class="" href="https://intermark-business.com/diverses" target="_blank">Diverses prestations de services</a></li>
<li><a href="https://intermark-business.com/apropos">A propos</a></li>
<li><a href="https://intermark-business.com/politique">Politique de confidentialité</a></li>
<li><a href="https://intermark-business.com/mentions">Mentions légales</a></li>
<li><a href="https://intermark-business.com/conditions">Condition Génerale d'Utilisation (CGU)</a></li>
<li><a href="https://intermark-business.com/cookies">Politique de cookies</a></li>
<li><a href="https://elearning.intermark-business.com/certification" target="_blank">Verifier un certificat</a></li>
<li><a href="https://intermark-business.com/faq" target="_blank">Faq</a></li>
</ul>
</li>
</ul>
</div>
</nav> <!-- nav -->
</div>
</div> <!-- row -->
</div> <!-- container -->
</div>
</header>
<!--====== HEADER PART ENDS ======-->
<!--====== SEARCH BOX PART START ======-->
<div class="search-box">
<div class="serach-form">
<div class="closebtn">
<span></span>
<span></span>
</div>
<form action="#">
<input type="text" placeholder="Search by keyword">
<button><i class="fa fa-search"></i></button>
</form>
</div> <!-- serach form -->
</div>
<!--====== SEARCH BOX PART ENDS ======-->
<!--====== SLIDER PART START ======-->
<srcipt>
<script>
document.addEventListener('DOMContentLoaded', function() {
const navItems = document.querySelectorAll('.nav-item');
navItems.forEach(item => {
item.addEventListener('mouseenter', function() {
const subMenu = this.querySelector('.sub-menu');
if (subMenu) {
subMenu.style.display = 'block';
}
});
item.addEventListener('mouseleave', function() {
const subMenu = this.querySelector('.sub-menu');
if (subMenu) {
subMenu.style.display = 'none';
}
});
});
});
</script>
</srcipt>
<!-- Contenu du site -->
<div class="alert alert-danger" role="alert">
La page n'existe pas</div>
<div id="myModal" class="modal">
<div class="modal-content">
<span class="close">×</span>
<img src="https://intermark-business.com/public/images/bienvenue.png" alt="Bonne Année">
</div>
</div>
<!-- footer-->
<footer id="footer-part">
<div class="footer-top pt-40 pb-70">
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-6" style="padding: 0px;">
<div class="footer-about mt-4">
<!-- <div class="logo">-->
<!-- <a routerLink="--><!--accueil" style="cursor: pointer;"><img src="--><!--public/images/ibilogo.jpg" alt="Logos" height="50" width="50"></a>-->
<!-- </div>-->
<p style="padding-left:30px;padding-right:30px;text-align: justify;">
Cabinet spécialisé dans la formation (Agréé par le FDFP), le conseil et l'assistance, l'informatique, l'immobilier, le commerce général
et l'e-commerce, la représentation d'entreprises ou de sociétés commerciales et diverses prestations et services.
Chez IBI Group, l'Excellence est notre passion. »
</p>
<ul class="mt-20" style="padding-left: 30px;">
<li><a href="https://www.facebook.com/IBInterOfficiel" target="_blank"><i class="fa fa-facebook-f"></i></a></li>
<li><a href="https://x.com/InterMarkB" target="_blank"><i class="fa fa-twitter"></i></a></li>
<li><a href="https://www.linkedin.com/company/intermark-business-international/" target="_blank"><i class="fa fa-linkedin"></i></a></li>
<li><a href="https://www.instagram.com/ib_inter_officiel/" target="_blank"><i class="fa fa-instagram"></i></a></li>
<li><a href="https://www.google.com/maps/place/INTERMARK+BUSINESS+INTERNATIONAL+GROUP/@5.3666314,-3.9579086,17z/data=!3m1!4b1!4m6!3m5!1s0xfc1edafe0cad8f5:0xf64d1ec039aed473!8m2!3d5.3666314!4d-3.9579086!16s%2Fg%2F11h22bl9vg?entry=ttu" target="_blank"><i class="fa fa-google-plus"></i></a></li>
<li><a href="https://www.tiktok.com/@ibigroupsarl" target="_blank"><i class="fa fa-tiktok"></i></a></li>
</ul>
</div> <!-- footer about -->
</div>
<div class="col-lg-3 col-md-6 col-sm-6">
<div class="footer-link mt-4" style="padding-left:30px;">
<div class="footer-title">
<h6>Liens Utiles</h6>
</div>
<ul style="width: 100%;">
<a href="accueil" style="color: white"><i class="fa fa-angle-right"></i> Accueil</a><br>
<a href="https://intermark-business.com/dg" style="color: white"><i class="fa fa-angle-right"></i> Mot du DG</a><br>
<a href="https://ibig.intermark-business.com/catalogue/" target="_blank" style="color: white"><i class="fa fa-angle-right"></i> Catalogue</a><br>
<a href="https://intermark-business.com/politique" target="_blank" style="color: white"><i class="fa fa-angle-right"></i> Politique de confidentialité</a><br>
<a href="https://intermark-business.com/cookies" target="_blank" style="color: white"><i class="fa fa-angle-right"></i> Politique de cookies</a><br>
<a href="https://intermark-business.com/mentions" target="_blank" style="color: white"><i class="fa fa-angle-right"></i> Mentions légales</a><br>
<a href="https://intermark-business.com/cgu" target="_blank" style="color: white"><i class="fa fa-angle-right"></i> Conditions Générales d'Utilisation (CGU)</a><br>
<a target="_blank" href="https://ibig.intermark-business.com/foire-aux-questions-faq/?fbclid=IwAR3HlBr1viE7jlOcPx0cRCo4x0KIAoKJOnxroRiTfhPgTdaGv1OSx6F83g4" style="color: white"><i class="fa fa-angle-right"></i> Faq</a>
</ul>
</div> <!-- footer link -->
</div>
<div class="col-lg-3 col-md-6 col-sm-6">
<div class="footer-link support mt-4" style="padding-left:30px;">
<div class="footer-title">
<h6>Nos services</h6>
</div>
<ul style="width: 100%;">
<a target="_blank" href="https://intermark-business.com/formation" style="color: white"><i class="fa fa-angle-right"></i> Formations</a><br>
<a target="_blank" href="https://intermark-business.com/conseilsetassistance" style="color: white"><i class="fa fa-angle-right"></i> Conseils et assistance</a><br>
<a target="_blank" href="https://intermark-business.com/informatique" style="color: white"><i class="fa fa-angle-right"></i> Informatique</a><br>
<a target="_blank" href="https://intermark-business.com/gestionimmobiliere" style="color: white"><i class="fa fa-angle-right"> </i> immobilier</a><br>
<a target="_blank" href="https://intermark-business.com/commerce" style="color: white"><i class="fa fa-angle-right"></i> Commerce Général/ E-Commerce</a><br>
<a target="_blank" href="https://intermark-business.com/representation" style="color: white"><i class="fa fa-angle-right"> </i> Représentation d'entreprises</a><br>
<a target="_blank" href="https://intermark-business.com/diverses" style="color: white"><i class="fa fa-angle-right"></i> Diverses prestations et services</a>
</ul>
</div> <!-- support -->
</div>
<div class="col-lg-3 col-md-6" style="padding-left: 0px">
<div class="footer-address mt-4" style="padding-left:30px;">
<div class="footer-title pb-25">
<h6>Nos contacts</h6>
</div>
<ul style="width: 100%;">
<li>
<div class="icon">
<i class="fa fa-home"></i>
</div>
<div class="cont">
<p>Abidjan Cocody Rivera Palmeraie, Rue I147</p>
</div>
</li>
<li>
<div class="icon">
<i class="fa fa-phone"></i>
</div>
<div class="cont">
<p>Portable : +225 0556217616</p>
</div>
</li>
<li>
<div class="icon">
<i class="fa fa-phone"></i>
</div>
<div class="cont">
<p>Whatsapp : +225 0778882592</p>
</div>
</li>
<li>
<div class="icon">
<i class="fa fa-envelope-o"></i>
</div>
<div class="cont">
<p>contact@intermark-business.com</p>
</div>
</li>
</ul>
</div> <!-- footer address -->
</div>
</div> <!-- row -->
</div> <!-- container -->
</div> <!-- footer top -->
<div class="footer-copyright pt-10 pb-25">
<div class="container">
<div class="row">
<div class="col-md-8">
<div class="copyright text-md-left text-center pt-15">
<p><a style="color: white;">© 2025 Intermark Business International Group SARL. Tous droit réservés.</a> </p>
</div>
</div>
<div class="col-md-4">
<div class="copyright text-md-right text-center pt-15">
</div>
</div>
</div> <!-- row -->
</div> <!-- container -->
</div> <!-- footer copyright -->
</footer>
<!--====== jquery js ======-->
<script src="https://intermark-business.com/public/js/vendor/modernizr-3.6.0.min.js"></script>
<script src="https://intermark-business.com/public/js/vendor/jquery-1.12.4.min.js"></script>
<!--====== Bootstrap js ======-->
<script src="https://intermark-business.com/public/js/bootstrap.min.js"></script>
<!--====== Slick js ======-->
<script src="https://intermark-business.com/public/js/slick.min.js"></script>
<!--====== Magnific Popup js ======-->
<script src="https://intermark-business.com/public/js/jquery.magnific-popup.min.js"></script>
<!--====== Counter Up js ======-->
<script src="https://intermark-business.com/public/js/waypoints.min.js"></script>
<script src="https://intermark-business.com/public/js/jquery.counterup.min.js"></script>
<!--====== Nice Select js ======-->
<script src="https://intermark-business.com/public/js/jquery.nice-select.min.js"></script>
<!--====== Nice Number js ======-->
<script src="js/jquery.nice-number.min.js"></script>
<!--====== Count Down js ======-->
<script src="https://intermark-business.com/public/js/jquery.countdown.min.js"></script>
<!--====== Validator js ======-->
<script src="https://intermark-business.com/public/js/validator.min.js"></script>
<!--====== Ajax Contact js ======-->
<script src="https://intermark-business.com/public/js/ajax-contact.js"></script>
<!--====== Main js ======-->
<script src="https://intermark-business.com/public/js/main.js"></script>
<script>
// Script pour afficher la modale seulement à la première visite
document.addEventListener("DOMContentLoaded", function () {
var modal = document.getElementById("myModal");
var closeBtn = document.querySelector(".close");
console.log("DOMContentLoaded event fired");
// Vérifier si l'utilisateur a déjà visité le site
if (!localStorage.getItem("siteVisited")) {
console.log("First visit detected");
// Afficher la modale
modal.style.display = "block";
// Marquer comme visité
localStorage.setItem("siteVisited", "true");
} else {
console.log("User has already visited the site");
}
// Fermer la modale lorsque l'utilisateur clique sur le bouton de fermeture
closeBtn.addEventListener("click", function () {
modal.style.display = "none";
});
// Fermer la modale lorsqu'on clique en dehors
window.addEventListener("click", function (event) {
if (event.target === modal) {
modal.style.display = "none";
}
});
});
// Gestion de l'affichage de l'iframe
function toggleIframe() {
var iframe = document.getElementById('iframe-container');
iframe.style.display = (iframe.style.display === 'block') ? 'none' : 'block';
}
//JS TEMOIGNAGE
const slider = document.getElementById('slider');
const sliderWrapper = document.getElementById('sliderWrapper');
const totalSlides = slider.children.length;
let currentIndex = 0;
let slidesVisible = window.innerWidth <= 768 ? 1 : 2;
let slideInterval;
function updateSlideWidth() {
slidesVisible = window.innerWidth <= 768 ? 1 : 2;
}
function showSlide() {
slider.style.transform = `translateX(-${(100 / slidesVisible) * currentIndex}%)`;
}
function nextSlide() {
currentIndex += slidesVisible;
if (currentIndex >= totalSlides) {
currentIndex = 0;
}
showSlide();
}
function prevSlide() {
currentIndex -= slidesVisible;
if (currentIndex < 0) {
currentIndex = totalSlides - slidesVisible;
}
showSlide();
}
function startSlider() {
slideInterval = setInterval(nextSlide, 5000);
}
function stopSlider() {
clearInterval(slideInterval);
}
// Lancer le slider automatiquement
startSlider();
// Stop au hover
sliderWrapper.addEventListener("mouseenter", stopSlider);
sliderWrapper.addEventListener("mouseleave", startSlider);
// Réagir au redimensionnement
window.addEventListener("resize", () => {
updateSlideWidth();
showSlide();
});
</script>
</body>
</html>
HTTP/1.1 200 OK Date: Tue, 26 Aug 2025 01:14:57 GMT Content-Type: text/html; charset=UTF-8 Content-Length: 16067 Connection: keep-alive Expires: Thu, 19 Nov 1981 08:52:00 GMT Cache-Control: no-store, no-cache, must-revalidate Pragma: no-cache Set-Cookie: PHPSESSID=ec326b6f1a46a86729484145377c9f52; path=/ Vary: Accept-Encoding Content-Encoding: br X-Orig-Rid: b8d6efb17e1f0350a5080cc8280e76b0 X-XSS-Protection: 1; mode=block X-Frame-Options: SAMEORIGIN X-Content-Type-Options: nosniff Edge-Cache-Engine-Mode: ACTIVE Accept-Ranges: bytes X-Cache-Status: MISS X-Request-Id: b8d6efb17e1f0350a5080cc8280e76b0