100 lines
4.3 KiB
HTML
100 lines
4.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
<head>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<meta charset="utf-8">
|
|
<title>Recyclerie - Tohu Bohu -</title>
|
|
<link rel="stylesheet" href="./assets/css/style.css">
|
|
<link rel="stylesheet" href="./assets/css/timeline.css">
|
|
<link rel="stylesheet" href="./assets/css/modal.css">
|
|
<meta name="description" content="La recyclerie tohu-bohu place au cœur de son action participative la gestion d'une recyclerie et l'animation d'ateliers de réparation des objets du quotidien.">
|
|
<meta name="robots" content="index, nofollow">
|
|
</head>
|
|
|
|
<body>
|
|
<div id="bandeau">
|
|
</div>
|
|
|
|
<div class="container">
|
|
<div class="header">
|
|
<div>
|
|
<h1><span style="font-family: lato, sans-serif;">Recyclerie</span><br>Tohu-Bohu</h1>
|
|
<div class="fade">Un lieu de partage</div>
|
|
<div class="fade">Des trésors se cachent partout</div>
|
|
<div class="fade">Fait battre les coeurs</div>
|
|
<div class="fade">Un projet solidaire</div>
|
|
<div class="fade">Où l'on donne et reçoit</div>
|
|
<div class="fade">Une seconde chance de retrouver sens</div>
|
|
<div class="fade">Résonne comme un joyeux bazar</div>
|
|
<div class="fade">Unisson dans la création</div>
|
|
</div>
|
|
</div>
|
|
<h2>Une initiative citoyenne<h2><br><br>
|
|
<p style="text-align: justify;">La recyclerie tohu-bohu est une association collégiale à but non lucratif qui à pour but de contribuer, dans le cadre de l'économie sociale et solidaire, au développement durable et au respect de l'environnement. Elle place au cœur de son action participative la gestion d'une recyclerie et l'animation d'ateliers de réparation des objets du quotidien.</p>
|
|
<br><br>
|
|
<p><b>Très bientôt, nous pourrons commencer à collecter tout ce dont vous ne voulez plus, ou presque : petit mobilier, vaisselle, jouets, textile, livres, bibelots, outillage, électroménager...</b></p>
|
|
<img src="https://tohubohu.ti-nuage.fr/data/Recyclerie tohu-bohu.png" alt="recyclerie tohu-bohu - comment ça marche?" class="image">
|
|
|
|
<hr>
|
|
|
|
<h2>Où en est-on ?</h2>
|
|
<br><br>
|
|
<div class="timeline">
|
|
<div class="boxt left">
|
|
<div class="content">
|
|
<p class="timetext" style="color: #99a3a4">Juillet - Août</p>
|
|
<p class="timetextcontent" style="color: #99a3a4">Inauguration de la boutique : ouverture des portes</p>
|
|
</div>
|
|
</div>
|
|
<div class="boxt right">
|
|
<div class="content">
|
|
<p class="timetext" style="color: #99a3a4">Juin - Juillet</p>
|
|
<p class="timetextcontent" style="color: #99a3a4">Réunion publique, organisation et aménagement du local, début de la collecte d'objets</p>
|
|
</div>
|
|
</div>
|
|
<div class="boxt left">
|
|
<div class="content">
|
|
<p class="timetext">Avril - Mai - Juin</p>
|
|
<p class="timetextcontent">Rencontre des élus de différentes communes : recherche de soutiens et d'un local</p>
|
|
</div>
|
|
</div>
|
|
<div class="boxt right">
|
|
<div class="content">
|
|
<p class="timetext">Mars</p>
|
|
<p class="timetextcontent">Constitution de l'association collégiale, dépôt des Statuts</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<hr>
|
|
<p>Le projet vous intéresse ou vous souhaitez participer :</p>
|
|
<p>Restez informés, <a href="https://listes.ti-nuage.fr/sympa/subscribe/tohu-bohu" id="link">inscrivez-vous à la newsletter</a></p>
|
|
<p>Suivez-nous sur Mastodon : <a href="https://bzh.social/@tohubohu" target="_blank">https://bzh.social/@tohubohu</a></p>
|
|
<div class="modal" id="modal">
|
|
<iframe src="" class="modal-content" id="modal-content" loading=“eager”></iframe>
|
|
<div class="close-button" id="close-button">Fermer</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="column">Association tohu-bohu<br>Mairie - 11 place aux Chevaux<br>22420 Le Vieux Marché
|
|
</div>
|
|
<div class="column"><a href="https://tohubohu.ti-nuage.fr/data/Statuts-tohu-bohu.pdf" target="_blank">Statuts de l'Association</a><br><a href="https://www.helloasso.com/associations/recyclerie-tohu-bohu/adhesions/adhesions" target="_blank">Devenir adhérent.e</a>
|
|
</div>
|
|
<div class="column"><a href="mailto:tohu-bohu@ti-nuage.fr" target="_blank">tohu-bohu@ti-nuage.fr</a><br>07.83.85.59.26
|
|
</div>
|
|
</div>
|
|
</body>
|
|
|
|
<footer>
|
|
|
|
<div class="footer">Fait avec <span style="color: red;">❤</span> • Hébergé par <a href="https://ti-nuage.fr" target="_blank">Ti Nuage</a></div>
|
|
|
|
</footer>
|
|
|
|
|
|
|
|
<script src="./assets/js/modal.js"></script>
|
|
|
|
</html>
|
|
|