84 lines
2.9 KiB
HTML
84 lines
2.9 KiB
HTML
<!DOCTYPE HTML>
|
|
<!--
|
|
Read Only by HTML5 UP
|
|
html5up.net | @ajlkn
|
|
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
|
-->
|
|
<html>
|
|
<head>
|
|
<title>Natsuki</title>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
|
|
<link rel="stylesheet" href="assets/css/main.css" />
|
|
</head>
|
|
<body class="is-preload">
|
|
|
|
<!-- Header -->
|
|
<section id="header">
|
|
<header>
|
|
<span class="image avatar"><img src="images/5027375.png" alt="" /></span>
|
|
<h1 id="logo"><a href="#">Natsuki</a></h1>
|
|
<p>« Natsuki » est la webradio de l'association « Camélia Studio », destinée aux fans de japanimation ! Les bandes-originales de vos animés favoris sont à l'écoute ici 24/7 !</p>
|
|
</header>
|
|
<nav id="nav">
|
|
<ul>
|
|
<li><a href="#ecoute" class="active">Écouter</a></li>
|
|
<li><a href="#programme">Programmation</a></li>
|
|
<li><a href="https://discord.gg/nBuZ9vJ" target="_blank">Discord ↗</a></li>
|
|
</ul>
|
|
</nav>
|
|
</section>
|
|
|
|
<!-- Wrapper -->
|
|
<div id="wrapper">
|
|
|
|
<!-- Main -->
|
|
<div id="main">
|
|
|
|
<!-- One -->
|
|
<section id="ecoute">
|
|
<div class="image main" data-position="center">
|
|
<img src="images/90847226_p0.jpg" alt="" />
|
|
</div>
|
|
<div class="container">
|
|
<header class="major">
|
|
<h2>Natsuki</h2>
|
|
<p>La webradio passionnée !</p>
|
|
</header>
|
|
<p><iframe src="http://azuracast.mahoro-net.org/public/natsuki/embed?theme=dark" frameborder="0" allowtransparency="true" style="width: 100%; min-height: 150px; border: 0;"></iframe></p>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Two -->
|
|
<section id="programme">
|
|
<div class="container">
|
|
<h3>Programmation</h3>
|
|
<p>Voici le calendrier complet, qu'avez-vous envie d'écouter ?</p>
|
|
<p><iframe src="http://azuracast.mahoro-net.org/public/natsuki/schedule/embed?theme=dark" frameborder="0" allowtransparency="true" style="width: 100%; min-height: 800px; border: 0;"></iframe></p>
|
|
</div>
|
|
</section>
|
|
|
|
</div>
|
|
|
|
<!-- Footer -->
|
|
<section id="footer">
|
|
<div class="container">
|
|
<ul class="copyright">
|
|
<li>© <a href="http://azuracast.mahoro-net.org/public/natsuki" target="_blank">Natsuki</a>, par <a href="https://camelia-studio.org/" target="_blank">Camélia Studio</a>.</li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
|
|
</ul>
|
|
</div>
|
|
</section>
|
|
|
|
</div>
|
|
|
|
<!-- Scripts -->
|
|
<script src="assets/js/jquery.min.js"></script>
|
|
<script src="assets/js/jquery.scrollex.min.js"></script>
|
|
<script src="assets/js/jquery.scrolly.min.js"></script>
|
|
<script src="assets/js/browser.min.js"></script>
|
|
<script src="assets/js/breakpoints.min.js"></script>
|
|
<script src="assets/js/util.js"></script>
|
|
<script src="assets/js/main.js"></script>
|
|
|
|
</body>
|
|
</html> |