Sites-Camelia/branches/index.html

79 lines
3.7 KiB
HTML

<!DOCTYPE HTML>
<!--
Directive by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Camélia Studio - branches</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<meta property="og:title" content="Camélia Studio - branches">
<meta property="og:image" content="https://camelia-studio.org/v4/images/logo2_mini.png">
<meta property="og:description" content="Détail des différentes branches de l'association Camélia STudio, à savoir ; Le Zaap Sufokien, CILA, Mag'zine, Le Divan dit vent.">
<link rel="stylesheet" href="assets/css/main.css" />
</head>
<body class="is-preload">
<!-- Main -->
<div id="main">
<header class="major container medium">
<h2>Camélia Studio</h2>
<br />
<p>Retrouvez le détail de nos branches.</p>
</header>
<div class="box alt container">
<section class="feature left">
<a href="https://camelia-studio.org/branches/zaap-sufokien/" target="_blank" class="image icon solid fa-gamepad"><img src="images/zaap.jpg" alt="" /></a>
<div class="content">
<h3>Le Zaap Sufokien</h3>
<p>La plus ancienne des branches, puisqu'elle a fondé l'association, est donc Le Zaap Sufokien. Il s'agit d'une communauté de joueurs évoluants sur divers jeux en ligne, existante depuis 2007.</p>
</div>
</section>
<section class="feature right">
<a href="https://cila.camelia-studio.org/" target="_blank" class="image icon solid fa-code"><img src="images/cila.jpg" alt="" /></a>
<div class="content">
<h3>CILA</h3>
<p>Il s'agit de la branche de développement de l'association. Pour faire simple, l'infrastructure web, c'est elle qui s'en charge, en mettant notamment à disposition des adhérents de l'association (mais pas que), des outils et des services.</p>
</div>
</section>
<section class="feature left">
<a href="https://camelia-studio.org/branches/magzine/" target="_blank" class="image icon solid fa-file-pdf"><img src="images/magzine.jpg" alt="" /></a>
<div class="content">
<h3>Mag'zine</h3>
<p>Il s'agit d'un web-magazine. Ce dernier est en effet publié sur le site internet de l'association. Celui-ci reflète l'objectif de l'association, puisque les articles traitent de l'art et de la culture, afin de donner envie à ses lecteurs d'en découvrir encore plus !</p>
</div>
</section>
<section class="feature right">
<a href="https://camelia-studio.org/branches/divan-dit-vent/" target="_blank" class="image icon solid fa-microphone"><img src="images/divan.jpg" alt="" /></a>
<div class="content">
<h3>Le Divan dit vent</h3>
<p>Le podcast de l'association. Il a des objectifs similaires à Mag'zine mais dans un nouveau format qui permet ainsi de partager sous d'autres aspects ce qui nous passionne !</p>
</div>
</section>
</div>
<footer class="major container medium">
<h3>Merci !</h3>
<p>Bonne visite à vous chez <b>Camélia Studio</b>.</p>
<ul class="actions special">
<li><a href="https://discord.gg/nBuZ9vJ/" target="_blank" class="button">Rejoindre notre Discord</a></li>
<li><a href="https://tsubakimono.camelia-studio.org/" target="_blank" class="button">Visiter notre site web</a></li>
</ul>
</footer>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.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>