Sites-Camelia/v5/index.html

98 lines
5.3 KiB
HTML
Raw Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE HTML>
<!--
Massively 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</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">
<meta property="og:image" content="https://camelia-studio.org/v5/images/logo2_mini.png">
<meta property="og:description" content="Camélia Studio est une association de loi 1901 (n° J.O. 20150013). Son objectif est de promouvoir les Arts et la Culture au sens large en France.">
<link rel="stylesheet" href="assets/css/main.css" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body class="is-preload">
<!-- Wrapper -->
<div id="wrapper" class="fade-in">
<!-- Intro -->
<div id="intro">
<h1>Camélia Studio</h1>
<p>Association de loi 1901 promouvant les arts et la culture en France.</p>
<p>Découvrez-nous plus en détails ci-dessous.</p>
<ul class="actions">
<li><a href="#header" class="button icon solid solo fa-arrow-down scrolly">Continuer</a></li>
</ul>
</div>
<!-- Header -->
<header id="header">
<a href="index.html" class="logo">Camélia Studio</a>
</header>
<!-- Nav -->
<nav id="nav">
<ul class="links">
<li class="active"><a href="index.html">Présentation</a></li>
<li><a href="../branches/index.html" target="_blank">Nos branches ↗</a></li>
<li><a href="https://tsubakimono.camelia-studio.org" target="_blank">Site web ↗</a></li>
<li><a href="actualites.html">Actualités</a></li>
</ul>
<ul class="icons">
<li><a href="https://shelter.moe/@Camelia" class="icon brands fa-mastodon" target="_blank"><span class="label">Mastodon</span></a></li>
<li><a href="https://discord.gg/0TAUHO2ghNKQnmCt" class="icon brands fa-discord" target="_blank"><span class="label">Instagram</span></a></li>
</ul>
</nav>
<!-- Main -->
<div id="main">
<!-- Featured Post -->
<article class="post featured">
<header class="major">
<span class="date">Bienvenue à toi.</span>
<h2>Qui sommes-nous ?</h2>
<p>Nous sommes une association de loi 1901, ayant pour objectif de promouvoir en France, les arts et la culture au sens large. L'association a été officiellement fondée en 2015. « Officiellement », car le groupe d'amis qui la compose opérait déjà ensemble depuis bien des années. Nous avons fini par décider de nous mettre en association, notamment pour des raisons de praticité.</p>
<p>Nous avons à cœur de partager ce qui nous passionne, cela allant de la littérature au cinéma, en passant par le dessin, l'architecture ou encore le design textile. Le groupe fondateur étant fan de culture japonaise (animation, manga, coutumes, etc.) ainsi que de jeu vidéo, nous avons commencé par là, avant de nous élargir à bien d'autres horizons.</p>
<p><b>Camélia Studio</b> se veut rester un groupe familial, où chacun a la parole et peut transmettre ce qu'il aime librement. N'hésitez donc pas à <a href="https://discord.gg/0TAUHO2ghNKQnmCt" target="_blank">nous rejoindre</a> si le cœur vous en dit !</p>
<p>Le <b>Conseil d'Administration</b> est actuellement composé de : <b>Esenjin Asakha</b> (fondateur et président), <b>KittysCats</b> (trésorière) et <b>Lord Shi-Woon</b> (secrétaire). Vous pouvez retrouver <a href="https://camelia-studio.org/statuts_association.pdf" target="_blank">nos statuts</a> ainsi que <a href="https://camelia-studio.org/reglement.pdf" target="_blank">notre règlement</a> pour connaître plus en détails le fonctionnement de l'association.</p>
<p><u>Informations utiles</u> : Identification R.N.A. : <b>W442015229</b> / Numéro de parution au journal officiel des associations : <b>20150013</b> / Identifiant SIRET : <b>82242608600010</b></p>
</header>
<center><img src="images/camelia.png" alt="" style="width: 300px;height: 300px;" /></center>
</article>
<!-- Footer -->
<footer id="footer">
<section>
<h3>Social</h3>
<ul class="icons alt">
<li><a href="https://shelter.moe/@Camelia" class="icon brands fa-mastodon" target="_blank"><span class="label">Mastodon</span></a></li>
<li><a href="https://discord.gg/nBuZ9vJ" class="icon brands fa-discord" target="_blank"><span class="label">Discord</span></a></li>
</ul>
</section>
</section>
</footer>
<!-- Copyright -->
<div id="copyright">
<p>&copy; Untitled - Design: <a href="https://html5up.net" target="_blank">HTML5 UP</a> | Illustration : <a href="https://pellichi.fr" target="_blank">Pellichi</a> | Logo : <a href="https://esenjin.xyz" target="_blank">Esenjin Asakha</a></p>
</div>
</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>