Sites-Camelia/branches/divan-dit-vent/about.html

167 lines
9.2 KiB
HTML

<!doctype html>
<html class="no-js" lang="zxx">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Divan dit vent</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta property="og:title" content="Divan dit vent">
<meta property="og:image" content="https://camelia-studio.org/branches/divan-dit-vent/img/about/about_1.png">
<meta property="og:description" content="Podcast de l'association Camélia Studio. On y partage tout ce qui nous passionne ! Retrouvez « Un amour de saison » où l'on parle de notre coup de cœur de la dernière saison d'animés et divers hors-série.">
<!-- <link rel="manifest" href="site.webmanifest"> -->
<link rel="shortcut icon" type="image/x-icon" href="img/favicon.png">
<!-- Place favicon.ico in the root directory -->
<!-- CSS here -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/owl.carousel.min.css">
<link rel="stylesheet" href="css/magnific-popup.css">
<link rel="stylesheet" href="css/font-awesome.min.css">
<link rel="stylesheet" href="css/themify-icons.css">
<link rel="stylesheet" href="css/nice-select.css">
<link rel="stylesheet" href="css/audioplayer.css">
<link rel="stylesheet" href="css/flaticon.css">
<link rel="stylesheet" href="css/gijgo.css">
<link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" href="css/slick.css">
<link rel="stylesheet" href="css/slicknav.css">
<link rel="stylesheet" href="css/style.css">
<!-- <link rel="stylesheet" href="css/responsive.css"> -->
</head>
<body>
<!--[if lte IE 9]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
<![endif]-->
<!-- header-start -->
<header>
<div class="header-area ">
<div id="sticky-header" class="main-header-area">
<div class="container-fluid">
<div class="header_bottom_border">
<div class="row align-items-center">
<div class="col-xl-3 col-lg-2">
<div class="logo">
<a href="index.html">
<img src="img/logo.png" alt="">
</a>
</div>
</div>
<div class="col-xl-6 col-lg-7">
<div class="main-menu d-none d-lg-block">
<nav>
<ul id="navigation">
<li><a class="active" href="index.html">Accueil</a></li>
<li><a class="active" href="episodes.html">Tous les épisodes</a></li>
</ul>
</nav>
</div>
</div>
<div class="col-xl-3 col-lg-3 d-none d-lg-block">
<div class="social_icon text-right">
<ul>
<li><a href="https://discord.gg/nBuZ9vJ" target="_blank"> <i class="fa fa-comments-o" aria-hidden="true"></i> </a></li>
<li><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:#ffffff}</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></li>
</ul>
</div>
</div>
<div class="col-12">
<div class="mobile_menu d-block d-lg-none"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<!-- header-end -->
<!-- bradcam_area -->
<div class="bradcam_area breadcam_bg_about">
<div class="container">
<div class="row">
<div class="col-xl-12">
<div class="bradcam_text text-center">
<h3>À propos</h3>
</div>
</div>
</div>
</div>
</div>
<!--/ bradcam_area -->
<!-- about_area -->
<div class="about_area">
<div class="container">
<div class="row align-items-center">
<div class="col-xl-5 col-md-6">
<div class="about_thumb">
<img class="img-fluid" src="img/about/about_1.png" alt="">
</div>
</div>
<div class="col-xl-7 col-md-6">
<div class="about_info">
<h3>Divan dit vent</h3>
<p>Installez-vous confortablement et laissez-vous emporter par les discussions animées du <b>Divan dit vent</b>. Le podcast audio de l'association <a href="https://camelia-studio.org">Camélia Studio</a> vous invite à explorer les mondes fantastiques de la japanimation et bien plus encore. Plongez dans des critiques passionnées des dernières séries et films d'animation, tout en découvrant des interviews exclusives avec des experts et des passionnés des différentes facettes de la culture. Avec chaque épisode, embarquez pour un voyage au pays de la créativité et de l'imagination, où les voix des artistes et des fans se mêlent pour créer une symphonie culturelle captivante.</p>
<p>Nous sommes en direct sur :</p>
<ul>
<li>- <a href="https://discord.gg/nBuZ9vJ" target="_blank">Discord</a>,</li>
<li>- <a href="https://www.twitch.tv/camelia_studio" target="_blank">Twitch</a>,</li>
</ul>
<p>Vous pouvez également écouter les rediffusions sur :</p>
<ul>
<li>- <a href="https://tsubakimono.camelia-studio.org/category/divan-dit-vent/" target="_blank">Tsubakimono</a>, le site de notre association.</li>
</ul>
<br />
<h2>Crédits</h2>
<p>Nos génériques ont été réalisés spécialement par <a href="https://soundcloud.com/user-200830465" target="_blank">Aeson</a> (instru/mixage) et Dev (voix), un gros merci à eux !</p>
<p>Le code source original du site provient d'<a href="https://themewagon.com/themes/free-bootstrap-4-html5-music-website-template-musico/" target="_blank">ici</a>.</p>
</div>
</div>
</div>
</div>
</div>
<!-- link that opens popup -->
<!-- JS here -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
crossorigin="anonymous">
</script>
<script src="js/vendor/modernizr-3.5.0.min.js"></script>
<script src="js/vendor/jquery-1.12.4.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/isotope.pkgd.min.js"></script>
<script src="js/ajax-form.js"></script>
<script src="js/waypoints.min.js"></script>
<script src="js/jquery.counterup.min.js"></script>
<script src="js/imagesloaded.pkgd.min.js"></script>
<script src="js/audioplayer.js"></script>
<script src="js/scrollIt.js"></script>
<script src="js/jquery.scrollUp.min.js"></script>
<script src="js/wow.min.js"></script>
<script src="js/nice-select.min.js"></script>
<script src="js/jquery.slicknav.min.js"></script>
<script src="js/jquery.magnific-popup.min.js"></script>
<script src="js/plugins.js"></script>
<script src="js/gijgo.min.js"></script>
<script src="js/slick.min.js"></script>
<!--contact js-->
<script src="js/contact.js"></script>
<script src="js/jquery.ajaxchimp.min.js"></script>
<script src="js/jquery.form.js"></script>
<script src="js/jquery.validate.min.js"></script>
<script src="js/mail-script.js"></script>
</body>
</html>