landing page
This commit is contained in:
parent
8b84f47656
commit
e3c2f05181
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 |
|
|
@ -5,353 +5,343 @@
|
|||
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
||||
-->
|
||||
<html>
|
||||
<head>
|
||||
<title>Story by HTML5 UP</title>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
|
||||
<head>
|
||||
<title>TiBillet</title>
|
||||
<meta charset="utf-8"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"/>
|
||||
{% load static %}
|
||||
<link rel="stylesheet" href="{% static 'html5up-story/assets/css/main.css' %}" />
|
||||
<noscript><link rel="stylesheet" href="{% static 'html5up-story/assets/css/noscript.css' %}" /></noscript>
|
||||
</head>
|
||||
<body class="is-preload">
|
||||
<link rel="stylesheet" href="{% static 'html5up-story/assets/css/main.css' %}"/>
|
||||
<noscript>
|
||||
<link rel="stylesheet" href="{% static 'html5up-story/assets/css/noscript.css' %}"/>
|
||||
</noscript>
|
||||
</head>
|
||||
<body class="is-preload">
|
||||
|
||||
<!-- Wrapper -->
|
||||
<div id="wrapper" class="divided">
|
||||
<!-- Wrapper -->
|
||||
<div id="wrapper" class="divided">
|
||||
|
||||
<!-- 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">
|
||||
<h1>Story</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>
|
||||
<h1>TiBillet</h1>
|
||||
<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">
|
||||
<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>
|
||||
</div>
|
||||
<div class="image">
|
||||
<img src="{% static 'html5up-story/images/banner.jpg' %}" alt="" />
|
||||
<img src="{% static 'images/pexels-photo-1763067.jpeg' %}" alt=""/>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 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">
|
||||
<h2>Magna etiam feugiat</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>Cashless</h2>
|
||||
<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">
|
||||
<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>
|
||||
</div>
|
||||
<div class="image">
|
||||
<img src="{% static 'html5up-story/images/spotlight01.jpg' %}" alt="" />
|
||||
<img src="{% static 'images/maxresdefault.jpg' %}" alt=""/>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Three -->
|
||||
<section class="spotlight style1 orient-left content-align-left image-position-center onscroll-image-fade-in">
|
||||
<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">
|
||||
<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>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="image">
|
||||
<img src="{% static 'html5up-story/images/spotlight02.jpg' %}" alt="" />
|
||||
<img src="{% static 'images/Billet.jpg' %}" alt=""/>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Four -->
|
||||
<section class="spotlight style1 orient-right content-align-left image-position-center onscroll-image-fade-in">
|
||||
<div class="content">
|
||||
<h2>Pharetra etiam nulla</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>Logiciel de prise de commande pour restaurant.</h2>
|
||||
<p>
|
||||
Gestion des articles, des inventaires, des ventes, des prises de commande et d’impression 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">
|
||||
<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>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="image">
|
||||
<img src="{% static 'html5up-story/images/spotlight03.jpg' %}" alt="" />
|
||||
<img src="{% static 'images/android_full_1920.png' %}" alt=""/>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Five -->
|
||||
<section class="wrapper style1 align-center">
|
||||
<div class="inner">
|
||||
<h2>Massa sed condimentum</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>
|
||||
<h2>Tarifs coopératifs</h2>
|
||||
<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 d’utiliser 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>
|
||||
|
||||
<!-- Gallery -->
|
||||
<div class="gallery style2 medium lightbox onscroll-fade-in">
|
||||
<article>
|
||||
<a href="{% static 'html5up-story/images/gallery/fulls/01.jpg' %}" class="image">
|
||||
<img src="{% static 'html5up-story/images/gallery/thumbs/01.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>
|
||||
<article>
|
||||
<a href="{% static 'html5up-story/images/gallery/fulls/02.jpg' %}" class="image">
|
||||
<img src="{% static 'html5up-story/images/gallery/thumbs/02.jpg' %}" alt="" />
|
||||
</a>
|
||||
<div class="caption">
|
||||
<h3>Feugiat 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/03.jpg' %}" class="image">
|
||||
<img src="{% static 'html5up-story/images/gallery/thumbs/03.jpg' %}" alt="" />
|
||||
</a>
|
||||
<div class="caption">
|
||||
<h3>Magna Amet</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/04.jpg' %}" class="image">
|
||||
<img src="{% static 'html5up-story/images/gallery/thumbs/04.jpg' %}" alt="" />
|
||||
</a>
|
||||
<div class="caption">
|
||||
<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/05.jpg' %}" class="image">
|
||||
<img src="{% static 'html5up-story/images/gallery/thumbs/05.jpg' %}" alt="" />
|
||||
</a>
|
||||
<div class="caption">
|
||||
<h3>Ultrices Magna</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/06.jpg' %}" class="image">
|
||||
<img src="{% static 'html5up-story/images/gallery/thumbs/06.jpg' %}" alt="" />
|
||||
</a>
|
||||
<div class="caption">
|
||||
<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>
|
||||
{# </section>#}
|
||||
{##}
|
||||
{# <!-- Gallery -->#}
|
||||
{# <div class="gallery style2 medium lightbox onscroll-fade-in">#}
|
||||
{# <article>#}
|
||||
{# <a href="{% static 'images/500/500px-Cartes.jpg' %}" class="image">#}
|
||||
{# <img src="{% static 'images/500/500px-Cartes.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>#}
|
||||
{# <article>#}
|
||||
{# <a href="{% static 'images/500/android-500.jpg' %}" class="image">#}
|
||||
{# <img src="{% static 'images/500/android-500.jpg' %}" alt=""/>#}
|
||||
{# </a>#}
|
||||
{# <div class="caption">#}
|
||||
{# <h3>Feugiat 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 'images/500/500px-Acceuil_boitier_bisik.jpg' %}" class="image">#}
|
||||
{# <img src="{% static 'images/500/500px-Acceuil_boitier_bisik.jpg' %}" alt=""/>#}
|
||||
{# </a>#}
|
||||
{# <div class="caption">#}
|
||||
{# <h3>Magna Amet</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 'images/500/500px-PreparationBar.jpg' %}" class="image">#}
|
||||
{# <img src="{% static 'images/500/500px-PreparationBar.jpg' %}" alt=""/>#}
|
||||
{# </a>#}
|
||||
{# <div class="caption">#}
|
||||
{# <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 'images/500px-New_command.png' %}" class="image">#}
|
||||
{# <img src="{% static 'images/500px-New_command.png' %}" alt=""/>#}
|
||||
{# </a>#}
|
||||
{# <div class="caption">#}
|
||||
{# <h3>Ultrices Magna</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 -->
|
||||
<section class="wrapper style1 align-center">
|
||||
<div class="inner">
|
||||
<h2>Ipsum sed consequat</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>
|
||||
<!-- <h2>Venez decouvrir toutes nos activités !</h2> -->
|
||||
<!-- <p></p> -->
|
||||
<div class="items style1 medium onscroll-fade-in">
|
||||
<section>
|
||||
<span class="icon style2 major fa-gem"></span>
|
||||
<h3>Lorem</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>
|
||||
<span class="icon solid style2 major fa-candy-cane"></span>
|
||||
<h3>Simplicité</h3>
|
||||
<p>Mise en place rapide avec un matériel de paiement prêt à l’usage, 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>
|
||||
<span class="icon solid style2 major fa-save"></span>
|
||||
<h3>Ipsum</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>
|
||||
<span class="icon solid style2 major fa-euro-sign"></span>
|
||||
<h3>Revenus</h3>
|
||||
<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>
|
||||
<span class="icon solid style2 major fa-chart-bar"></span>
|
||||
<h3>Dolor</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>
|
||||
<h3>Administration</h3>
|
||||
<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>
|
||||
<span class="icon solid style2 major fa-wifi"></span>
|
||||
<h3>Amet</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-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>
|
||||
<span class="icon style2 major fa-gem"></span>
|
||||
<h3>Open Source</h3>
|
||||
<p>Nous croyons aux solutions et à la philosophie du logiciel libre. Tout notre code est publié sur
|
||||
<a href="https://github.com/Nasjoe">Github</a>.
|
||||
</section>
|
||||
<section>
|
||||
<span class="icon solid style2 major fa-leaf"></span>
|
||||
<h3>Risus</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>
|
||||
<h3>DIY</h3>
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<!-- Seven -->
|
||||
<section class="wrapper style1 align-center">
|
||||
<div class="inner medium">
|
||||
<h2>Get in touch</h2>
|
||||
<form method="post" action="#">
|
||||
<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>
|
||||
|
||||
<h2>Contactez nous !</h2>
|
||||
<a href="mailto:contact@3peaks.fr">contact@3peaks.fr</a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<!-- Footer -->
|
||||
<footer class="wrapper style1 align-center">
|
||||
<div class="inner">
|
||||
<ul class="icons">
|
||||
<li><a href="#" class="icon brands style2 fa-twitter"><span class="label">Twitter</span></a></li>
|
||||
<li><a href="#" class="icon brands style2 fa-facebook-f"><span class="label">Facebook</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="#" class="icon style2 fa-envelope"><span class="label">Email</span></a></li>
|
||||
<li><a href="https://github.com/Nasjoe/TiBillet-Cashless" class="icon brands style2 fa-github"><span
|
||||
class="label">Github</span></a></li>
|
||||
{# <li><a href="https://www.facebook.com/troispeaks.manapany"#}
|
||||
{# class="icon brands style2 fa-facebook-f"><span class="label">Facebook</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>
|
||||
<p>© Untitled. Design: <a href="https://html5up.net">HTML5 UP</a>.</p>
|
||||
<p>Design : <a href="https://html5up.net">html5up.net | @ajlkn</a>.</p>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Scripts -->
|
||||
<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.scrolly.min.js' %}"></script>
|
||||
<script src="{% static 'html5up-story/assets/js/browser.min.js' %}"></script>
|
||||
<script src="{% static 'html5up-story/assets/js/breakpoints.min.js' %}"></script>
|
||||
<script src="{% static 'html5up-story/assets/js/util.js' %}"></script>
|
||||
<script src="{% static 'html5up-story/assets/js/main.js' %}"></script>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
<!-- Scripts -->
|
||||
<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.scrolly.min.js' %}"></script>
|
||||
<script src="{% static 'html5up-story/assets/js/browser.min.js' %}"></script>
|
||||
<script src="{% static 'html5up-story/assets/js/breakpoints.min.js' %}"></script>
|
||||
<script src="{% static 'html5up-story/assets/js/util.js' %}"></script>
|
||||
<script src="{% static 'html5up-story/assets/js/main.js' %}"></script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -12,11 +12,9 @@ from django.utils import timezone
|
|||
from django.views import View
|
||||
|
||||
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 QrcodeCashless.views import postPaimentRecharge
|
||||
|
||||
import logging
|
||||
|
||||
logger = logging.getLogger(__name__)
|
||||
|
|
|
|||
Loading…
Reference in New Issue