landing page

This commit is contained in:
Jonas 12t 2021-10-04 15:44:15 +04:00
parent 8b84f47656
commit e3c2f05181
6 changed files with 325 additions and 337 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 491 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 87 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 127 KiB

View File

@ -6,12 +6,14 @@
--> -->
<html> <html>
<head> <head>
<title>Story by HTML5 UP</title> <title>TiBillet</title>
<meta charset="utf-8"/> <meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"/> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"/>
{% load static %} {% load static %}
<link rel="stylesheet" href="{% static 'html5up-story/assets/css/main.css' %}"/> <link rel="stylesheet" href="{% static 'html5up-story/assets/css/main.css' %}"/>
<noscript><link rel="stylesheet" href="{% static 'html5up-story/assets/css/noscript.css' %}" /></noscript> <noscript>
<link rel="stylesheet" href="{% static 'html5up-story/assets/css/noscript.css' %}"/>
</noscript>
</head> </head>
<body class="is-preload"> <body class="is-preload">
@ -19,331 +21,319 @@
<div id="wrapper" class="divided"> <div id="wrapper" class="divided">
<!-- One --> <!-- One -->
<section class="banner style1 orient-left content-align-left image-position-right fullscreen onload-image-fade-in onload-content-fade-right"> <section
class="banner style1 orient-left content-align-left image-position-right fullscreen onload-image-fade-in onload-content-fade-right">
<div class="content"> <div class="content">
<h1>Story</h1> <h1>TiBillet</h1>
<p class="major">A (modular, highly tweakable) responsive one-page template designed by <a href="https://html5up.net">HTML5 UP</a> and released for free under the <a href="https://html5up.net/license">Creative Commons</a>.</p> <p class="major">
Système de paiement sans contact Zéro Espèce ( <strong>Cashless</strong> ), de gestion de salle de
restauration,
d'engagement associatif et de billetterie <strong>coopératif, social et solidaire !</strong>
</p>
<p>Créée sur l'île de la Réunion par l'équipe du <a href="https://www.manapanyfestival.com">Manapany
Festival</a></p>
<ul class="actions stacked"> <ul class="actions stacked">
<li><a href="#first" class="button big wide smooth-scroll-middle">Get Started</a></li> <li><a href="#first" class="button big wide smooth-scroll-middle">En savoir plus</a></li>
</ul> </ul>
</div> </div>
<div class="image"> <div class="image">
<img src="{% static 'html5up-story/images/banner.jpg' %}" alt="" /> <img src="{% static 'images/pexels-photo-1763067.jpeg' %}" alt=""/>
</div> </div>
</section> </section>
<!-- Two --> <!-- Two -->
<section class="spotlight style1 orient-right content-align-left image-position-center onscroll-image-fade-in" id="first"> <section class="spotlight style1 orient-right content-align-left image-position-center onscroll-image-fade-in"
id="first">
<div class="content"> <div class="content">
<h2>Magna etiam feugiat</h2> <h2>Cashless</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi id ante sed ex pharetra lacinia sit amet vel massa. Donec facilisis laoreet nulla eu bibendum. Donec ut ex risus. Fusce lorem lectus, pharetra pretium massa et, hendrerit vestibulum odio lorem ipsum dolor sit amet.</p> <p>Remplacez les moyens de paiement traditionnels par une carte ou un bracelet <strong>NFC</strong> qui
devient le porte-monnaie électronique de vos clients et/ou la carte d'adhésion de votre association.
Augmentez vos revenus en facilitant vos ventes
grâce au Cashless !</p>
<p>Une grande majorité de festivaliers est aujourd'hui habitué à ce système, et TiBillet
propose d'aller un peu plus loin : Une même carte pour tous pour un outil de mise en réseau et de
gestion d'une monnaie locale.</p>
<p>
L'outil fait aussi Caisse enregistreuse, traçabilité financière, gestion d'inventaire et outils de
gestion de salle de restauration. Un véritable outil complet !</p>
<ul class="actions stacked"> <ul class="actions stacked">
<li><a href="#" class="button">Learn More</a></li> <li><a href="https://wiki.tibillet.re/index.php/Cashless" class="button">En savoir plus sur le
cashless</a></li>
</ul> </ul>
</div> </div>
<div class="image"> <div class="image">
<img src="{% static 'html5up-story/images/spotlight01.jpg' %}" alt="" /> <img src="{% static 'images/maxresdefault.jpg' %}" alt=""/>
</div> </div>
</section> </section>
<!-- Three --> <!-- Three -->
<section class="spotlight style1 orient-left content-align-left image-position-center onscroll-image-fade-in"> <section class="spotlight style1 orient-left content-align-left image-position-center onscroll-image-fade-in">
<div class="content"> <div class="content">
<h2>Tempus adipiscing</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi id ante sed ex pharetra lacinia sit amet vel massa. Donec facilisis laoreet nulla eu bibendum. Donec ut ex risus. Fusce lorem lectus, pharetra pretium massa et, hendrerit vestibulum odio lorem ipsum dolor sit amet.</p> <h2>Billetterie</h2>
<p>TiBillet est une solution qui permet de créer en quelques clics une page web de présentation
d'évènements, de lieux, et de vente de billets en ligne. Un système déjà bien connu, mais sur lequel
TiBillet rajoute de la coopération. </p>
<p>Chaque évènement s'inscrit dans le réseau créé par la coopérative favorisant ainsi la communication et la
promotion de chaque lieu.</p>
<ul class="actions stacked"> <ul class="actions stacked">
<li><a href="#" class="button">Learn More</a></li> <li><a href="https://wiki.tibillet.re/index.php/Billetterie_en_ligne" class="button">En savoir plus sur
la billetterie</a>
</li>
</ul> </ul>
</div> </div>
<div class="image"> <div class="image">
<img src="{% static 'html5up-story/images/spotlight02.jpg' %}" alt="" /> <img src="{% static 'images/Billet.jpg' %}" alt=""/>
</div> </div>
</section> </section>
<!-- Four --> <!-- Four -->
<section class="spotlight style1 orient-right content-align-left image-position-center onscroll-image-fade-in"> <section class="spotlight style1 orient-right content-align-left image-position-center onscroll-image-fade-in">
<div class="content"> <div class="content">
<h2>Pharetra etiam nulla</h2> <h2>Logiciel de prise de commande pour restaurant.</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi id ante sed ex pharetra lacinia sit amet vel massa. Donec facilisis laoreet nulla eu bibendum. Donec ut ex risus. Fusce lorem lectus, pharetra pretium massa et, hendrerit vestibulum odio lorem ipsum dolor sit amet.</p> <p>
Gestion des articles, des inventaires, des ventes, des prises de commande et dimpression de tickets en
cuisine et au bar : développé et intégré à TiBillet, ce système peut être utilisé comme un outil de
gestion
de restauration complet.
</p>
<p>
Grâce à son téléphone portable Android, le.la serveur.se en salle envoie directement sa commande en
cuisine
et/ou au bar, et encaisse l'utilisateur qui à préalablement chargé sa carte cashless : zéro
attente, zéro erreur de caisse, et fluidité totale des commandes !
<p>
<p>Une version de démonstration est disponible sur notre wiki !</p>
<ul class="actions stacked"> <ul class="actions stacked">
<li><a href="#" class="button">Learn More</a></li> <li><a href="https://wiki.tibillet.re/index.php/Prise_de_commande_pour_restauration" class="button">Démonstration</a>
</li>
</ul> </ul>
</div> </div>
<div class="image"> <div class="image">
<img src="{% static 'html5up-story/images/spotlight03.jpg' %}" alt="" /> <img src="{% static 'images/android_full_1920.png' %}" alt=""/>
</div> </div>
</section> </section>
<!-- Five --> <!-- Five -->
<section class="wrapper style1 align-center"> <section class="wrapper style1 align-center">
<div class="inner"> <div class="inner">
<h2>Massa sed condimentum</h2> <h2>Tarifs coopératifs</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi id ante sed ex pharetra lacinia sit amet vel massa. Donec facilisis laoreet nulla eu bibendum. Donec ut ex risus. Fusce lorem lectus, pharetra pretium massa et, hendrerit vestibulum odio lorem ipsum.</p> <p>
Nous apportons une solution de cashless et de billetterie pour les petites structures oubliées des
grands entreprises du domaine dont les tarifs sont souvent rédhibitoires.
</p>
<p>
A coût très inférieurs au marché, TiBillet est <strong>gratuit</strong> pour l'utilisateur et à
<strong>prix coûtant</strong> pour l'organisateur. <strong>Zéro commission</strong> pour le réseau
coopératif !
</p>
<p>
TiBillet se veut
eco-responsable et tente dutiliser le maximum de matériel déjà existant dans les lieux, de
récupération ou reconditionnés, et utilise des technologies low-tech basse consommation ( votre
smartphone, raspberry-pi, etc.. )
</p>
<ul class="actions stacked">
<li><a href="https://wiki.tibillet.re/index.php/Mod%C3%A8le_%C3%A9conomique_et_tarifs" class="button">modèle
économique</a></li>
</ul>
</div> </div>
<!-- Gallery --> {# </section>#}
<div class="gallery style2 medium lightbox onscroll-fade-in"> {##}
<article> {# <!-- Gallery -->#}
<a href="{% static 'html5up-story/images/gallery/fulls/01.jpg' %}" class="image"> {# <div class="gallery style2 medium lightbox onscroll-fade-in">#}
<img src="{% static 'html5up-story/images/gallery/thumbs/01.jpg' %}" alt="" /> {# <article>#}
</a> {# <a href="{% static 'images/500/500px-Cartes.jpg' %}" class="image">#}
<div class="caption"> {# <img src="{% static 'images/500/500px-Cartes.jpg' %}" alt=""/>#}
<h3>Ipsum Dolor</h3> {# </a>#}
<p>Lorem ipsum dolor amet, consectetur magna etiam elit. Etiam sed ultrices.</p> {# <div class="caption">#}
<ul class="actions fixed"> {# <h3>Ipsum Dolor</h3>#}
<li><span class="button small">Details</span></li> {# <p>Lorem ipsum dolor amet, consectetur magna etiam elit. Etiam sed ultrices.</p>#}
</ul> {# <ul class="actions fixed">#}
</div> {# <li><span class="button small">Details</span></li>#}
</article> {# </ul>#}
<article> {# </div>#}
<a href="{% static 'html5up-story/images/gallery/fulls/02.jpg' %}" class="image"> {# </article>#}
<img src="{% static 'html5up-story/images/gallery/thumbs/02.jpg' %}" alt="" /> {# <article>#}
</a> {# <a href="{% static 'images/500/android-500.jpg' %}" class="image">#}
<div class="caption"> {# <img src="{% static 'images/500/android-500.jpg' %}" alt=""/>#}
<h3>Feugiat Lorem</h3> {# </a>#}
<p>Lorem ipsum dolor amet, consectetur magna etiam elit. Etiam sed ultrices.</p> {# <div class="caption">#}
<ul class="actions fixed"> {# <h3>Feugiat Lorem</h3>#}
<li><span class="button small">Details</span></li> {# <p>Lorem ipsum dolor amet, consectetur magna etiam elit. Etiam sed ultrices.</p>#}
</ul> {# <ul class="actions fixed">#}
</div> {# <li><span class="button small">Details</span></li>#}
</article> {# </ul>#}
<article> {# </div>#}
<a href="{% static 'html5up-story/images/gallery/fulls/03.jpg' %}" class="image"> {# </article>#}
<img src="{% static 'html5up-story/images/gallery/thumbs/03.jpg' %}" alt="" /> {# <article>#}
</a> {# <a href="{% static 'images/500/500px-Acceuil_boitier_bisik.jpg' %}" class="image">#}
<div class="caption"> {# <img src="{% static 'images/500/500px-Acceuil_boitier_bisik.jpg' %}" alt=""/>#}
<h3>Magna Amet</h3> {# </a>#}
<p>Lorem ipsum dolor amet, consectetur magna etiam elit. Etiam sed ultrices.</p> {# <div class="caption">#}
<ul class="actions fixed"> {# <h3>Magna Amet</h3>#}
<li><span class="button small">Details</span></li> {# <p>Lorem ipsum dolor amet, consectetur magna etiam elit. Etiam sed ultrices.</p>#}
</ul> {# <ul class="actions fixed">#}
</div> {# <li><span class="button small">Details</span></li>#}
</article> {# </ul>#}
<article> {# </div>#}
<a href="{% static 'html5up-story/images/gallery/fulls/04.jpg' %}" class="image"> {# </article>#}
<img src="{% static 'html5up-story/images/gallery/thumbs/04.jpg' %}" alt="" /> {# <article>#}
</a> {# <a href="{% static 'images/500/500px-PreparationBar.jpg' %}" class="image">#}
<div class="caption"> {# <img src="{% static 'images/500/500px-PreparationBar.jpg' %}" alt=""/>#}
<h3>Sed Tempus</h3> {# </a>#}
<p>Lorem ipsum dolor amet, consectetur magna etiam elit. Etiam sed ultrices.</p> {# <div class="caption">#}
<ul class="actions fixed"> {# <h3>Sed Tempus</h3>#}
<li><span class="button small">Details</span></li> {# <p>Lorem ipsum dolor amet, consectetur magna etiam elit. Etiam sed ultrices.</p>#}
</ul> {# <ul class="actions fixed">#}
</div> {# <li><span class="button small">Details</span></li>#}
</article> {# </ul>#}
<article> {# </div>#}
<a href="{% static 'html5up-story/images/gallery/fulls/05.jpg' %}" class="image"> {# </article>#}
<img src="{% static 'html5up-story/images/gallery/thumbs/05.jpg' %}" alt="" /> {# <article>#}
</a> {# <a href="{% static 'images/500px-New_command.png' %}" class="image">#}
<div class="caption"> {# <img src="{% static 'images/500px-New_command.png' %}" alt=""/>#}
<h3>Ultrices Magna</h3> {# </a>#}
<p>Lorem ipsum dolor amet, consectetur magna etiam elit. Etiam sed ultrices.</p> {# <div class="caption">#}
<ul class="actions fixed"> {# <h3>Ultrices Magna</h3>#}
<li><span class="button small">Details</span></li> {# <p>Lorem ipsum dolor amet, consectetur magna etiam elit. Etiam sed ultrices.</p>#}
</ul> {# <ul class="actions fixed">#}
</div> {# <li><span class="button small">Details</span></li>#}
</article> {# </ul>#}
<article> {# </div>#}
<a href="{% static 'html5up-story/images/gallery/fulls/06.jpg' %}" class="image"> {# </article>#}
<img src="{% static 'html5up-story/images/gallery/thumbs/06.jpg' %}" alt="" /> {# </div>#}
</a> {##}
<div class="caption"> {# </section>#}
<h3>Sed Tempus</h3>
<p>Lorem ipsum dolor amet, consectetur magna etiam elit. Etiam sed ultrices.</p>
<ul class="actions fixed">
<li><span class="button small">Details</span></li>
</ul>
</div>
</article>
<article>
<a href="{% static 'html5up-story/images/gallery/fulls/07.jpg' %}" class="image">
<img src="{% static 'html5up-story/images/gallery/thumbs/07.jpg' %}" alt="" />
</a>
<div class="caption">
<h3>Ipsum Lorem</h3>
<p>Lorem ipsum dolor amet, consectetur magna etiam elit. Etiam sed ultrices.</p>
<ul class="actions fixed">
<li><span class="button small">Details</span></li>
</ul>
</div>
</article>
<article>
<a href="{% static 'html5up-story/images/gallery/fulls/08.jpg' %}" class="image">
<img src="{% static 'html5up-story/images/gallery/thumbs/08.jpg' %}" alt="" />
</a>
<div class="caption">
<h3>Magna Risus</h3>
<p>Lorem ipsum dolor amet, consectetur magna etiam elit. Etiam sed ultrices.</p>
<ul class="actions fixed">
<li><span class="button small">Details</span></li>
</ul>
</div>
</article>
<article>
<a href="{% static 'html5up-story/images/gallery/fulls/09.jpg' %}" class="image">
<img src="{% static 'html5up-story/images/gallery/thumbs/09.jpg' %}" alt="" />
</a>
<div class="caption">
<h3>Tempus Dolor</h3>
<p>Lorem ipsum dolor amet, consectetur magna etiam elit. Etiam sed ultrices.</p>
<ul class="actions fixed">
<li><span class="button small">Details</span></li>
</ul>
</div>
</article>
<article>
<a href="{% static 'html5up-story/images/gallery/fulls/10.jpg' %}" class="image">
<img src="{% static 'html5up-story/images/gallery/thumbs/10.jpg' %}" alt="" />
</a>
<div class="caption">
<h3>Sed Etiam</h3>
<p>Lorem ipsum dolor amet, consectetur magna etiam elit. Etiam sed ultrices.</p>
<ul class="actions fixed">
<li><span class="button small">Details</span></li>
</ul>
</div>
</article>
<article>
<a href="{% static 'html5up-story/images/gallery/fulls/11.jpg' %}" class="image">
<img src="{% static 'html5up-story/images/gallery/thumbs/11.jpg' %}" alt="" />
</a>
<div class="caption">
<h3>Magna Lorem</h3>
<p>Lorem ipsum dolor amet, consectetur magna etiam elit. Etiam sed ultrices.</p>
<ul class="actions fixed">
<li><span class="button small">Details</span></li>
</ul>
</div>
</article>
<article>
<a href="{% static 'html5up-story/images/gallery/fulls/12.jpg' %}" class="image">
<img src="{% static 'html5up-story/images/gallery/thumbs/12.jpg' %}" alt="" />
</a>
<div class="caption">
<h3>Ipsum Dolor</h3>
<p>Lorem ipsum dolor amet, consectetur magna etiam elit. Etiam sed ultrices.</p>
<ul class="actions fixed">
<li><span class="button small">Details</span></li>
</ul>
</div>
</article>
</div>
</section>
<!-- Six --> <!-- Six -->
<section class="wrapper style1 align-center"> <section class="wrapper style1 align-center">
<div class="inner"> <div class="inner">
<h2>Ipsum sed consequat</h2> <!-- <h2>Venez decouvrir toutes nos activités !</h2> -->
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi id ante sed ex pharetra lacinia sit amet vel massa. Donec facilisis laoreet nulla eu bibendum. Donec ut ex risus. Fusce lorem lectus, pharetra pretium massa et, hendrerit vestibulum odio lorem ipsum.</p> <!-- <p></p> -->
<div class="items style1 medium onscroll-fade-in"> <div class="items style1 medium onscroll-fade-in">
<section> <section>
<span class="icon style2 major fa-gem"></span> <span class="icon solid style2 major fa-candy-cane"></span>
<h3>Lorem</h3> <h3>Simplicité</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dui turpis, cursus eget orci amet aliquam congue semper. Etiam eget ultrices risus nec tempor elit.</p> <p>Mise en place rapide avec un matériel de paiement prêt à lusage, baisse des coûts de gestion et
de sécurisation des espèces, temps de queue écourté pour une meilleure expérience client. Vos
évènements vont vraiment se simplifier !</p>
</section> </section>
<section> <section>
<span class="icon solid style2 major fa-save"></span> <span class="icon solid style2 major fa-euro-sign"></span>
<h3>Ipsum</h3> <h3>Revenus</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dui turpis, cursus eget orci amet aliquam congue semper. Etiam eget ultrices risus nec tempor elit.</p> <p>Augmentation nette des achats et des ventes. Fidélisation de vos clients. Retour sur
investissement dès la première utilisation. TiBillet ne vous coute pas, il vous rapporte !
</p>
</section> </section>
<section> <section>
<span class="icon solid style2 major fa-chart-bar"></span> <span class="icon solid style2 major fa-chart-bar"></span>
<h3>Dolor</h3> <h3>Administration</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dui turpis, cursus eget orci amet aliquam congue semper. Etiam eget ultrices risus nec tempor elit.</p> <p>Nos interfaces d'administrations sont simples et riches en informations. Suivi des ventes,
gestion du stock, analyse des connexions, gestions des membres et adhésions pour
associations.</p>
</section> </section>
<section> <section>
<span class="icon solid style2 major fa-wifi"></span> <span class="icon style2 major fa-gem"></span>
<h3>Amet</h3> <h3>Open Source</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dui turpis, cursus eget orci amet aliquam congue semper. Etiam eget ultrices risus nec tempor elit.</p> <p>Nous croyons aux solutions et à la philosophie du logiciel libre. Tout notre code est publié sur
</section> <a href="https://github.com/Nasjoe">Github</a>.
<section>
<span class="icon solid style2 major fa-cog"></span>
<h3>Magna</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dui turpis, cursus eget orci amet aliquam congue semper. Etiam eget ultrices risus nec tempor elit.</p>
</section>
<section>
<span class="icon style2 major fa-paper-plane"></span>
<h3>Tempus</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dui turpis, cursus eget orci amet aliquam congue semper. Etiam eget ultrices risus nec tempor elit.</p>
</section>
<section>
<span class="icon solid style2 major fa-desktop"></span>
<h3>Aliquam</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dui turpis, cursus eget orci amet aliquam congue semper. Etiam eget ultrices risus nec tempor elit.</p>
</section>
<section>
<span class="icon solid style2 major fa-sync-alt"></span>
<h3>Elit</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dui turpis, cursus eget orci amet aliquam congue semper. Etiam eget ultrices risus nec tempor elit.</p>
</section>
<section>
<span class="icon solid style2 major fa-hashtag"></span>
<h3>Morbi</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dui turpis, cursus eget orci amet aliquam congue semper. Etiam eget ultrices risus nec tempor elit.</p>
</section>
<section>
<span class="icon solid style2 major fa-bolt"></span>
<h3>Turpis</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dui turpis, cursus eget orci amet aliquam congue semper. Etiam eget ultrices risus nec tempor elit.</p>
</section>
<section>
<span class="icon solid style2 major fa-envelope"></span>
<h3>Ultrices</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dui turpis, cursus eget orci amet aliquam congue semper. Etiam eget ultrices risus nec tempor elit.</p>
</section> </section>
<section> <section>
<span class="icon solid style2 major fa-leaf"></span> <span class="icon solid style2 major fa-leaf"></span>
<h3>Risus</h3> <h3>DIY</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi dui turpis, cursus eget orci amet aliquam congue semper. Etiam eget ultrices risus nec tempor elit.</p> <p>Nos boitiers Cashless sont 100% Do It Yourself. Conception et fabrication locale, avec des
technologies modernes mais peu gourmandes en énergies.</p>
</section>
<section>
<span class="icon solid style2 major fa-wifi"></span>
<h3>Personnalisable</h3>
<p>Nous modifions tout les jours ces outils pour qu'ils correspondent sur mesure à votre projet. La
seule
limite, c'est votre imagination !</p>
</section>
<section>
<span class="icon solid style2 major fa-desktop"></span>
<h3>Sécurité</h3>
<p>Nos solutions tournent en production depuis plus de 6 ans. Elles sont éprouvées et testées en
conditions réelles tous les jours pendant nos évènements.</p>
</section>
<section>
<span class="icon style2 major fa-paper-plane"></span>
<h3>Cloud & local</h3>
<p>Nous pouvons héberger vos services sur nos propres serveurs basés en france métropolitaine, sur
l'île de la Réunion ou directement chez vous en local. C'est super rapide et garanti sans
GAFAM !</p>
</section>
<section>
<span class="icon solid style2 major fa-cog"></span>
<h3>Blockchain</h3>
<p>La gestion de la monnaie virtuelle cashless est assurée par une technologie Blockchain.
Modernité, Transparence et immuabilité pour une sécurité accrue.</p>
</section>
<section>
<span class="icon solid style2 major fa-bolt"></span>
<h3>Une équipe 100% Festival</h3>
<p>Nous organisons de nombreux évènements culturels : Le Manapay Festival et plein d'autres
rencontres musicales. Nous avons développé ces applications pour répondre à nos besoins sans
nous ruiner. </p>
</section>
<section>
<span class="icon solid style2 major fa-sync-alt"></span>
<h3>Redistribution</h3>
<p>Nous croyons à l'économie sociale et solidaire. Tous nos bénéfices sont réinvestis dans le réseau
coopératif. Mutualisons les bénéfices !</p>
</section>
<section>
<span class="icon solid style2 major fa-hashtag"></span>
<h3>Soutien</h3>
<p>Nos projets sont soutenus par des collectivités locales. Région et département Réunion,
Pôle Régional des musiques actuelles, et même l'europe ! Merci à tous pour votre aide
et votre confiance !</p>
</section> </section>
</div> </div>
</div> </div>
</section> </section>
<!-- Seven --> <!-- Seven -->
<section class="wrapper style1 align-center"> <section class="wrapper style1 align-center">
<div class="inner medium"> <div class="inner medium">
<h2>Get in touch</h2> <h2>Contactez nous !</h2>
<form method="post" action="#"> <a href="mailto:contact@3peaks.fr">contact@3peaks.fr</a>
<div class="fields">
<div class="field half">
<label for="name">Name</label>
<input type="text" name="name" id="name" value="" />
</div>
<div class="field half">
<label for="email">Email</label>
<input type="email" name="email" id="email" value="" />
</div>
<div class="field">
<label for="message">Message</label>
<textarea name="message" id="message" rows="6"></textarea>
</div>
</div>
<ul class="actions special">
<li><input type="submit" name="submit" id="submit" value="Send Message" /></li>
</ul>
</form>
</div> </div>
</section> </section>
<!-- Footer --> <!-- Footer -->
<footer class="wrapper style1 align-center"> <footer class="wrapper style1 align-center">
<div class="inner"> <div class="inner">
<ul class="icons"> <ul class="icons">
<li><a href="#" class="icon brands style2 fa-twitter"><span class="label">Twitter</span></a></li> <li><a href="https://github.com/Nasjoe/TiBillet-Cashless" class="icon brands style2 fa-github"><span
<li><a href="#" class="icon brands style2 fa-facebook-f"><span class="label">Facebook</span></a></li> class="label">Github</span></a></li>
<li><a href="#" class="icon brands style2 fa-instagram"><span class="label">Instagram</span></a></li> {# <li><a href="https://www.facebook.com/troispeaks.manapany"#}
<li><a href="#" class="icon brands style2 fa-linkedin-in"><span class="label">LinkedIn</span></a></li> {# class="icon brands style2 fa-facebook-f"><span class="label">Facebook</span></a></li>#}
<li><a href="#" class="icon style2 fa-envelope"><span class="label">Email</span></a></li> <!-- <li><a href="#" class="icon brands style2 fa-instagram"><span class="label">Instagram</span></a></li> -->
<!-- <li><a href="#" class="icon brands style2 fa-linkedin-in"><span class="label">LinkedIn</span></a></li> -->
<li><a href="mailto:contact@3peaks.fr" class="icon style2 fa-envelope"><span class="label">Email</span></a>
</li>
</ul> </ul>
<p>&copy; Untitled. Design: <a href="https://html5up.net">HTML5 UP</a>.</p> <p>Design : <a href="https://html5up.net">html5up.net | @ajlkn</a>.</p>
</div> </div>
</footer> </footer>
</div> </div>
</div>
<!-- Scripts --> <!-- Scripts -->
<script src="{% static 'html5up-story/assets/js/jquery.min.js' %}"></script> <script src="{% static 'html5up-story/assets/js/jquery.min.js' %}"></script>
<script src="{% static 'html5up-story/assets/js/jquery.scrollex.min.js' %}"></script> <script src="{% static 'html5up-story/assets/js/jquery.scrollex.min.js' %}"></script>

View File

@ -12,11 +12,9 @@ from django.utils import timezone
from django.views import View from django.views import View
from AuthBillet.models import HumanUser from AuthBillet.models import HumanUser
from BaseBillet.models import Configuration, LigneArticle, Article from BaseBillet.models import Configuration, LigneArticle
from PaiementStripe.models import Paiement_stripe from PaiementStripe.models import Paiement_stripe
# from QrcodeCashless.views import postPaimentRecharge
import logging import logging
logger = logging.getLogger(__name__) logger = logging.getLogger(__name__)