1<!DOCTYPE html> 2<html dir="ltr" lang="fr-FR"> 3<head> 4 5 6 7 <meta charset="utf-8"> 8 <meta http-equiv="x-ua-compatible" content="IE=edge"> 9 <meta name="viewport" content="width=device-width, initial-scale=1"> 10 <meta name="author" content="Office National du Tourisme Comores"> 11 12 <meta name="description" content=" Découvrez les Comores, les îles aux parfums. Guide voyage, activités et préparation de votre séjour aux Comores. 13 "> 14 <meta name="keywords" content="Comores, tourisme, voyage, ONTC, Moroni, archipel, îles parfumées"> 15 <meta name="robots" content="index, follow"> 16 17 <link rel="canonical" href="https://comorostourism.com/fr/"> 18 19 <meta property="og:title" content="Office National du Tourisme Comores"> 20 <meta property="og:description" content="Découvrez les Comores, l'archipel aux îles parfumées"> 21 <meta property="og:url" content="https://comorostourism.com/fr/"> 22 <meta property="og:type" content="website"> 23 <meta property="og:image" content="/images/system/og-image.jpg"> 24 <meta property="og:locale" content="fr_FR"> 25 <meta property="og:site_name" content="Office National du Tourisme Comores"> 26 27 <meta name="twitter:card" content="summary_large_image"> 28 <meta name="twitter:title" content="Office National du Tourisme Comores"> 29 <meta name="twitter:description" content="Découvrez les Comores"> 30 <meta name="twitter:image" content="/images/system/og-image.jpg"> 31 32 <title> Office Nationale du Tourisme Comores Office National du Tourisme des Comores 33 </title> 34 35 <link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;500;600;700&display=swap" rel="stylesheet"> 36 <link rel="stylesheet" href="/frontend/css/jewerly-fonts.css"> 37 <link rel="stylesheet" href="/frontend/style.css"> 38 <link rel="stylesheet" href="/frontend/css/font-icons.css"> 39 <link rel="stylesheet" href="/frontend/css/custom.css"> 40 41 <link rel="stylesheet" href="/frontend/css/custom-home-blocks.css" /> 42 <!-- SLIDER REVOLUTION 5.x CSS SETTINGS --> 43 <link rel="stylesheet" href="/frontend/include/rs-plugin/css/settings.css" media="screen"> 44 <link rel="stylesheet" href="/frontend/include/rs-plugin/css/layers.css"> 45 <link rel="stylesheet" href="/frontend/include/rs-plugin/css/navigation.css"> 46 <link rel="stylesheet" href="/frontend/css/home-carousel.css"> 47 48</head> 49<body class="stretched"> 50 <div class="toast-container position-fixed top-0 end-0 p-3" style="z-index: 9999;"> 51 52 53 54 </div> 55 56 <!-- Document Wrapper 57 ============================================= --> 58 <div id="wrapper"> 59 60 <!-- Header 61 ============================================= --> 62 <header id="header" class="header-size-md"> 63 <div id="header-wrap"> 64 <div class="container"> 65 <div class="header-row "> 66 67 <!-- Logo 68 ============================================= --> 69 <div id="logo" > 70 <a href="/fr/" class="retina-logo"> 71 <img src="/frontend/img/system/[email protected]" alt="ONTC Logo"> 72 </a> 73 </div><!-- #logo end --> 74 75 76 <div class="header-misc ms-auto col-lg-auto justify-content-lg-end d-flex align-items-center gap-2"> 77 78 79 <div class="dropdown me-1"> 80 <button class="btn btn-sm rounded-circle p-2 border-0" 81 type="button" 82 data-bs-toggle="dropdown" 83 style="width: 38px; height: 38px; background: #f0f0f0; color: #333; transition: all 0.2s;"> 84 ð«ð· 85 </button> 86 <ul class="dropdown-menu dropdown-menu-end shadow-sm border-0" style="border-radius: 12px; margin-top: 10px; min-width: 160px;"> 87 <li> 88 <a class="dropdown-item py-2 text-secondary fw-semibold" 89 href="/fr/"> 90 ð«ð· Français 91 </a> 92 </li> 93 <li> 94 <a class="dropdown-item py-2 " 95 href="/en/"> 96 ð¬ð§ English 97 </a> 98 </li> 99 </ul> 100 </div> 101 102 <a href="/connexion" class="btn btn-sm btn-outline-primary rounded-pill px-3" style="font-size: 13px;"> 103 <i class="uil uil-user me-1"></i> Connexion 104 </a> 105 </div> 106 107 <div class="primary-menu-trigger ms-1"> 108 <button class="cnvs-hamburger" type="button" title="Open Mobile Menu"> 109 <span class="cnvs-hamburger-box"><span class="cnvs-hamburger-inner"></span></span> 110 </button> 111 </div> 112 113 <!-- Primary Navigation 114 ============================================= --> 115 <nav class="primary-menu me-lg-auto "> 116 117<ul class="menu-container"> 118 <li class="menu-item mega-menu mega-menu-full"> 119 <a class="menu-link " href="#"> 120 <div> 121 Découvrir <i class="uil uil-caret-right text-success"></i> 122 </div> 123 </a> 124 <div class="mega-menu-content mega-menu-style-2"> 125 <div class="container"> 126 <div class="row">
127 <div class="sub-menu-container mega-menu-column col-12"> 128 <div class="d-flex justify-content-center align-items-md-center py-4 py-md-3"> 129 <div class="col-lg-6"> 130 <ul class="mega-menu-links"> 131 <li class="target-active" data-target="#2"> 132 <a href="/fr/decouvrir/histoire"> 133 Histoire 134 </a> 135 </li> 136 <li class="" data-target="#3"> 137 <a href="/fr/decouvrir/tradictions_et_culture"> 138 Traditions & Culture 139 </a> 140 </li> 141 <li class="" data-target="#4"> 142 <a href="/fr/decouvrir/geographie"> 143 Géographie 144 </a> 145 </li> 146 <li class="" data-target="#5"> 147 <a href="/fr/decouvrir/gastronomie"> 148 Gastronomie 149 </a> 150 </li> 151 <li class="" data-target="#6"> 152 <a href="/fr/decouvrir/fauneflore"> 153 Faune & Flore 154 </a> 155 </li> 156 </ul> 157 </div> 158 <div class="d-none d-lg-flex col-lg-5 col-xl-3 target-content" style="height: 13rem;"> 159 <div class="target-active" id="2"> 160 <img src="/frontend/img/page/histoire-6877c4f39fa0d586465554.jpg" alt="Histoire"> 161 </div> 162 <div class="" id="3"> 163 <img src="/frontend/img/page/traditions-culture-6877ce511a3e4396140737.jpg" alt="Traditions & Culture"> 164 </div> 165 <div class="" id="4"> 166 <img src="/frontend/img/page/geographie-6877cf0e8cbca417607086.jpg" alt="Géographie"> 167 </div> 168 <div class="" id="5"> 169 <img src="/frontend/img/page/gastronomie-6877cf2b7ada5112916327.jpg" alt="Gastronomie"> 170 </div> 171 <div class="" id="6"> 172 <img src="/frontend/img/page/faune-flore-6877d04e37c02937275644.jpg" alt="Faune & Flore"> 173 </div> 174 </div> 175 </div> 176 </div> 177 </div> 178 </div> 179 </div> 180 </li> 181 182 <li class="menu-item mega-menu mega-menu-full"> 183 <a class="menu-link " href="#"> 184 <div> 185 Ãle <i class="uil uil-caret-right text-danger"></i> 186 </div> 187 </a> 188 <div class="mega-menu-content mega-menu-style-2"> 189 <div class="container"> 190 <div class="row">
191 <div class="sub-menu-container mega-menu-column col-12"> 192 <div class="d-flex justify-content-center align-items-md-center py-4"> 193 <ul class="mega-menu-links"> 194 <li> 195 <a href="/ile/ngazidja?_locale=fr"> 196 Ngazidja 197 </a> 198 </li> 199 <li> 200 <a href="/ile/ndzuani?_locale=fr"> 201 Ndzuani 202 </a> 203 </li> 204 <li> 205 <a href="/ile/mwali?_locale=fr"> 206 Mwali 207 </a> 208 </li> 209 <li> 210 <a href="/ile/maore?_locale=fr"> 211 Maoré 212 </a> 213 </li> 214 </ul> 215 </div> 216 </div> 217 </div> 218 </div> 219 </div> 220 </li> 221 222 <li class="menu-item mega-menu mega-menu-full"> 223 <a class="menu-link " href="#"> 224 <div> 225 Activités <i class="uil uil-caret-right text-warning"></i> 226 </div> 227 </a> 228 <div class="mega-menu-content mega-menu-style-2"> 229 <div class="container"> 230 <div class="row"> 231 <div class="sub-menu-container mega-menu-column col-12"> 232 <div class="d-flex justify-content-center align-items-md-center py-4"> 233 <ul class="mega-menu-links"> 234 <li> 235 <a href="/fr/activites/sites_touristiques"> 236 Sites touristiques 237 </a> 238 </li> 239 <li> 240 <a href="/fr/activites/plages"> 241 Plages 242 </a> 243 </li> 244 <li> 245 <a href="/fr/activites/randonnees"> 246 Randonnées 247 </a> 248 </li> 249 <li> 250 <a href="/fr/activites/bar_discotheques"> 251 Bar / Discothèques 252 </a> 253 </li> 254 <li> 255 <a href="/fr/activites/activites_nautiques"> 256 Activités Nautiques 257 </a> 258 </li> 259 <li> 260 <a href="/fr/activites/patrimoines_musees"> 261 Patrimoines / Musées 262 </a> 263 </li> 264 <li> 265 <a href="/fr/activites/portailweb_toursoperators"> 266 Tours Opérators 267 </a> 268 </li> 269 <li> 270 <a href="/fr/activites/portailweb_oudormir"> 271 Où Dormir ? 272 </a> 273 </li> 274 <li> 275 <a href="/fr/activites/portailweb_oumanger"> 276 Où Manger ? 277 </a> 278 </li> 279 <li> 280 <a href="/fr/activites/se_deplacer"> 281 Se Déplacer 282 </a> 283 </li> 284 <li> 285 <a href="/fr/activites/meilleures_saisons"> 286 Meilleures Saisons 287 </a> 288 </li> 289 </ul> 290 </div> 291 </div> 292 </div> 293 </div> 294 </div> 295 </li> 296 297 <li class="menu-item mega-menu mega-menu-full"> 298 <a class="menu-link " href="#"> 299 <div> 300 Préparer son voyage <i class="uil uil-caret-right text-primary"></i> 301 </div> 302 </a> 303 <div class="mega-menu-content mega-menu-style-2"> 304 <div class="container"> 305 <div class="row">
306 <div class="sub-menu-container mega-menu-column col-12"> 307 <div class="d-flex justify-content-center align-items-md-center py-4"> 308 <ul class="mega-menu-links"> 309 <li> 310 <a href="/fr/preparersonvoyage/visa_et_formalites_d_entree"> 311 Visa & Formalités dâentrée 312 </a> 313 </li> 314 <li> 315 <a href="/fr/preparersonvoyage/sedeplacer_d_ile_en_ile"> 316 Se déplacer dâîle en île 317 </a> 318 </li> 319 <li> 320 <a href="/fr/preparersonvoyage/change_et_devises"> 321 Change & Devises 322 </a> 323 </li> 324 <li> 325 <a href="/fr/preparersonvoyage/hebergements"> 326 Hébergements 327 </a> 328 </li> 329 <li> 330 <a href="/fr/preparersonvoyage/preventions_sante"> 331 Préventions / Santé 332 </a> 333 </li> 334 </ul> 335 </div> 336 </div> 337 </div> 338 </div> 339 </div> 340 </li> 341 342 <li class="menu-item"> 343 <a class="menu-link " 344 href="/fr/ontc/a_propos"> 345 <div>ONTC</div> 346 </a> 347 </li> 348</ul> 349 350<ul class="menu-container mobile-primary-menu"> 351 <li class="menu-item"> 352 <a class="menu-link" href="#"> 353 <div> 354 Découvrir <i class="Bi uil uil-plus"></i> 355 </div> 356 </a> 357 <ul class="sub-menu-container"> 358 <li class="menu-item"> 359 <a href="/fr/decouvrir/histoire" class="menu-link"> 360 Histoire 361 </a> 362 </li> 363 <li class="menu-item"> 364 <a href="/fr/decouvrir/tradictions_et_culture" class="menu-link"> 365 Traditions & Culture 366 </a> 367 </li> 368 <li class="menu-item"> 369 <a href="/fr/decouvrir/geographie" class="menu-link"> 370 Géographie 371 </a> 372 </li> 373 <li class="menu-item"> 374 <a href="/fr/decouvrir/gastronomie" class="menu-link"> 375 Gastronomie 376 </a> 377 </li> 378 <li class="menu-item"> 379 <a href="/fr/decouvrir/fauneflore" class="menu-link"> 380 Faune & Flore 381 </a> 382 </li> 383 </ul> 384 </li> 385 386 <li class="menu-item"> 387 <a class="menu-link" href="#"> 388 <div> 389 Ãles <i class="Bi uil uil-plus"></i> 390 </div> 391 </a>
392 <ul class="sub-menu-container"> 393 <li class="menu-item"> 394 <a href="/ile/ngazidja?_locale=fr" class="menu-link"> 395 Ngazidja 396 </a> 397 </li> 398 <li class="menu-item"> 399 <a href="/ile/ndzuani?_locale=fr" class="menu-link"> 400 Ndzuani 401 </a> 402 </li> 403 <li class="menu-item"> 404 <a href="/ile/mwali?_locale=fr" class="menu-link"> 405 Mwali 406 </a> 407 </li> 408 <li class="menu-item"> 409 <a href="/ile/maore?_locale=fr" class="menu-link"> 410 Maoré 411 </a> 412 </li> 413 </ul> 414 </li> 415 416 <li class="menu-item"> 417 <a class="menu-link" href="#"> 418 <div> 419 Activités <i class="Bi uil uil-plus"></i> 420 </div> 421 </a> 422 <ul class="sub-menu-container"> 423 <li class="menu-item"> 424 <a href="/fr/activites/sites_touristiques" class="menu-link"> 425 Sites touristiques 426 </a> 427 </li> 428 <li class="menu-item"> 429 <a href="/fr/activites/plages" class="menu-link"> 430 Plages 431 </a> 432 </li> 433 <li class="menu-item"> 434 <a href="/fr/activites/randonnees" class="menu-link"> 435 Randonnées 436 </a> 437 </li> 438 <li class="menu-item"> 439 <a href="/fr/activites/bar_discotheques" class="menu-link"> 440 Bar / Discothèques 441 </a> 442 </li> 443 <li class="menu-item"> 444 <a href="/fr/activites/activites_nautiques" class="menu-link"> 445 Activités Nautiques 446 </a> 447 </li> 448 <li class="menu-item"> 449 <a href="/fr/activites/patrimoines_musees" class="menu-link"> 450 Patrimoines / Musées 451 </a> 452 </li> 453 <li class="menu-item"> 454 <a href="/fr/activites/portailweb_toursoperators" class="menu-link"> 455 Tours Opérators 456 </a> 457 </li> 458 <li class="menu-item"> 459 <a href="/fr/activites/portailweb_oudormir" class="menu-link"> 460 Où Dormir ? 461 </a> 462 </li> 463 <li class="menu-item"> 464 <a href="/fr/activites/portailweb_oumanger" class="menu-link"> 465 Où Manger ? 466 </a> 467 </li> 468 <li class="menu-item"> 469 <a href="/fr/activites/se_deplacer" class="menu-link"> 470 Se Déplacer 471 </a> 472 </li> 473 <li class="menu-item"> 474 <a href="/fr/activites/meilleures_saisons" class="menu-link"> 475 Meilleures Saisons 476 </a> 477 </li> 478 </ul> 479 </li> 480 481 <li class="menu-item"> 482 <a class="menu-link" href="#"> 483 <div> 484 Préparer son voyage <i class="Bi uil uil-plus"></i> 485 </div> 486 </a>
487 <ul class="sub-menu-container"> 488 <li class="menu-item"> 489 <a href="/fr/preparersonvoyage/visa_et_formalites_d_entree" class="menu-link"> 490 Visa & Formalités dâentrée 491 </a> 492 </li> 493 <li class="menu-item"> 494 <a href="/fr/preparersonvoyage/sedeplacer_d_ile_en_ile" class="menu-link"> 495 Se déplacer dâîle en île 496 </a> 497 </li> 498 <li class="menu-item"> 499 <a href="/fr/preparersonvoyage/change_et_devises" class="menu-link"> 500 Change & Devises 501 </a> 502 </li> 503 <li class="menu-item"> 504 <a href="/fr/preparersonvoyage/hebergements" class="menu-link"> 505 Hébergements 506 </a> 507 </li> 508 <li class="menu-item"> 509 <a href="/fr/preparersonvoyage/preventions_sante" class="menu-link"> 510 Préventions / Santé 511 </a> 512 </li> 513 </ul> 514 </li> 515 516 <li class="menu-item"> 517 <a class="menu-link" href="/fr/ontc/a_propos"> 518 <div>ONTC</div> 519 </a> 520 </li> 521</ul> </nav> 522 <!-- #primary-menu end --> 523 524 </div> 525 </div> 526 </div> 527 <div class="header-wrap-clone"></div> 528 </header> 529 530 531 <div class="section bg-transparent mt-0 mb-0"> 532 <div class="container"> 533 <div class="d-flex min-vh-75 align-items-center justify-content-center dark"> 534 <h2 class="display-4 mb-3 fw-normal" data-animate="fadeInUp">Découvrez les Envoûtantes Ãles Comores</h2> 535 </div> 536 </div> 537 <div class="video-wrap no-placeholder" data-bottom-top="transform: translate(0%, -30%)" 538 data-top-bottom="transform: translate(0%, 30%)"> 539 <video poster="/frontend/img/silder/videos/poster.jpg" preload="auto" loop autoplay muted playsinline> 540 <source src='/frontend/img/silder/videos/comores.mp4' type='video/mp4'> 541 </video> 542 <div class="video-overlay" style="background: rgba(0,0,0,.1);"></div> 543 </div> 544 </div><!-- Video Section End --> 545 546 <!-- Content --> 547 <section id="content"> 548 <div class="content-wrap pb-0"> 549 550 <!-- Parallax Section --> 551 <div class="container-fluid"> 552 <div class="container"> 553 <div class="row course-categories mb-4"> 554 <div class="col-lg-3 col-sm-3 col-6 mt-4"> 555 <div class="card hover-effect"> 556 <img class="card-img" src="/frontend/img/ile/ngazidja-687916a94f8d0506518714.jpg" alt="Ngazidja"> 557 <a href="/ile/ngazidja?_locale=fr" class="card-img-overlay rounded p-0"> 558 <span> 559 <h1 class="text-white border-bottom">Ngazidja</h1> 560 </span> 561 </a> 562 </div> 563 </div> 564 <div class="col-lg-3 col-sm-3 col-6 mt-4"> 565 <div class="card hover-effect"> 566 <img class="card-img" src="/frontend/img/ile/mwali-687917a4816fc302135395.jpg" alt="Mwali"> 567 <a href="/ile/mwali?_locale=fr" class="card-img-
567overlay rounded p-0"> 568 <span> 569 <h1 class="text-white border-bottom">Mwali</h1> 570 </span> 571 </a> 572 </div> 573 </div> 574 <div class="col-lg-3 col-sm-3 col-6 mt-4"> 575 <div class="card hover-effect"> 576 <img class="card-img" src="/frontend/img/ile/ndzuani-687917b9d89ee607713731.jpg" alt="Ndzuani"> 577 <a href="/ile/ndzuani?_locale=fr" class="card-img-overlay rounded p-0"> 578 <span> 579 <h1 class="text-white border-bottom">Ndzuani</h1> 580 </span> 581 </a> 582 </div> 583 </div> 584 <div class="col-lg-3 col-sm-3 col-6 mt-4"> 585 <div class="card hover-effect"> 586 <img class="card-img" src="/frontend/img/ile/maorais-687917c7f24ab887751560.jpg" alt="Maoré"> 587 <a href="/ile/maor%C3%A9?_locale=fr" class="card-img-overlay rounded p-0"> 588 <span> 589 <h1 class="text-white border-bottom">Maoré</h1> 590 </span> 591 </a> 592 </div> 593 </div> 594 </div> 595 </div> 596 </div> 597 598 599<div class="row justify-content-between align-items-center"> 600 601 602 603 <div class="container col-md-9 text-center py-lg-6" style="padding-top: -90px;"> 604 <div class="before-title text-uppercase ls-3 mb-3 text-dark text-smaller op-06"> 605 L'archipel aux 4 Ãles 606 </div> 607 608 <p><span style="font-size:26px"><strong>Visiter l'archipel des Comores </strong></span></p> 609 610 <span style="font-family: 'Cormorant Garamond', serif; font-size: 26px; line-height: 30px; font-weight: 200;"> 611 <p style="text-align:center"><strong><span style="font-size:26px">Composés de 4 îles, les Comores sont situées au débouché du canal de Mozambique au nord de Madagascar. Chacune des îles vous étonnera par ses spécificités et vous emportera dans ses histoires et légendes. </span></strong></p> 612 </span> 613 614 <span> 615 </span> 616 </div> 617 618 </div> <div class="section bg-transparent mt-n4 mb-n5"> 619 <div class="row gy-3"> 620 <div class="col-lg-3"> 621 <div class="product ps-5 "> 622 <h2 style="font-size: 2.5rem; font-weight: 200">Laissez-vous tenter par des expériences inoubliables</h2> 623 <span style=" 624 font-family: 'Cormorant_Garamond', serif; 625 font-size: 1.5rem; line-height: 1.5rem"> 626 <p>Plongez dans la beauté naturelle qui vous entoure, où chaque instant est une invitation à l'aventure. Profitez pleinement de ce cadre exceptionnel pour pratiquer des activités.</p> 627 </span> 628 629 </div> 630 </div> 631 632 <div class="col-lg-9"> 633 <div class="reveal-content position-relative"> 634 <div id="oc-product" class="owl-carousel product-carousel carousel-widget" data-nav="false" 635 data-pagi="false" data-loop="false" data-items-xs="1" data-items-sm="2" data-items-md="3" 636 data-items-lg="3" data-items-xl="3" data-margin="30"> 637 638 <div class="product text-center"> 639 <div class="product-image"> 640 <a href="#"> 641 <img src="https://comorostourism.com/media/cache/carouselglisser_webp/frontend/img/front_elementsection/site-689dd1e452a92941013026.jpg" 642 alt="Laissez-vous tenter par des expérience
642s inoubliables"> 643 </a> 644 </div> 645 <div class="product-desc mt-2"> 646 <div class="product-title"> 647 <a href="#" class="op-04 text-uppercase ls-1"> 648 <small>SITES TOURISTIQUES</small> 649 <small> 650 </small> 651 </a> 652 <h2 class="mt-1 mb-0 h4"><a href="#"><p>SITES TOURISTIQUES</p></a></h2> 653 </div> 654 655 </div> 656 </div> 657 <div class="product text-center"> 658 <div class="product-image"> 659 <a href="#"> 660 <img src="https://comorostourism.com/media/cache/carouselglisser_webp/frontend/img/front_elementsection/plage-site-68ac2c67db6da143047733.jpg" 661 alt="Laissez-vous tenter par des expériences inoubliables"> 662 </a> 663 </div> 664 <div class="product-desc mt-2"> 665 <div class="product-title"> 666 <a href="#" class="op-04 text-uppercase ls-1"> 667 <small>PLAGES</small> 668 <small> 669 </small> 670 </a> 671 <h2 class="mt-1 mb-0 h4"><a href="#"><p>PLAGES</p></a></h2> 672 </div> 673 674 </div> 675 </div> 676 <div class="product text-center"> 677 <div class="product-image"> 678 <a href="#"> 679 <img src="https://comorostourism.com/media/cache/carouselglisser_webp/frontend/img/front_elementsection/dsc00085-689c8ccbe9e97802471522.jpg" 680 alt="Laissez-vous tenter par des expériences inoubliables"> 681 </a> 682 </div> 683 <div class="product-desc mt-2"> 684 <div class="product-title"> 685 <a href="#" class="op-04 text-uppercase ls-1"> 686 <small>RANDONNEES</small> 687 <small> 688 </small> 689 </a> 690 <h2 class="mt-1 mb-0 h4"><a href="#"><p>RANDONNEES</p></a></h2> 691 </div> 692 693 </div> 694 </div> 695 <div class="product text-center"> 696 <div class="product-image"> 697 <a href="#"> 698 <img src="https://comorostourism.com/media/cache/carouselglisser_webp/frontend/img/front_elementsection/itsandra-68ac32ffa91ff491049799.jpg" 699 alt="Laissez-vous tenter par des expériences inoubliables"> 700 </a> 701 </div> 702 <div class="product-desc mt-2"> 703 <div class="product-title"> 704 <a href="#" class="op-04 text-uppercase ls-1"> 705 <small>BAR / DISCOTHEQUES</small> 706 <small> 707 </small> 708 </a> 709 <h2 class="mt-1 mb-0 h4"><a href="#"><p>BAR / DISCOTHEQUES</p></a></h2> 710 </div> 711 712 </div> 713 </div> 714 <div class="product text-center"> 715 <div class="product-image"> 716 <a href="#"> 717 <img src="https://comorostourism.com/media/cache/carouselglisser_webp/frontend/img/front_elementsection/plonge-689dce8285bc9942340793.jpg" 718 alt="Laissez-vous tenter par des expérience
718s inoubliables"> 719 </a> 720 </div> 721 <div class="product-desc mt-2"> 722 <div class="product-title"> 723 <a href="#" class="op-04 text-uppercase ls-1"> 724 <small>ACTIVITES NAUTIQUES</small> 725 <small> 726 </small> 727 </a> 728 <h2 class="mt-1 mb-0 h4"><a href="#"><p>ACTIVITES NAUTIQUES</p></a></h2> 729 </div> 730 731 </div> 732 </div> 733 <div class="product text-center"> 734 <div class="product-image"> 735 <a href="#"> 736 <img src="https://comorostourism.com/media/cache/carouselglisser_webp/frontend/img/front_elementsection/dsc00738-689c8120753d5482393122.jpg" 737 alt="Laissez-vous tenter par des expériences inoubliables"> 738 </a> 739 </div> 740 <div class="product-desc mt-2"> 741 <div class="product-title"> 742 <a href="#" class="op-04 text-uppercase ls-1"> 743 <small>PATRIMOINES / MUSEES</small> 744 <small> 745 </small> 746 </a> 747 <h2 class="mt-1 mb-0 h4"><a href="#"><p>PATRIMOINES / MUSEES</p></a></h2> 748 </div> 749 750 </div> 751 </div> 752 <div class="product text-center"> 753 <div class="product-image"> 754 <a href="#"> 755 <img src="https://comorostourism.com/media/cache/carouselglisser_webp/frontend/img/front_elementsection/621756c326690-nassib1-69ac54dd83c01364581534.jpg" 756 alt="Laissez-vous tenter par des expériences inoubliables"> 757 </a> 758 </div> 759 <div class="product-desc mt-2"> 760 <div class="product-title"> 761 <a href="#" class="op-04 text-uppercase ls-1"> 762 <small>SAVEURS LOCALES</small> 763 <small> 764 </small> 765 </a> 766 <h2 class="mt-1 mb-0 h4"><a href="#"><p>SAVEURS LOCALES </p></a></h2> 767 </div> 768 769 </div> 770 </div> 771 772 </div> 773 <div class="canvas-cursor"><i class="fa-solid fa-caret-left"></i><div class="canvas-cursor-text">Glisser</div><i class="fa-solid fa-caret-right"></i></div> 774 </div> 775 </div> 776 </div> 777</div> <section id="slider" class="slider-element revslider-wrap p-0"> 778 <div id="portfolio_wrapper" class="rev_slider_wrapper fullwidthbanner-container" data-alias="nice-and-clean-projects" data-source="gallery" style="margin:0px auto;background:#2d3032;padding:0px;margin-top:0px;margin-bottom:0px;"> 779 <!-- START REVOLUTION SLIDER 5.4.7.2 fullwidth mode --> 780 <div id="portfolio" class="rev_slider fullwidthabanner" style="display:none;" data-version="5.4.7.2"> 781 <ul> 782 <li data-index="rs-5" data-transition="fade" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default" data-easeout="default" data-masterspeed="300" data-thumb="include/rs-plugin/demos/assets/images/100x50_carousel7.jpg" data-rotate="0" data-saveperformance="off" data-title="Slide" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description=""> 783 <!-- MAIN IMAGE --> 784 <img src="/frontend/img/events/694a7ae8479c3781768866.jpg" 785 alt="" 786 data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" 787 class="rev-slidebg" data-no-retina> 788 <!-- LAYERS --> 789 790 <!-- LAYER NR. 21 --> 791 <div class="tp-caption tp-shape tp-shapewrapper tp-resizeme" 792 id="slide-5-layer-7" 793 data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" 794 data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']" 795 data-width="full" 796 data-height="full" 797 data-whitespace="nowrap" 798 799 data-type="shape" 800 data-responsive_offset="on" 801 802 data-frames='[{"delay":10,"speed":600,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power4.easeOut"},{"delay":"bytrigger","speed":1000,"frame":"999","to":"opacity:0;","ease":"Power4.easeInOut"}]' 803 data-textAlign="['inherit','inherit','inherit','inherit']" 804 data-paddingtop="[0,0,0,0]" 805 data-paddingright="[0,0,0,0]" 806 data-paddingbottom="[0,0,0,0]" 807 data-paddingleft="[0,0,0,0]" 808 data-lasttriggerstate="reset" 809 style="z-index: 5;font-family:Open Sans;background-color:rgba(45,48,50,0.65);"> </div> 810 811 <!-- LAYER NR. 22 --> 812 <div class="tp-caption tp-shape tp-shapewrapper tp-resizeme" 813 id="slide-5-layer-10" 814 data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" 815 data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']" 816 data-width="2" 817 data-height="75" 818 data-whitespace="nowrap" 819 820 data-type="shape" 821 data-responsive_offset="on" 822 823 data-frames='[{"delay":"bytrigger","speed":600,"frame":"0","from":"sY:0;","to":"o:1;","ease":"Power4.easeOut"},{"delay":"bytrigger","speed":600,"frame":"999","to":"sY:0;","ease":"Power4.easeOut"}]' 824 data-textAlign="['inherit','inherit','inherit','inherit']" 825 data-paddingtop="[0,0,0,0]" 826 data-paddingright="[0,0,0,0]" 827 data-paddingbottom="[0,0,0,0]" 828 data-paddingleft="[0,0,0,0]" 829 data-lasttriggerstate="reset" 830 style="z-index: 6;font-family:Open Sans;background-color:rgba(255,255,255,1);"> </div> 831 832 <!-- LAYER NR. 23 --> 833 <div class="tp-caption tp-shape tp-shapewrapper tp-resizeme" 834 id="slide-5-layer-11" 835 data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" 836 data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']" 837 data-width="75" 838 data-height="2" 839 data-whitespace="nowrap" 840 841 data-type="shape" 842 data-responsive_offset="on" 843 844 data-frames='[{"delay":"bytrigger","speed":600,"frame":"0","from":"sX:0;","to":"o:1;","ease":"Power4.easeOut"},{"delay":"bytrigger","speed":600,"frame":"999","to":"sX:0;","ease":"Power4.easeOut"}]' 845 data-textAlign="['inherit','inherit','inherit','inherit']" 846 data-paddingtop="[0,0,0,0]" 847 data-paddingright="[0,0,0,0]" 848 data-paddingbottom="[0,0,0,0]" 849 data-paddingleft="[0,0,0,0]" 850 data-lasttriggerstate="reset" 851 style="z-index: 7;font-family:Open Sans;background-color:rgba(255,255,255,1);"> </div> 852 853 <!-- LAYER NR. 24 --> 854 <div class="tp-caption " 855 id="slide-5-layer-12" 856 data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" 857 data-y="['top','top','top','top']" data-voffset="['80','80','50','50']" 858 data-width="300" 859 data-height="none" 860 data-whitespace="normal" 861 862 data-type="text" 863 data-responsive_offset="off" 864 data-responsive="off" 865 data-frames='[{"delay":10,"speed":1000,"frame":"0","from":"y:-50px;opacity:0;fb:10px;","mask":"x:0;y:0;s:inherit;e:inherit;","to":"o:1;
865fb:0;","ease":"Power4.easeOut"},{"delay":"bytrigger","speed":1000,"frame":"999","to":"y:-50px;opacity:0;fb:10px;","mask":"x:0;y:0;s:inherit;e:inherit;","ease":"Power4.easeOut"}]' 866 data-textAlign="['center','center','center','center']" 867 data-paddingtop="[0,0,0,0]" 868 data-paddingright="[0,0,0,0]" 869 data-paddingbottom="[0,0,0,0]" 870 data-paddingleft="[0,0,0,0]" 871 data-lasttriggerstate="reset" 872 style="z-index: 8; min-width: 300px; max-width: 300px; white-space: normal; font-size: 35px; line-height: 35px; font-weight: 500; color: rgba(255,255,255,1);font-family:Poppins;cursor:pointer;"> 873 SIACOM 874 <br> 875 <span style="font-size:17px;opacity:0.65;font-weight:400;"> 876 La vitrine de l'excellence comorienne 877 </span> 878 879 </div> 880 <!-- LAYER NR. 25 --> 881 <a href="/fr/evenement/siacom" class="tp-caption tp-shape tp-shapewrapper tp-resizeme" 882 id="slide-5-layer-8" 883 data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" 884 data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']" 885 data-width="full" 886 data-height="full" 887 data-whitespace="nowrap" 888 889 data-type="shape" 890 data-actions='[{"event":"mouseenter","action":"startlayer","layer":"slide-5-layer-10","delay":""},{"event":"mouseenter","action":"startlayer","layer":"slide-5-layer-11","delay":""},{"event":"mouseleave","action":"stoplayer","layer":"slide-5-layer-10","delay":""},{"event":"mouseleave","action":"stoplayer","layer":"slide-5-layer-11","delay":""},{"event":"mouseenter","action":"stoplayer","layer":"slide-5-layer-12","delay":""},{"event":"mouseleave","action":"startlayer","layer":"slide-5-layer-12","delay":""},{"event":"mouseenter","action":"stoplayer","layer":"slide-5-layer-7","delay":""},{"event":"mouseleave","action":"startlayer","layer":"slide-5-layer-7","delay":""}]' 891 data-responsive_offset="on" 892 893 data-frames='[{"delay":10,"speed":600,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power4.easeOut"},{"delay":"wait","speed":600,"frame":"999","to":"opacity:0;","ease":"Power4.easeOut"},{"frame":"hover","speed":"0","ease":"Linear.easeNone","to":"o:1;rX:0;rY:0;rZ:0;z:0;","style":"c:rgba(255,255,255,1);br:0 0 0 0;"}]' 894 data-textAlign="['inherit','inherit','inherit','inherit']" 895 data-paddingtop="[0,0,0,0]" 896 data-paddingright="[0,0,0,0]" 897 data-paddingbottom="[0,0,0,0]" 898 data-paddingleft="[0,0,0,0]" 899 900 style="z-index: 9;font-family:Open Sans;cursor:pointer;"> </a> 901 902 </li> 903 <li data-index="rs-4" data-transition="fade" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default" data-easeout="default" data-masterspeed="300" data-thumb="include/rs-plugin/demos/assets/images/100x50_carousel7.jpg" data-rotate="0" data-saveperformance="off" data-title="Slide" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description=""> 904 <!-- MAIN IMAGE --> 905 <img src="/frontend/img/events/694a6b1d5e356902113562.jpg" 906 alt="" 907 data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" 908 class="rev-slidebg" data-no-retina> 909 <!-- LAYERS --> 910 911 <!-- LAYER NR. 21 --> 912 <div class="tp-caption tp-shape tp-shapewrapper tp-resizeme" 913 id="slide-4-layer-7" 914 data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" 915 data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']" 916 data-width="full" 917 data-height="full" 918 data-whitespace="nowrap" 919 920 data-type="shape" 921 data-responsive_offset="on" 922 923 data-frames='[{"delay":10,"speed":600,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power4.easeOut"},{"delay":"bytrigger","speed":1000,"frame":"999","to":"opacity:0;","ease":"Power4.easeInOut"}]' 924 data-textAlign="['inherit','inherit','inherit','inherit']" 925 data-paddingtop="[0,0,0,0]" 926 data-paddingright="[0,0,0,0]" 927 data-paddingbottom="[0,0,0,0]" 928 data-paddingleft="[0,0,0,0]" 929 data-lasttriggerstate="reset" 930 style="z-index: 5;font-family:Open Sans;background-color:rgba(45,48,50,0.65);"> </div> 931 932 <!-- LAYER NR. 22 --> 933 <div class="tp-caption tp-shape tp-shapewrapper tp-resizeme" 934 id="slide-4-layer-10" 935 data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" 936 data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']" 937 data-width="2" 938 data-height="75" 939 data-whitespace="nowrap" 940 941 data-type="shape" 942 data-responsive_offset="on" 943 944 data-frames='[{"delay":"bytrigger","speed":600,"frame":"0","from":"sY:0;","to":"o:1;","ease":"Power4.easeOut"},{"delay":"bytrigger","speed":600,"frame":"999","to":"sY:0;","ease":"Power4.easeOut"}]' 945 data-textAlign="['inherit','inherit','inherit','inherit']" 946 data-paddingtop="[0,0,0,0]" 947 data-paddingright="[0,0,0,0]" 948 data-paddingbottom="[0,0,0,0]" 949 data-paddingleft="[0,0,0,0]" 950 data-lasttriggerstate="reset" 951 style="z-index: 6;font-family:Open Sans;background-color:rgba(255,255,255,1);"> </div> 952 953 <!-- LAYER NR. 23 --> 954 <div class="tp-caption tp-shape tp-shapewrapper tp-resizeme" 955 id="slide-4-layer-11" 956 data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" 957 data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']" 958 data-width="75" 959 data-height="2" 960 data-whitespace="nowrap" 961 962 data-type="shape" 963 data-responsive_offset="on" 964 965 data-frames='[{"delay":"bytrigger","speed":600,"frame":"0","from":"sX:0;","to":"o:1;","ease":"Power4.easeOut"},{"delay":"bytrigger","speed":600,"frame":"999","to":"sX:0;","ease":"Power4.easeOut"}]' 966 data-textAlign="['inherit','inherit','inherit','inherit']" 967 data-paddingtop="[0,0,0,0]" 968 data-paddingright="[0,0,0,0]" 969 data-paddingbottom="[0,0,0,0]" 970 data-paddingleft="[0,0,0,0]" 971 data-lasttriggerstate="reset" 972 style="z-index: 7;font-family:Open Sans;background-color:rgba(255,255,255,1);"> </div> 973 974 <!-- LAYER NR. 24 --> 975 <div class="tp-caption " 976 id="slide-4-layer-12" 977 data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" 978 data-y="['top','top','top','top']" data-voffset="['80','80','50','50']" 979 data-width="300" 980 data-height="none" 981 data-whitespace="normal" 982 983 data-type="text" 984 data-responsive_offset="off" 985 data-responsive="off" 986 data-frames='[{"delay":10,"speed":1000,"frame":"0","from":"y:-50px;opacity:0;fb:10px;","mask":"x:0;y:0;s:inherit;e:inherit;","to":"o:1;
986fb:0;","ease":"Power4.easeOut"},{"delay":"bytrigger","speed":1000,"frame":"999","to":"y:-50px;opacity:0;fb:10px;","mask":"x:0;y:0;s:inherit;e:inherit;","ease":"Power4.easeOut"}]' 987 data-textAlign="['center','center','center','center']" 988 data-paddingtop="[0,0,0,0]" 989 data-paddingright="[0,0,0,0]" 990 data-paddingbottom="[0,0,0,0]" 991 data-paddingleft="[0,0,0,0]" 992 data-lasttriggerstate="reset" 993 style="z-index: 8; min-width: 300px; max-width: 300px; white-space: normal; font-size: 35px; line-height: 35px; font-weight: 500; color: rgba(255,255,255,1);font-family:Poppins;cursor:pointer;"> 994 JOURNEE DE LA TORTUE 995 <br> 996 <span style="font-size:17px;opacity:0.65;font-weight:400;"> 997 JOURNEE DE LA TORTUE 998 </span> 999 1000 </div> 1001 <!-- LAYER NR. 25 --> 1002 <a href="/fr/evenement/journee-de-la-tortue" class="tp-caption tp-shape tp-shapewrapper tp-resizeme" 1003 id="slide-4-layer-8" 1004 data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" 1005 data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']" 1006 data-width="full" 1007 data-height="full" 1008 data-whitespace="nowrap" 1009 1010 data-type="shape" 1011 data-actions='[{"event":"mouseenter","action":"startlayer","layer":"slide-4-layer-10","delay":""},{"event":"mouseenter","action":"startlayer","layer":"slide-4-layer-11","delay":""},{"event":"mouseleave","action":"stoplayer","layer":"slide-4-layer-10","delay":""},{"event":"mouseleave","action":"stoplayer","layer":"slide-4-layer-11","delay":""},{"event":"mouseenter","action":"stoplayer","layer":"slide-4-layer-12","delay":""},{"event":"mouseleave","action":"startlayer","layer":"slide-4-layer-12","delay":""},{"event":"mouseenter","action":"stoplayer","layer":"slide-4-layer-7","delay":""},{"event":"mouseleave","action":"startlayer","layer":"slide-4-layer-7","delay":""}]' 1012 data-responsive_offset="on" 1013 1014 data-frames='[{"delay":10,"speed":600,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power4.easeOut"},{"delay":"wait","speed":600,"frame":"999","to":"opacity:0;","ease":"Power4.easeOut"},{"frame":"hover","speed":"0","ease":"Linear.easeNone","to":"o:1;rX:0;rY:0;rZ:0;z:0;","style":"c:rgba(255,255,255,1);br:0 0 0 0;"}]' 1015 data-textAlign="['inherit','inherit','inherit','inherit']" 1016 data-paddingtop="[0,0,0,0]" 1017 data-paddingright="[0,0,0,0]" 1018 data-paddingbottom="[0,0,0,0]" 1019 data-paddingleft="[0,0,0,0]" 1020 1021 style="z-index: 9;font-family:Open Sans;cursor:pointer;"> </a> 1022 1023 </li> 1024 <li data-index="rs-3" data-transition="fade" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default" data-easeout="default" data-masterspeed="300" data-thumb="include/rs-plugin/demos/assets/images/100x50_carousel7.jpg" data-rotate="0" data-saveperformance="off" data-title="Slide" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description=""> 1025 <!-- MAIN IMAGE --> 1026 <img src="/frontend/img/events/694a45d39f7c1952537709.jpg" 1027 alt="" 1028 data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" 1029 class="rev-slidebg" data-no-retina> 1030 <!-- LAYERS --> 1031 1032 <!-- LAYER NR. 21 --> 1033 <div class="tp-caption tp-shape tp-shapewrapper tp-resizeme" 1034 id="slide-3-layer-7" 1035 data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" 1036 data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']" 1037 data-width="full" 1038 data-height="full" 1039 data-whitespace="nowrap" 1040 1041 data-type="shape" 1042 data-responsive_offset="on" 1043 1044 data-frames='[{"delay":10,"speed":600,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power4.easeOut"},{"delay":"bytrigger","speed":1000,"frame":"999","to":"opacity:0;","ease":"Power4.easeInOut"}]' 1045 data-textAlign="['inherit','inherit','inherit','inherit']" 1046 data-paddingtop="[0,0,0,0]" 1047 data-paddingright="[0,0,0,0]" 1048 data-paddingbottom="[0,0,0,0]" 1049 data-paddingleft="[0,0,0,0]" 1050 data-lasttriggerstate="reset" 1051 style="z-index: 5;font-family:Open Sans;background-color:rgba(45,48,50,0.65);"> </div> 1052 1053 <!-- LAYER NR. 22 --> 1054 <div class="tp-caption tp-shape tp-shapewrapper tp-resizeme" 1055 id="slide-3-layer-10" 1056 data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" 1057 data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']" 1058 data-width="2" 1059 data-height="75" 1060 data-whitespace="nowrap" 1061 1062 data-type="shape" 1063 data-responsive_offset="on" 1064 1065 data-frames='[{"delay":"bytrigger","speed":600,"frame":"0","from":"sY:0;","to":"o:1;","ease":"Power4.easeOut"},{"delay":"bytrigger","speed":600,"frame":"999","to":"sY:0;","ease":"Power4.easeOut"}]' 1066 data-textAlign="['inherit','inherit','inherit','inherit']" 1067 data-paddingtop="[0,0,0,0]" 1068 data-paddingright="[0,0,0,0]" 1069 data-paddingbottom="[0,0,0,0]" 1070 data-paddingleft="[0,0,0,0]" 1071 data-lasttriggerstate="reset" 1072 style="z-index: 6;font-family:Open Sans;background-color:rgba(255,255,255,1);"> </div> 1073 1074 <!-- LAYER NR. 23 --> 1075 <div class="tp-caption tp-shape tp-shapewrapper tp-resizeme" 1076 id="slide-3-layer-11" 1077 data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" 1078 data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']" 1079 data-width="75" 1080 data-height="2" 1081 data-whitespace="nowrap" 1082 1083 data-type="shape" 1084 data-responsive_offset="on" 1085 1086 data-frames='[{"delay":"bytrigger","speed":600,"frame":"0","from":"sX:0;","to":"o:1;","ease":"Power4.easeOut"},{"delay":"bytrigger","speed":600,"frame":"999","to":"sX:0;","ease":"Power4.easeOut"}]' 1087 data-textAlign="['inherit','inherit','inherit','inherit']" 1088 data-paddingtop="[0,0,0,0]" 1089 data-paddingright="[0,0,0,0]" 1090 data-paddingbottom="[0,0,0,0]" 1091 data-paddingleft="[0,0,0,0]" 1092 data-lasttriggerstate="reset" 1093 style="z-index: 7;font-family:Open Sans;background-color:rgba(255,255,255,1);"> </div> 1094 1095 <!-- LAYER NR. 24 --> 1096 <div class="tp-caption " 1097 id="slide-3-layer-12" 1098 data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" 1099 data-y="['top','top','top','top']" data-voffset="['80','80','50','50']" 1100 data-width="300" 1101 data-height="none" 1102 data-whitespace="normal" 1103 1104 data-type="text" 1105 data-responsive_offset="off" 1106 data-responsive="off" 1107 data-frames='[{"delay":10,"speed":1000,"frame":"0","from":"y:-50px;opacity:0;fb:10px;","mask":"x:0;y:0;s:inherit;e:inherit;","to":"o:1;
1107fb:0;","ease":"Power4.easeOut"},{"delay":"bytrigger","speed":1000,"frame":"999","to":"y:-50px;opacity:0;fb:10px;","mask":"x:0;y:0;s:inherit;e:inherit;","ease":"Power4.easeOut"}]' 1108 data-textAlign="['center','center','center','center']" 1109 data-paddingtop="[0,0,0,0]" 1110 data-paddingright="[0,0,0,0]" 1111 data-paddingbottom="[0,0,0,0]" 1112 data-paddingleft="[0,0,0,0]" 1113 data-lasttriggerstate="reset" 1114 style="z-index: 8; min-width: 300px; max-width: 300px; white-space: normal; font-size: 35px; line-height: 35px; font-weight: 500; color: rgba(255,255,255,1);font-family:Poppins;cursor:pointer;"> 1115 DIASPORA DAYS 1116 <br> 1117 <span style="font-size:17px;opacity:0.65;font-weight:400;"> 1118 Le Rendez-vous du CÅur 1119 </span> 1120 1121 </div> 1122 <!-- LAYER NR. 25 --> 1123 <a href="/fr/evenement/diaspora-days" class="tp-caption tp-shape tp-shapewrapper tp-resizeme" 1124 id="slide-3-layer-8" 1125 data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" 1126 data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']" 1127 data-width="full" 1128 data-height="full" 1129 data-whitespace="nowrap" 1130 1131 data-type="shape" 1132 data-actions='[{"event":"mouseenter","action":"startlayer","layer":"slide-3-layer-10","delay":""},{"event":"mouseenter","action":"startlayer","layer":"slide-3-layer-11","delay":""},{"event":"mouseleave","action":"stoplayer","layer":"slide-3-layer-10","delay":""},{"event":"mouseleave","action":"stoplayer","layer":"slide-3-layer-11","delay":""},{"event":"mouseenter","action":"stoplayer","layer":"slide-3-layer-12","delay":""},{"event":"mouseleave","action":"startlayer","layer":"slide-3-layer-12","delay":""},{"event":"mouseenter","action":"stoplayer","layer":"slide-3-layer-7","delay":""},{"event":"mouseleave","action":"startlayer","layer":"slide-3-layer-7","delay":""}]' 1133 data-responsive_offset="on" 1134 1135 data-frames='[{"delay":10,"speed":600,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power4.easeOut"},{"delay":"wait","speed":600,"frame":"999","to":"opacity:0;","ease":"Power4.easeOut"},{"frame":"hover","speed":"0","ease":"Linear.easeNone","to":"o:1;rX:0;rY:0;rZ:0;z:0;","style":"c:rgba(255,255,255,1);br:0 0 0 0;"}]' 1136 data-textAlign="['inherit','inherit','inherit','inherit']" 1137 data-paddingtop="[0,0,0,0]" 1138 data-paddingright="[0,0,0,0]" 1139 data-paddingbottom="[0,0,0,0]" 1140 data-paddingleft="[0,0,0,0]" 1141 1142 style="z-index: 9;font-family:Open Sans;cursor:pointer;"> </a> 1143 1144 </li> 1145 <li data-index="rs-1" data-transition="fade" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default" data-easeout="default" data-masterspeed="300" data-thumb="include/rs-plugin/demos/assets/images/100x50_carousel7.jpg" data-rotate="0" data-saveperformance="off" data-title="Slide" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description=""> 1146 <!-- MAIN IMAGE --> 1147 <img src="/frontend/img/events/6948073c02779862296508.jpg" 1148 alt="" 1149 data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" 1150 class="rev-slidebg" data-no-retina> 1151 <!-- LAYERS --> 1152 1153 <!-- LAYER NR. 21 --> 1154 <div class="tp-caption tp-shape tp-shapewrapper tp-resizeme" 1155 id="slide-1-layer-7" 1156 data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" 1157 data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']" 1158 data-width="full" 1159 data-height="full" 1160 data-whitespace="nowrap" 1161 1162 data-type="shape" 1163 data-responsive_offset="on" 1164 1165 data-frames='[{"delay":10,"speed":600,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power4.easeOut"},{"delay":"bytrigger","speed":1000,"frame":"999","to":"opacity:0;","ease":"Power4.easeInOut"}]' 1166 data-textAlign="['inherit','inherit','inherit','inherit']" 1167 data-paddingtop="[0,0,0,0]" 1168 data-paddingright="[0,0,0,0]" 1169 data-paddingbottom="[0,0,0,0]" 1170 data-paddingleft="[0,0,0,0]" 1171 data-lasttriggerstate="reset" 1172 style="z-index: 5;font-family:Open Sans;background-color:rgba(45,48,50,0.65);"> </div> 1173 1174 <!-- LAYER NR. 22 --> 1175 <div class="tp-caption tp-shape tp-shapewrapper tp-resizeme" 1176 id="slide-1-layer-10" 1177 data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" 1178 data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']" 1179 data-width="2" 1180 data-height="75" 1181 data-whitespace="nowrap" 1182 1183 data-type="shape" 1184 data-responsive_offset="on" 1185 1186 data-frames='[{"delay":"bytrigger","speed":600,"frame":"0","from":"sY:0;","to":"o:1;","ease":"Power4.easeOut"},{"delay":"bytrigger","speed":600,"frame":"999","to":"sY:0;","ease":"Power4.easeOut"}]' 1187 data-textAlign="['inherit','inherit','inherit','inherit']" 1188 data-paddingtop="[0,0,0,0]" 1189 data-paddingright="[0,0,0,0]" 1190 data-paddingbottom="[0,0,0,0]" 1191 data-paddingleft="[0,0,0,0]" 1192 data-lasttriggerstate="reset" 1193 style="z-index: 6;font-family:Open Sans;background-color:rgba(255,255,255,1);"> </div> 1194 1195 <!-- LAYER NR. 23 --> 1196 <div class="tp-caption tp-shape tp-shapewrapper tp-resizeme" 1197 id="slide-1-layer-11" 1198 data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" 1199 data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']" 1200 data-width="75" 1201 data-height="2" 1202 data-whitespace="nowrap" 1203 1204 data-type="shape" 1205 data-responsive_offset="on" 1206 1207 data-frames='[{"delay":"bytrigger","speed":600,"frame":"0","from":"sX:0;","to":"o:1;","ease":"Power4.easeOut"},{"delay":"bytrigger","speed":600,"frame":"999","to":"sX:0;","ease":"Power4.easeOut"}]' 1208 data-textAlign="['inherit','inherit','inherit','inherit']" 1209 data-paddingtop="[0,0,0,0]" 1210 data-paddingright="[0,0,0,0]" 1211 data-paddingbottom="[0,0,0,0]" 1212 data-paddingleft="[0,0,0,0]" 1213 data-lasttriggerstate="reset" 1214 style="z-index: 7;font-family:Open Sans;background-color:rgba(255,255,255,1);"> </div> 1215 1216 <!-- LAYER NR. 24 --> 1217 <div class="tp-caption " 1218 id="slide-1-layer-12" 1219 data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" 1220 data-y="['top','top','top','top']" data-voffset="['80','80','50','50']" 1221 data-width="300" 1222 data-height="none" 1223 data-whitespace="normal" 1224 1225 data-type="text" 1226 data-responsive_offset="off" 1227 data-responsive="off" 1228 data-frames='[{"delay":10,"speed":1000,"frame":"0","from":"y:-50px;opacity:0;fb:10px;","mask":"x:0;y:0;s:inherit;e:inherit;","to":"o:1;
1228fb:0;","ease":"Power4.easeOut"},{"delay":"bytrigger","speed":1000,"frame":"999","to":"y:-50px;opacity:0;fb:10px;","mask":"x:0;y:0;s:inherit;e:inherit;","ease":"Power4.easeOut"}]' 1229 data-textAlign="['center','center','center','center']" 1230 data-paddingtop="[0,0,0,0]" 1231 data-paddingright="[0,0,0,0]" 1232 data-paddingbottom="[0,0,0,0]" 1233 data-paddingleft="[0,0,0,0]" 1234 data-lasttriggerstate="reset" 1235 style="z-index: 8; min-width: 300px; max-width: 300px; white-space: normal; font-size: 35px; line-height: 35px; font-weight: 500; color: rgba(255,255,255,1);font-family:Poppins;cursor:pointer;"> 1236 SALON DES ENTREPRISES 1237 <br> 1238 <span style="font-size:17px;opacity:0.65;font-weight:400;"> 1239 Le rendez-vous des professionnels 1240 </span> 1241 1242 </div> 1243 <!-- LAYER NR. 25 --> 1244 <a href="/fr/evenement/salon-des-entreprises" class="tp-caption tp-shape tp-shapewrapper tp-resizeme" 1245 id="slide-1-layer-8" 1246 data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" 1247 data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']" 1248 data-width="full" 1249 data-height="full" 1250 data-whitespace="nowrap" 1251 1252 data-type="shape" 1253 data-actions='[{"event":"mouseenter","action":"startlayer","layer":"slide-1-layer-10","delay":""},{"event":"mouseenter","action":"startlayer","layer":"slide-1-layer-11","delay":""},{"event":"mouseleave","action":"stoplayer","layer":"slide-1-layer-10","delay":""},{"event":"mouseleave","action":"stoplayer","layer":"slide-1-layer-11","delay":""},{"event":"mouseenter","action":"stoplayer","layer":"slide-1-layer-12","delay":""},{"event":"mouseleave","action":"startlayer","layer":"slide-1-layer-12","delay":""},{"event":"mouseenter","action":"stoplayer","layer":"slide-1-layer-7","delay":""},{"event":"mouseleave","action":"startlayer","layer":"slide-1-layer-7","delay":""}]' 1254 data-responsive_offset="on" 1255 1256 data-frames='[{"delay":10,"speed":600,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power4.easeOut"},{"delay":"wait","speed":600,"frame":"999","to":"opacity:0;","ease":"Power4.easeOut"},{"frame":"hover","speed":"0","ease":"Linear.easeNone","to":"o:1;rX:0;rY:0;rZ:0;z:0;","style":"c:rgba(255,255,255,1);br:0 0 0 0;"}]' 1257 data-textAlign="['inherit','inherit','inherit','inherit']" 1258 data-paddingtop="[0,0,0,0]" 1259 data-paddingright="[0,0,0,0]" 1260 data-paddingbottom="[0,0,0,0]" 1261 data-paddingleft="[0,0,0,0]" 1262 1263 style="z-index: 9;font-family:Open Sans;cursor:pointer;"> </a> 1264 1265 </li> 1266 </ul> 1267 <div class="tp-bannertimer tp-bottom" style="visibility: hidden !important;"></div> 1268 </div> 1269 </div><!-- END REVOLUTION SLIDER --> 1270 <div class="row justify-content-center align-items-center"> 1271 <div class="col-md-5 text-center"> 1272 </div> 1273 </div> 1274 1275</section> 1276 <div class="section my-0 pb-0 bg-transparent"> 1277 <div class="container mw-lg"> 1278 1279 <div class="row justify-content-center"> 1280 1281 <div class="col-12 mt-lg-4" 1282 style="background: url('/frontend/img/system/strate-sejours.svg') no-repeat top center #4698cb; height: 75%; max-height: 75vh;"> 1283 <div class="row"> 1284 <div class="col-md-6 px-0 pe-md-5"> 1285 <div class="cascading-images"> 1286 <div class="cascading-images-inner"> 1287 <div class="cascading-image p-0 "> 1288 <div 1289 data-bottom-top="transform: translate(0%, -30px)" 1290 data-top-center="transform: translate(0%, 5px)" 1291 > 1292 <img src="/frontend/img/front_elementsection/tortue-688cdcd256a53365633268.jpg" 1293 alt="Préparer son voyage" data-animate="zoomIn faster" 1294 class="rounded-1" > 1295 </div> 1296 </div> 1297 <div class="cascading-image d-none d-md-block"> 1298 <div 1299 data-bottom-top="transform: translate(85%, 85%)"
1300 data-top-bottom="transform: translate(45%, -15%)" 1301 > 1302 <img src="/frontend/img/front_elementsection/sable-688cdd3dbf424552362175.jpg" 1303 alt="Préparer son voyage" data-animate="zoomIn faster" 1304 data-delay="300" class="rounded-3 shadow-lg"> 1305 </div> 1306 </div> 1307 1308 </div> 1309 </div> 1310 </div> 1311 <div class="col-md-6 p-lg-3 "> 1312 <div class="before-title text-uppercase ls-3 text-dark text-smaller op-06">Préparer son voyage</div> 1313 <h3 class="ls-1 lh-base h1 "><h2><span style="font-size:18px"><span style="font-family:Arial,sans-serif"><span style="color:#000000">Préparez votre voyage de rêve aux Comores</span></span></span></h2></h3> 1314 <p><span style="font-size:18px"><span style="font-family:Arial,sans-serif"><span style="color:#000000">Vous souhaitez partir en vacances mais vous ne savez pas comment préparer votre séjour ?</span></span></span></p> 1315 1316<p><span style="font-size:18px"><span style="font-family:Arial,sans-serif"><span style="color:#000000">L’Office Nationale du Tourisme vous fournit toutes les informations nécessaires : Accédez aux détails sur les demandes de visas, les formalités d'entrée et les devises locales. Découvrez les meilleurs hébergements et options de transport, et planifiez des activités inoubliables, que vous recherchiez détente ou aventure. </span></span></span></p> 1317 1318<p><br /> 1319 </p> 1320 </div> 1321 </div> 1322 <div class="circular-text"> 1323 <div class="circular-text-rotate" data-0="transform: rotate(0deg);" data-end="transform: rotate(720deg);"> 1324 Comoros Tourism | Office National Du Tourisme | Comores | 1325 </div> 1326 </div> 1327 </div> 1328 </div> 1329 </div> 1330</div> <div class="section bg-transparent my-0 border-bottom py-5 py-md-3"> 1331 <div id="portfolio" class="portfolio row portfolio-overlay-open g-0" style="margin-bottom: -20px;"> 1332 <article class="portfolio-item col-12 col-sm-6 col-md-4 col-lg-3 pf-media pf-icons"> 1333 <div class="grid-inner"> 1334 <div class="portfolio-image" style="position: relative;"> 1335 1336 1337 <img src="/frontend/img/front_elementsection/8-688729666da42203002186.jpg" 1338 alt="Sites Naturels"> 1339 <div class="bg-overlay"> 1340 <div class="bg-overlay-content dark flex-column"> 1341 <div class="portfolio-desc py-0 text-center"> 1342 <h3>Sites Naturels</h3> 1343 </div> 1344 </div> 1345 <div class="bg-overlay-bg dark op-ts op-05" data-hover-animate="op-1" data-hover-animate-out="op-05"></div> 1346 </div> 1347 1348 </div> 1349 </div> 1350 </article> 1351 1352 <style> 1353 .edit-icon:hover { 1354 background: #e0a800; 1355 transform: scale(1.1); 1356 box-shadow: 0 3px 8px rgba(0,0,0,0.3); 1357 } 1358 </style> 1359 <article class="portfolio-item col-12 col-sm-6 col-md-4 col-lg-3 pf-media pf-icons"> 1360 <div class="grid-inner"> 1361 <div class="portfolio-image" style="position: relative;"> 1362 1363 1364 <img src="/frontend/img/front_elementsection/1-68872950d5565684766713.jpg" 1365 alt="Activités nautiques"> 1366 <div class="bg-overlay"> 1367 <div class="bg-overlay-content dark flex-column"> 1368 <div class="portfolio-desc py-0 text-center"> 1369 <h3>Activités nautiques</h3> 1370 </div> 1371 </div> 1372 <div class="bg-overlay-bg dark op-ts op-05" data-hover-animate="op-1" data-hover-animate-out="op-05"></div> 1373 </div> 1374 1375 </div> 1376 </div> 1377 </article> 1378 1379 <style> 1380 .edit-icon:hover { 1381 background: #e0a800; 1382 transform: scale(1.1); 1383 box-shadow: 0 3px 8px rgba(0,0,0,0.3); 1384 } 1385 </style> 1386 <article class="portfolio-item col-12 col-sm-6 col-md-4 col-lg-3 pf-media pf-icons"> 1387 <div class="grid-inner"> 1388 <div class="portfolio-image" style="position: relative;"> 1389 1390 1391 <img src="/frontend/img/front_elementsection/3-68872a39dc86d553136756.jpg" 1392 alt="Randonnées"> 1393 <div class="bg-overlay"> 1394 <div class="bg-overlay-content dark flex-column"> 1395 <div class="portfolio-desc py-0 text-center"> 1396 <h3>Randonnées</h3> 1397 </div> 1398 </div> 1399 <div class="bg-overlay-bg dark op-ts op-05" data-hover-animate="op-1" data-hover-animate-out="op-05"></div> 1400 </div> 1401 1402 </div> 1403 </div> 1404 </article> 1405 1406 <style> 1407 .edit-icon:hover { 1408 background: #e0a800; 1409 transform: scale(1.1); 1410 box-shadow: 0 3px 8px rgba(0,0,0,0.3); 1411 } 1412 </style> 1413 <article class="portfolio-item col-12 col-sm-6 col-md-4 col-lg-3 pf-media pf-icons"> 1414 <div class="grid-inner"> 1415 <div class="portfolio-image" style="position: relative;"> 1416 1417 1418 <img src="/frontend/img/front_elementsection/7-68872a74966f9741711023.jpg" 1419 alt="Camping forestier"> 1420 <div class="bg-overlay"> 1421 <div class="bg-overlay-content dark flex-column"> 1422 <div class="portfolio-desc py-0 text-center"> 1423 <h3>Camping forestier</h3> 1424 </div> 1425 </div> 1426 <div class="bg-overlay-bg dark op-ts op-05" data-hover-animate="op-1" data-hover-animate-out="op-05"></div> 1427 </div> 1428 1429 </div> 1430 </div> 1431 </article> 1432 1433 <style> 1434 .edit-icon:hover { 1435 background: #e0a800; 1436 transform: scale(1.1); 1437 box-shadow: 0 3px 8px rgba(0,0,0,0.3); 1438 } 1439 </style> 1440 </div> 1441 1442</div> 1443 1444 1445 1446 </div> 1447 </section><!-- #content end --> 1448 1449 1450 <!-- Footer 1451 ============================================= --> 1452 <footer id="footer" class="border-0" 1453 style="background-image: url(/frontend/img/system/bg-footer.jpg); 1454 background-size: cover; background-position: center;"> 1455 <div class="container"> 1456 <!-- Footer Widgets --> 1457 <div class="footer-widgets-wrap"> 1458 <div class="row"> 1459 <!-- Colonne 1: Logo et contact --> 1460 <div class="col-lg-4 col-md-6 mt-n5"> 1461 <div class="footer-brand mb-4"> 1462 <h2 class="text-white mb-3" style="font-family: 'Cormorant Garamond', serif; font-size: 42px; font-weight: 500;"> 1463 Comores Tourisme </h2> 1464 </div> 1465 1466 <div class="contact-info" style="font-family: 'Montserrat', sans-serif; color: #ffffff;"> 1467 <p class="mb-3"> 1468 <i class="bi bi-geo-alt me-2"></i> 1469 <strong>Adresse:</strong><br> 1470 Boulevard de Strasbourg,<br> 1471 B.P : 7719 Moroni, Union des Comores 1472 </p> 1473 <p class="mb-3"> 1474 <i class="bi bi-telephone me-2"></i> 1475 <strong>Téléphone:</strong><br> 1476 +269 773 78 16 1477 </p> 1478 <p class="mb-0"> 1479 <i class="bi bi-envelope me-2"></i> 1480 <strong>Email:</strong><br> 1481 [email protected] 1482 </p> 1483 </div> 1484 </div> 1485 1486 <!-- Colonne 2: Liens rapides --> 1487 <div class="col-lg-4 col-md-6 mb-lg-0 mt-n4"> 1488 <h4 class="text-white mb-4" style="font-family: 'Montserrat', sans-serif; font-weight: 600; font-size: 1.25rem;"> 1489 Liens rapides </h4> 1490 1491 <ul class="list-unstyled footer-links"> 1492 <li class="mb-2"> 1493 <a href="/fr/" class="text-white-50 text-decoration-none d-flex align-items-center" 1494 style="font-family: 'Montserrat', sans-serif; transition: all 0.3s ease;"> 1495 <i class="bi bi-house-door me-2"></i>
1496 <span>Accueil</span> 1497 </a> 1498 </li> 1499 <li class="mb-2"> 1500 <a href="/fr/evenements" class="text-white-50 text-decoration-none d-flex align-items-center" 1501 style="font-family: 'Montserrat', sans-serif; transition: all 0.3s ease;"> 1502 <i class="bi bi-calendar-event me-2"></i> 1503 <span>Ãvénements</span> 1504 </a> 1505 </li> 1506 <li class="mb-2"> 1507 <a href="/fr/ontc/a_propos" class="text-white-50 text-decoration-none d-flex align-items-center" 1508 style="font-family: 'Montserrat', sans-serif; transition: all 0.3s ease;"> 1509 <i class="bi bi-info-circle me-2"></i> 1510 <span>à propos</span> 1511 </a> 1512 </li> 1513 <li class="mb-3"> 1514 <a href="/fr/entites-economiques" class="text-white-50 text-decoration-none d-flex align-items-center" 1515 style="font-family: 'Montserrat', sans-serif; transition: all 0.3s ease;"> 1516 <i class="bi bi-list-stars me-2"></i> 1517 <span>Entités économiques</span> 1518 </a> 1519 </li> 1520 </ul> 1521 </div> 1522 1523 <!-- Colonne 3: Newsletter et réseaux sociaux --> 1524 <div class="col-lg-4 col-md-12 mt-n4"> 1525 <h4 class="text-white mb-4" style="font-family: 'Montserrat', sans-serif; font-weight: 600; font-size: 1.25rem;"> 1526 Restons connectés </h4> 1527 1528 <p class="text-white-50 mb-4" style="font-family: 'Montserrat', sans-serif;"> 1529 Abonnez-vous à notre newsletter pour recevoir les dernières actualités touristiques. 1530 </p> 1531 1532 <!-- Formulaire newsletter Symfony --> 1533 <!-- Fallback si le formulaire n'est pas disponible --> 1534 <form action="/newsletter/subscribe" 1535 method="POST" 1536 id="newsletter-footer-form"> 1537 1538 <div class="input-group"> 1539 <input type="email" 1540 name="email" 1541 class="form-control" 1542 placeholder="Votre email" 1543 required 1544 style="border-radius: 25px 0 0 25px; border: none; padding: 10px 20px;"> 1545 1546 <input type="hidden" name="_token" value="25.wYTBbOnaOOi7ON4ygLbYfVOyiHYraES7IV7kIzRkr7Y.oOWjXLOTWtzZT7xH4f-bL2Hz8BQZABfSeBKBR1U8n_KFy4BV3YVRoo92lw"> 1547 1548 <button class="btn btn-primary" type="submit" 1549 style="border-radius: 0 25px 25px 0; background: #FF9900; border: none; padding: 10px 20px;"> 1550 <i class="bi bi-send"></i> 1551 </button> 1552 </div> 1553 </form> 1554 <div id="newsletter-message" class="mt-2" style="display: none;"></div> 1555 1556 <!-- Réseaux sociaux --> 1557 <div class="social-icons mt-4"> 1558 <h5 class="text-white mb-3" style="font-family: 'Montserrat', sans-serif; font-size: 1rem;"> 1559 Suivez-nous </h5> 1560 <div class="d-flex gap-3"> 1561 <a href="#" class="social-icon d-flex align-items-center justify-content-center rounded-circle" 1562 style="width: 40px; height: 40px; background: #1877F2; color: white; text-decoration: none; transition: transform 0.3s ease;"> 1563 <i class="fa-brands fa-facebook-f"></i> 1564 </a> 1565 <a href="#" class="social-icon d-flex align-items-center justify-content-center rounded-circle" 1566 style="width: 40px; height: 40px; background: #000000; color: white; text-decoration: none; transition: transform 0.3s ease;"> 1567 <i class="fa-brands fa-x-twitter"></i> 1568 </a> 1569 <a href="#" class="social-icon d-flex align-items-center justify-content-center rounded-circle" 1570 style="width: 40px; height: 40px; background: #E4405F; color: white; text-decoration: none; transition: transform 0.3s ease;"> 1571 <i class="bi bi-instagram"></i> 1572 </a> 1573 <a href="#" class="social-icon d-flex align-items-center justify-content-center rounded-circle" 1574 style="width: 40px; height: 40px; background: #0077B5; color: white; text-decoration: none; transition: transform 0.3s ease;"> 1575 <i class="fa-brands fa-linkedin-in"></i> 1576 </a> 1577 <a href="#" class="social-icon d-flex align-items-center justify-content-center rounded-circle" 1578 style="width: 40px; height: 40px; background: #FF0000; color: white; text-decoration: none; transition: transform 0.3s ease;"> 1579 <i class="fa-brands fa-youtube"></i> 1580 </a> 1581 </div> 1582 </div> 1583 </div> 1584 </div> 1585 1586 <!-- Séparateur --> 1587 <div class="row"> 1588 <div class="col-12"> 1589 <hr style="border-color: rgba(255,255,255,0.2); margin: 2rem 0;"> 1590 </div> 1591 </div> 1592 1593 <!-- Copyright et mentions légales --> 1594 <div class="row align-items-center mt-n4"> 1595 <div class="col-md-6"> 1596 <div class="copyright" style="color: #e8e7e7; font-family: 'Montserrat', sans-serif;"> 1597 <p class="mb-0"> 1598 Copyright &c
1598opy; 2026 Office national du tourisme Comores. Tous droits réservés. 1599 </p> 1600 <div class="copyright-links mt-2"> 1601 <a href="#" class="text-white-50 text-decoration-none me-3" 1602 style="font-family: 'Montserrat', sans-serif; font-size: 0.9rem;"> 1603 Conditions d'utilisation </a> 1604 <a href="#" class="text-white-50 text-decoration-none me-3" 1605 style="font-family: 'Montserrat', sans-serif; font-size: 0.9rem;"> 1606 Politique de confidentialité </a> 1607 <a href="#" class="text-white-50 text-decoration-none" 1608 style="font-family: 'Montserrat', sans-serif; font-size: 0.9rem;"> 1609 Plan du site </a> 1610 </div> 1611 </div> 1612 </div> 1613 1614 <div class="col-md-6 text-center text-md-end mt-md-0"> 1615 <div style="color: #e8e7e7; font-family: 'Montserrat', sans-serif;"> 1616 <span class="d-block d-md-inline ms-md-3"> 1617 <span>Développé par</span> 1618 <a href="#" class="text-white text-decoration-none ms-1">Medel - Mkombé</a> 1619 </span> 1620 </div> 1621 </div> 1622 </div> 1623 </div><!-- .footer-widgets-wrap end --> 1624 </div> 1625</footer> 1626 1627<style> 1628 .footer-links li a:hover { 1629 color: #ffffff !important; 1630 transform: translateX(5px); 1631 } 1632 1633 .social-icon:hover { 1634 transform: translateY(-3px) scale(1.1); 1635 } 1636 1637 .copyright-links a:hover { 1638 color: #FF9900 !important; 1639 } 1640 1641 .form-control:focus { 1642 box-shadow: 0 0 0 0.25rem rgba(255, 153, 0, 0.25); 1643 border-color: #FF9900; 1644 } 1645 1646 .alert { 1647 border-radius: 10px; 1648 padding: 10px 15px; 1649 margin-top: 10px; 1650 animation: fadeIn 0.3s ease; 1651 } 1652 1653 .newsletter-success { 1654 background-color: #d4edda; 1655 color: #155724; 1656 border: 1px solid #c3e6cb; 1657 } 1658 1659 .newsletter-error { 1660 background-color: #f8d7da; 1661 color: #721c24; 1662 border: 1px solid #f5c6cb; 1663 } 1664 1665 @keyframes fadeIn { 1666 from { opacity: 0; transform: translateY(-10px); } 1667 to { opacity: 1; transform: translateY(0); } 1668 } 1669 1670 @media (max-width: 768px) { 1671 .footer-brand h2 { 1672 font-size: 32px !important; 1673 } 1674 .contact-info { 1675 font-size: 0.9rem; 1676 } 1677 .social-icons .d-flex { 1678 justify-content: center; 1679 } 1680 } 1681 1682 @media (max-width: 576px) { 1683 .footer-links li a { 1684 font-size: 0.9rem; 1685 } 1686 .social-icon { 1687 width: 35px !important; 1688 height: 35px !important; 1689 } 1690 .input-group { 1691 flex-direction: column; 1692 } 1693 .input-group .form-control { 1694 border-radius: 25px !important; 1695 margin-bottom: 10px; 1696 } 1697 .input-group .btn { 1698 border-radius: 25px !important; 1699 width: 100%; 1700 } 1701 } 1702</style> 1703
1704<script> 1705 document.addEventListener('DOMContentLoaded', function() { 1706 const newsletterForm = document.getElementById('newsletter-footer-form'); 1707 1708 if (newsletterForm) { 1709 newsletterForm.addEventListener('submit', function(e) { 1710 e.preventDefault(); 1711 1712 const form = this; 1713 const formData = new FormData(form); 1714 const messageDiv = document.getElementById('newsletter-message'); 1715 const submitButton = form.querySelector('button[type="submit"]'); 1716 const originalButtonHTML = submitButton.innerHTML; 1717 1718 submitButton.disabled = true; 1719 submitButton.innerHTML = '<i class="bi bi-hourglass-split"></i> ...'; 1720 submitButton.style.opacity = '0.7'; 1721 1722 fetch(form.action, { 1723 method: 'POST', 1724 body: formData, 1725 headers: { 1726 'Accept': 'application/json', 1727 } 1728 }) 1729 .then(response => response.json()) 1730 .then(data => { 1731 if (messageDiv) { 1732 const alertClass = data.success ? 'newsletter-success' : 'newsletter-error'; 1733 messageDiv.innerHTML = '<div class="alert ' + alertClass + ' alert-dismissible fade show">' + 1734 '<i class="bi bi-' + (data.success ? 'check-circle' : 'exclamation-triangle') + ' me-2"></i>' + data.message + 1735 '<button type="button" class="btn-close" data-bs-dismiss="alert"></button>' + 1736 '</div>'; 1737 messageDiv.style.display = 'block'; 1738 } 1739 1740 if (data.success) { 1741 submitButton.innerHTML = '<i class="bi bi-check"></i>'; 1742 submitButton.style.background = '#28a745'; 1743 setTimeout(() => { 1744 form.reset(); 1745 submitButton.innerHTML = originalButtonHTML; 1746 submitButton.style.background = '#FF9900'; 1747 submitButton.disabled = false; 1748 submitButton.style.opacity = '1'; 1749 setTimeout(() => { 1750 if (messageDiv) messageDiv.style.display = 'none'; 1751 }, 3000); 1752 }, 3000); 1753 } else { 1754 submitButton.innerHTML = originalButtonHTML; 1755 submitButton.disabled = false; 1756 submitButton.style.opacity = '1'; 1757 } 1758 }) 1759 .catch(error => { 1760 submitButton.innerHTML = originalButtonHTML; 1761 submitButton.disabled = false; 1762 submitButton.style.opacity = '1'; 1763 if (messageDiv) { 1764 messageDiv.innerHTML = '<div class="alert newsletter-error alert-dismissible fade show">' + 1765 '<i class="bi bi-exclamation-triangle me-2"></i>Network error. Please try again.' + 1766 '<button type="button" class="btn-close" data-bs-dismiss="alert"></button>' + 1767 '</div>'; 1768 messageDiv.style.display = 'block'; 1769 } 1770 }); 1771 }); 1772 } 1773 }); 1774</script>
1774 <!-- #footer end --> 1775 1776 </div><!-- #wrapper end --> 1777 1778 <!-- Go To Top 1779 ============================================= --> 1780 <div id="gotoTop" class="uil uil-angle-double-up rounded-circle"></div> 1781 1782 <!-- JavaScripts 1783 ============================================= --> 1784
1784<script src="/frontend/js/plugins.min.js"></script>
1784 1785
1785<script src="/frontend/js/functions.bundle.js"></script>
1785 1786 1787 <!-- Parallax Script 1788 ============================================= --> 1789
1789<script src="https://cdnjs.cloudflare.com/ajax/libs/skrollr/0.6.30/skrollr.min.js"></script>
1789 1790
1790<script>!SEMICOLON.Mobile.any() && skrollr.init({forceHeight: false});</script>
1790 1791 1792 <!-- Hover Image Animate --> 1793
1793<script src="/frontend/demos/jewellery-boutique/js/hover-img-animate.js"></script>
1793 1794 1795 <!-- Circle Rotate JS --> 1796
1796<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/circletype.min.js"></script>
1796 1797 1798 <!-- Custom Scripts - Jewellery boutique related 1799 ============================================= --> 1800
1800<script src="/frontend/demos/jewellery-boutique/js/custom.js"></script>
1800 1801 1802
1802<script> 1803 document.addEventListener('DOMContentLoaded', function() { 1804 // Initialisation des toasts Bootstrap 1805 var toastEls = document.querySelectorAll('.toast'); 1806 toastEls.forEach(function(toastEl) { 1807 var toast = new bootstrap.Toast(toastEl, { 1808 autohide: true, 1809 delay: 5000 1810 }); 1811 toast.show(); 1812 }); 1813 }); 1814 </script>
1814 1815 1816 <!-- SLIDER REVOLUTION 5.x SCRIPTS --> 1817
1817<script src="/frontend/include/rs-plugin/js/jquery.themepunch.tools.min.js"></script>
1817 1818
1818<script src="/frontend/include/rs-plugin/js/jquery.themepunch.revolution.min.js"></script>
1818 1819 <!-- SLIDER REVOLUTION EXTENSIONS --> 1820
1820<script src="/frontend/include/rs-plugin/js/extensions/revolution.extension.actions.min.js"></script>
1820 1821
1821<script src="/frontend/include/rs-plugin/js/extensions/revolution.extension.carousel.min.js"></script>
1821 1822
1822<script src="/frontend/include/rs-plugin/js/extensions/revolution.extension.kenburn.min.js"></script>
1822 1823
1823<script src="/frontend/include/rs-plugin/js/extensions/revolution.extension.layeranimation.min.js"></script>
1823 1824
1824<script src="/frontend/include/rs-plugin/js/extensions/revolution.extension.migration.min.js"></script>
1824 1825
1825<script src="/frontend/include/rs-plugin/js/extensions/revolution.extension.navigation.min.js"></script>
1825 1826
1826<script src="/frontend/include/rs-plugin/js/extensions/revolution.extension.parallax.min.js"></script>
1826 1827
1827<script src="/frontend/include/rs-plugin/js/extensions/revolution.extension.slideanims.min.js"></script>
1827 1828
1828<script src="/frontend/include/rs-plugin/js/extensions/revolution.extension.video.min.js"></script>
1828 1829 1830
1830<script src="/frontend/js/home-carousel.js"></script>
1830 1831 1832 <!-- ADD-ONS JS FILES --> 1833
1833<script> 1834 var revapi130, 1835 tpj; 1836 1837 (function() { 1838 if (!/loaded|interactive|complete/.test(document.readyState)) document.addEventListener("DOMContentLoaded",onLoad); else onLoad(); 1839 1840 function onLoad() { 1841 if (tpj===undefined) { tpj = jQuery; if("off" == "on") tpj.noConflict();} 1842 if(tpj("#portfolio").revolution == undefined){ 1843 revslider_showDoubleJqueryError("#portfolio"); 1844 }else{ 1845 revapi130 = tpj("#portfolio").show().revolution({ 1846 sliderType:"carousel", 1847 jsFileLocation:"include/rs-plugin/js/", 1848 sliderLayout:"fullwidth", 1849 dottedOverlay:"none", 1850 delay:9000, 1851 navigation: { 1852 keyboardNavigation:"off", 1853 keyboard_direction: "horizontal", 1854 mouseScrollNavigation:"off", 1855 mouseScrollReverse:"default", 1856 onHoverStop:"off", 1857 arrows: { 1858 style:"uranus", 1859 enable:true, 1860 hide_onmobile:false, 1861 hide_onleave:false, 1862 tmp:'', 1863 left: { 1864 h_align:"center", 1865 v_align:"bottom", 1866 h_offset:-30, 1867 v_offset:30 1868 }, 1869 right: { 1870 h_align:"center", 1871 v_align:"bottom", 1872 h_offset:30, 1873 v_offset:30 1874 } 1875 } 1876 }, 1877 carousel: { 1878 horizontal_align: "center", 1879 vertical_align: "center", 1880 fadeout: "off", 1881 maxVisibleItems: 5, 1882 infinity: "on", 1883 space: 0, 1884 stretch: "off", 1885 showLayersAllTime: "on", 1886 easing: "Power3.easeInOut", 1887 speed: "800" 1888 }, 1889 viewPort: { 1890 enable:true, 1891 outof:"wait", 1892 visible_area:"80%", 1893 presize:false 1894 }, 1895 responsiveLevels:[1240,1024,778,480], 1896 visibilityLevels:[1240,1024,778,480], 1897 gridwidth:[600,600,500,400], 1898 gridheight:[640,600,500,400], 1899 lazyType:"none", 1900 shadow:0, 1901 spinner:"spinner3", 1902 stopLoop:"on", 1903 stopAfterLoops:0, 1904 stopAtSlide:1, 1905 shuffle:"off", 1906 autoHeight:"off", 1907 disableProgressBar:"on", 1908 hideThumbsOnMobile:"off", 1909 hideSliderAtLimit:0, 1910 hideCaptionAtLimit:0, 1911 hideAllCaptionAtLilmit:0, 1912 debugMode:false, 1913 fallbacks: { 1914 simplifyAll:"off", 1915 nextSlideOnWindowFocus:"off", 1916 disableFocusListener:false, 1917 } 1918 }); 1919 } 1920 } 1921 })(); 1922 </script>
1922 1923</body> 1924</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.