Sites-Camelia/branches/zaap-sufokien/v3/index.html
Esenjin c0649c0e0b
All checks were successful
camelia / deploy (push) Successful in 39s
[zaap] remplacement liens twitter par mastodon
édition logos discord et twitch
2023-10-08 18:32:34 +02:00

117 lines
7.5 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">
<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://tsubakimono.camelia-studio.org/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://tsubakimono.camelia-studio.org/category/zaap-sufokien/" target="_blank"><i class="ti-wordpress"></i></a>
<a href="https://discord.gg/nBuZ9vJ" target="_blank"> <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 640 512"><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><style>svg{fill:#b2b2b2}</style><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"/></svg>
<a href="https://shelter.moe/@Camelia" target="_blank"> <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 448 512"><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><style>svg{fill:#b2b2b2}</style><path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.54 102.54 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5zm-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"/></svg> </a>
<a href="https://www.youtube.com/channel/UCkhY6tQxoLPKEQ4xAoWlclA" target="_blank"><i class="ti-youtube"></i></a>
<a href="https://www.twitch.tv/camelia_studio" target="_blank"> <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><style>svg{fill:#b2b2b2}</style><path d="M391.17,103.47H352.54v109.7h38.63ZM285,103H246.37V212.75H285ZM120.83,0,24.31,91.42V420.58H140.14V512l96.53-91.42h77.25L487.69,256V0ZM449.07,237.75l-77.22,73.12H294.61l-67.6,64v-64H140.14V36.58H449.07Z"/></svg> </a>
</div>
<div class="copyright-text"><p><!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
Copyright &copy;<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/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>