Sites-Camelia/branches/zaap-sufokien/v3/divers/blog.html

118 lines
4.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, black desert online, honkai impact 3rd, genshin impact">
<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/fresco.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.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="blog.html">Projets</a></li>
<li><a href="contact.html">Nous contacter</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 &copy;<script>document.write(new Date().getFullYear());</script> All rights reserved | This template is made with <i class="ti-heart" aria-hidden="true"></i> 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 -->
<!-- Blog Section end -->
<section class="blog-section">
<div class="nice-scroll">
<div class="blog-grid-warp">
<div class="blog-grid-sizer"></div>
<div class="blog-item">
<img src="img/blog/ico.jpg" alt="">
<div class="bi-tag">Tous</div>
<div class="bi-text">
<div class="bi-date">17 avril 2019</div>
<h3><a href="blog/ico.html">ICO</a></h3>
</div>
</div>
<div class="blog-grid">
<div class="blog-item">
<img src="img/blog/donjons.jpg" alt="">
<div class="bi-tag">Dofus</div>
<div class="bi-text">
<div class="bi-date">17 février 2019</div>
<h3><a href="blog/roulette.html">Roulette à donjons</a></h3>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Blog 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>