<!DOCTYPE html> <html lang="fr"> <head> <title>Le Zaap Sufokien</title> <meta charset="UTF-8"> <meta name="description" content="Zaap Sufokien, communauté multi-jeux de l'association Camélia Studio."> <meta name="keywords" content="zaap sufokien, association, camélia studio, jeu vidéo, dofus, honkai impact 3rd, genshin impact, gardian tales, epic seven"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta property="og:title" content="Le Zaap Sufokien"> <meta property="og:image" content="https://camelia-studio.org/branches/zaap-sufokien/v3/img/logo.png"> <meta property="og:description" content="Le Zaap Sufokien est une communauté de joueurs, venant de divers MMO. Fondée en 2007 avec une guilde sur Dofus, elle s'est vite étendue à d'autres jeux en ligne."> <link rel="shortcut icon" href="favicon.ico"> <!-- Stylesheets --> <link rel="stylesheet" href="css/bootstrap.min.css"/> <link rel="stylesheet" href="css/font-awesome.min.css"/> <link rel="stylesheet" href="css/themify-icons.css"/> <link rel="stylesheet" href="css/accordion.css"/> <link rel="stylesheet" href="css/owl.carousel.min.css"/> <!-- Main Stylesheets --> <link rel="stylesheet" href="css/style.css"/> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <![endif]--> </head> <body> <!-- Page Preloder --> <div id="preloder"> <div class="loader"></div> </div> <!-- Offcanvas Menu Section --> <div class="menu-wrapper"> <div class="menu-switch"> <i class="ti-menu"></i> </div> </div> <div class="side-menu-wrapper"> <div class="sm-header"> <div class="menu-close"> <i class="ti-arrow-left"></i> </div> <a href="index.html" class="site-logo"> <img src="img/logo.png" alt=""> </a> </div> <nav class="main-menu"> <ul> <li><a href="index.html" class="active">Accueil</a></li> <li><a href="about.html">Qui sommes nous ?</a></li> <li><a href="https://sangigi-fuchsia.fr/category/zaap-sufokien/" target="_blank">Articles ↗</a></li> <li><a href="https://ico.camelia-studio.org" target="_blank">Galerie ↗</a></li> <li><a href="https://dicord.gg/nBuZ9vJ" target="_blank">Discord ↗</a></li> </ul> </nav> <div class="sm-footer"> <div class="sm-socail"> <a href="https://sangigi-fuchsia.fr/category/zaap-sufokien/" target="_blank"><i class="ti-wordpress"></i></a> <a href="https://twitter.com/Zaap_Sufokien" target="_blank"><i class="ti-twitter-alt"></i></a> <a href="https://www.facebook.com/lezaapsufokien/?ref=bookmarks" target="_blank"><i class="ti-facebook"></i></a> <a href="https://www.youtube.com/channel/UCkhY6tQxoLPKEQ4xAoWlclA" target="_blank"><i class="ti-youtube"></i></a> <a href="https://www.twitch.tv/zaap_sufokien" target="_blank"><i class="ti-tumblr-alt"></i></a> </div> <div class="copyright-text"><p><!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. --> Copyright ©<script>document.write(new Date().getFullYear());</script> All rights reserved | This template is made by <a href="https://colorlib.com" target="_blank">Colorlib</a> <!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. --></p></div> </div> </div> <!-- Offcanvas Menu Section end --> <!-- Hero Section end --> <section class="hero-section"> <div class="pana-accordion" id="accordion"> <div class="pana-accordion-wrap"> <div class="pana-accordion-item set-bg" data-setbg="img/hero/dofus.jpg"> <div class="pa-text"> <div class="pa-tag">Dofus</div> <h2><i>La Compagnie de Sufokia</i></h2> <div class="pa-author"> <img src="img/author/tuturuu.jpg" alt=""> <h4>Tuturuu-Mayushi-Desu</h4> </div> </div> </div> <div class="pana-accordion-item set-bg" data-setbg="img/hero/hi3.jpg"> <div class="pa-text"> <div class="pa-tag">Honkai Impact 3rd</div> <h2><i>Amour&Waifus</i></h2> <div class="pa-author"> <img src="img/author/fidona.jpg" alt=""> <h4>Fidona</h4> </div> </div> </div> <div class="pana-accordion-item set-bg" data-setbg="img/hero/gt.png"> <div class="pa-text"> <div class="pa-tag">Guardian Tales</div> <h2><i>Cercle_des_Cendres</i></h2> <div class="pa-author"> <img src="img/author/elaina.jpg" alt=""> <h4>Elaina</h4> </div> </div> </div> </div> </div> </section> <!-- Hero Section end --> <!--====== Javascripts & Jquery ======--> <script src="js/vendor/jquery-3.2.1.min.js"></script> <script src="js/bootstrap.min.js"></script> <script src="js/owl.carousel.min.js"></script> <script src="js/imagesloaded.pkgd.min.js"></script> <script src="js/isotope.pkgd.min.js"></script> <script src="js/jquery.nicescroll.min.js"></script> <script src="js/circle-progress.min.js"></script> <script src="js/pana-accordion.js"></script> <script src="js/main.js"></script> </body> </html>