adrian/jean-cloud_website
1
0
Fork 0
Code Issues 1 Pull Requests 1 Releases Wiki Activity
9ff05cbd74
jean-cloud_website/index.html

179 lines
6.6 KiB
HTML
Raw Normal View History

v1
2019-08-06 18:17:55 +00:00
<!DOCTYPE html>
<html>
<head>
dirty
2019-08-12 12:59:07 +00:00
<title>Jean-Cloud - Le cloud lent et local</title>
v1
2019-08-06 18:17:55 +00:00
<meta charset="utf-8" />
main css
2019-08-12 17:47:32 +00:00
<!-- <link rel="stylesheet" href="css/helios.css" /> -->
dirty
2019-08-12 12:59:07 +00:00
<!--<link rel="stylesheet" href="css/solid-state.css" />-->
<link rel="stylesheet" href="css/main.css" />
v1
2019-08-06 18:17:55 +00:00
</head>
dirty
2019-08-12 12:59:07 +00:00
<body class="homepage is-preload">
<div id="page-wrapper">
<!-- Header -->
<div id="header">
main css
2019-08-12 17:47:32 +00:00
<div class="background"></div>
dirty
2019-08-12 12:59:07 +00:00
<!-- 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>
nbsp
2019-08-13 20:51:36 +00:00
<a href="#jeanqui" class="button circled scrolly">Découvrir&nbsp;!</a>
dirty
2019-08-12 12:59:07 +00:00
</footer>
</div>
<!-- Nav -->
<!-- Todo – drop down list in css -->
<nav id="nav">
fix
2019-08-13 22:30:46 +00:00
<div id="content">
dirty
2019-08-12 12:59:07 +00:00
<ul>
c’est présentable maintenant
2019-08-13 20:18:10 +00:00
<li><a href="index.html">Accueil</a></li>
<!--<li>
dirty
2019-08-12 12:59:07 +00:00
<a href="#">Dropdown</a>
main css
2019-08-12 17:47:32 +00:00
<ul class="dropdown">
dirty
2019-08-12 12:59:07 +00:00
<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 &hellip;</a>
main css
2019-08-12 17:47:32 +00:00
<ul class="submenu">
dirty
2019-08-12 12:59:07 +00:00
<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>
c’est présentable maintenant
2019-08-13 20:18:10 +00:00
-->
<li><a href="#services">Nos services</a></li>
<li><a href="#contact">Nous contacter</a></li>
dirty
2019-08-12 12:59:07 +00:00
</ul>
truc
2019-08-13 22:29:49 +00:00
</div>
dirty
2019-08-12 12:59:07 +00:00
</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>
v1
2019-08-06 18:17:55 +00:00
<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>
dirty
2019-08-12 12:59:07 +00:00
<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>
v1
2019-08-06 18:17:55 +00:00
</ul>
dirty
2019-08-12 12:59:07 +00:00
<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 -->
removed contact form
2019-08-21 09:23:15 +00:00
<!--
c’est présentable maintenant
2019-08-13 20:18:10 +00:00
<section id="contact">
removed contact form
2019-08-21 09:23:15 +00:00
<h2>Nous contacter</h2>
<div>
<section class="split contact">
<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>
<li><a href="https://hub.docker.com/u/jeancloud" class="icon brands alt"><span class="label">Docker Hub</span></a></li>
</ul>
</section>
</section>
</div>
dirty
2019-08-12 12:59:07 +00:00
</section>
removed contact form
2019-08-21 09:23:15 +00:00
-->
dirty
2019-08-12 12:59:07 +00:00
v1
2019-08-06 18:17:55 +00:00
</main>
<footer>
dirty
2019-08-12 12:59:07 +00:00
<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>
v1
2019-08-06 18:17:55 +00:00
</footer>
</body>
</html>
Reference in New Issue Copy Permalink