149 lines
5.4 KiB
HTML
149 lines
5.4 KiB
HTML
<!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">
|
|
<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 class="menu-social-warp">
|
|
<div class="menu-social">
|
|
<a href="https://www.facebook.com/lezaapsufokien/?ref=bookmarks" target="_blank"><i class="ti-facebook"></i></a>
|
|
<a href="https://twitter.com/Zaap_Sufokien" target="_blank"><i class="ti-twitter-alt"></i></a>
|
|
<a href="https://www.twitch.tv/zaap_sufokien" target="_blank"><i class="ti-tumblr-alt"></i></a>
|
|
<a href="https://www.youtube.com/channel/UCkhY6tQxoLPKEQ4xAoWlclA" target="_blank"><i class="ti-youtube"></i></a>
|
|
</div>
|
|
</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.jpg" 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://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://www.facebook.com/lezaapsufokien/?ref=bookmarks" target="_blank"><i class="ti-facebook"></i></a>
|
|
<a href="https://twitter.com/Zaap_Sufokien" target="_blank"><i class="ti-twitter-alt"></i></a>
|
|
<a href="https://www.youtube.com/channel/UCkhY6tQxoLPKEQ4xAoWlclA" target="_blank"><i class="ti-youtube"></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/aika-akasha.jpg" alt="">
|
|
<h4>Aika-Akasha</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/idiotka.jpg" alt="">
|
|
<h4>Idiotka</h4>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="pana-accordion-item set-bg" data-setbg="img/hero/gi.jpg">
|
|
<div class="pa-text">
|
|
<div class="pa-tag">Genshin Impact</div>
|
|
<h2><i>Larmes salées</i></h2>
|
|
<div class="pa-author">
|
|
<img src="img/author/asakha.jpg" alt="">
|
|
<h4>Asakha</h4>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="pana-accordion-item set-bg" data-setbg="img/hero/gt.jpg">
|
|
<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 class="pana-accordion-item set-bg" data-setbg="img/hero/la.jpg">
|
|
<div class="pa-text">
|
|
<div class="pa-tag">Lost Ark</div>
|
|
<h2><i>Caméliaméha</i></h2>
|
|
<div class="pa-author">
|
|
<img src="img/author/vladilena.jpg" alt="">
|
|
<h4>Vladilena</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>
|