174 lines
6.4 KiB
HTML
174 lines
6.4 KiB
HTML
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<title>Jean-Cloud - Le cloud lent et local</title>
|
||
<meta charset="utf-8" />
|
||
<!-- <link rel="stylesheet" href="css/helios.css" /> -->
|
||
<!--<link rel="stylesheet" href="css/solid-state.css" />-->
|
||
<link rel="stylesheet" href="css/main.css" />
|
||
</head>
|
||
<body class="homepage is-preload">
|
||
<div id="page-wrapper">
|
||
|
||
<!-- Header -->
|
||
<div id="header">
|
||
<div class="background"></div>
|
||
|
||
<!-- Inner -->
|
||
<div class="inner">
|
||
<header>
|
||
<h1><a href="index.html" id="logo">Jean-Cloud</a></h1>
|
||
<hr />
|
||
<p>Le cloud lent, hébergé près de chez vous !</p>
|
||
</header>
|
||
<footer>
|
||
<a href="#jeanqui" class="button circled scrolly">Découvrir !</a>
|
||
</footer>
|
||
</div>
|
||
|
||
<!-- Nav -->
|
||
<!-- Todo – drop down list in css -->
|
||
<nav id="nav">
|
||
<div id="content">
|
||
<ul>
|
||
<li><a href="index.html">Accueil</a></li>
|
||
<!--<li>
|
||
<a href="#">Dropdown</a>
|
||
<ul class="dropdown">
|
||
<li><a href="#">Lorem ipsum dolor</a></li>
|
||
<li><a href="#">Magna phasellus</a></li>
|
||
<li><a href="#">Etiam dolore nisl</a></li>
|
||
<li>
|
||
<a href="#">And a submenu …</a>
|
||
<ul class="submenu">
|
||
<li><a href="#">Lorem ipsum dolor</a></li>
|
||
<li><a href="#">Phasellus consequat</a></li>
|
||
<li><a href="#">Magna phasellus</a></li>
|
||
<li><a href="#">Etiam dolore nisl</a></li>
|
||
</ul>
|
||
</li>
|
||
<li><a href="#">Veroeros feugiat</a></li>
|
||
</ul>
|
||
</li>
|
||
-->
|
||
<li><a href="#services">Nos services</a></li>
|
||
<li><a href="#contact">Nous contacter</a></li>
|
||
</ul>
|
||
</div>
|
||
</nav>
|
||
|
||
</div>
|
||
|
||
<section id="jeanqui">
|
||
<h2>Qui est Jean-Cloud ?</h2>
|
||
<p>
|
||
Jean-Cloud est un ensemble de services à destination de chaque personne soucieuse de sa vie privée…
|
||
L’accès à chaque service se fait sur demande via notre <a href="#contact">formulaire de contact</a>
|
||
<!--Ces services sont gérés par une association loi 1901 : Jean-Cloud.-->
|
||
</p>
|
||
<p>
|
||
Nous bâtissons un morceau d’internet avec uniquement des logiciels libres, par respect pour nos utilisateurs.
|
||
Le projet d’hébergement vert permetra dès 2020 de réduire les impacts écologiques et sociaux du numérique pour ne garder que le meilleur de l’internet !
|
||
</p>
|
||
</section>
|
||
|
||
<section id="services">
|
||
<h2>Nos services</h3>
|
||
<ul>
|
||
<li><a href="https://nuage.jean-cloud.net">Le nuage</a> pour stocker ses fichiers. (Avec Nextcloud)</li>
|
||
<li><a href="https://git.jean-cloud.net">La forge git</a> pour stocker ses projets et travailler collaborativement. (Avec Gitea)</li>
|
||
<li><a href="https://latex.jean-cloud.net">L’éditeur de Latex</a> pour stocker ses documents Latex et les éditer collaborativement. (Avec ShareLatex)</li>
|
||
<li><a href="https://videos.jean-cloud.net">La plateforme vidéo</a> À VENIR pour partager et visioner les vidéos du réseau <a href="https://joinpeertube.org">PeerTube</a></li>
|
||
</ul>
|
||
<footer>
|
||
<p>L’utilisation de tous ces services est soumise à nos <a href="cgu.html">Conditions générales d’utilisation</a></p>
|
||
<p>Nous pouvons ajouter des services à cette liste sur votre demande via le <a href="#contact">formulaire de contact</a></p>
|
||
</footer>
|
||
</section>
|
||
|
||
<section id="hosting">
|
||
<h2>L’hébergement sur internet</h2>
|
||
<p>
|
||
Jean-Cloud peut héberger vos services sur son réseau de machines pour garantir une empreinte écologique minimal !
|
||
Vous bénéficierez de nos services de déploiement continu et de veille technique.
|
||
<footer>
|
||
<a href=«"hosting.html">En savoir plus</a>
|
||
</footer>
|
||
</p>
|
||
<!--
|
||
<section>
|
||
<h3>Alertes</h3>
|
||
<p>Pour être averti en cas de panne du service : <a href="#">liste mail d’alertes</a></p>
|
||
</section>
|
||
<section>
|
||
<h3>Nouveautés</h3>
|
||
<p>Pour recevoir nos publications : <a href="#">liste mail des nouveautés</a></p>
|
||
</section>
|
||
-->
|
||
</section>
|
||
|
||
<section id="trust">
|
||
<h2>Ils nous font confiance</h2>
|
||
<p>
|
||
<ul>
|
||
<li><a href="https://leida.fr">leida.fr</a></li>
|
||
<li><a href="https://feteducourt.jean-cloud.net">feteducourt.jean-cloud.net</a></li>
|
||
<li><a href="https://lalis.fr">lalis.fr</a></li>
|
||
<li><a href="https://rpnow.jean-cloud.net">rpnow.jean-cloud.net</a></li>
|
||
<li><a href="https://velov.jean-cloud.net">velov.jean-cloud.net</a></li>
|
||
<li><a href="https://oma-radio.fr">oma-radio.fr</a></li>
|
||
<li>Et d’autres anonymes…</a>
|
||
</ul>
|
||
</p>
|
||
</section>
|
||
|
||
<!-- Contact -->
|
||
<section id="contact">
|
||
<section class="split contact">
|
||
<h2>Nous contacter</h2>
|
||
<form method="post" action="#">
|
||
<div class="fields">
|
||
<div class="field">
|
||
<label for="name">Nom</label>
|
||
<input type="text" name="name" id="name" />
|
||
</div>
|
||
<div class="field">
|
||
<label for="email">Email</label>
|
||
<input type="text" name="email" id="email" />
|
||
</div>
|
||
<div class="field">
|
||
<label for="message">Message</label>
|
||
<textarea name="message" id="message" rows="3"></textarea>
|
||
</div>
|
||
</div>
|
||
<ul class="actions">
|
||
<li><input type="submit" value="Send Message" /></li>
|
||
</ul>
|
||
</form>
|
||
</section>
|
||
<section class="split contact">
|
||
<section class="alt">
|
||
<h3>Hébergement des services</h3>
|
||
<p>Grenoble, Lyon et alentours</p>
|
||
</section>
|
||
<section class="alt">
|
||
<h3>Email</h3>
|
||
<p><a href="#contact">Via le formulaire ci-contre</a></p>
|
||
</section>
|
||
<section class="alt">
|
||
<h3>Réseaux sociaux</h3>
|
||
<ul class="icons alt">
|
||
<li><a href="#" class="icon brands alt fa-github"><span class="label">GitHub</span></a></li>
|
||
</ul>
|
||
</section>
|
||
</section>
|
||
</section>
|
||
|
||
</main>
|
||
<footer>
|
||
<p>Conditions générales d’utilisation : <a href="cgu.html">disponibles ici</a></p>
|
||
<p>Design : <a href="http://html5up.net">HTML5 UP</a> modifié par nos soins</p>
|
||
</footer>
|
||
</body>
|
||
</html>
|