2019-08-06 18:17:55 +00:00
<!DOCTYPE html>
< html >
< head >
2019-08-12 12:59:07 +00:00
< title > Jean-Cloud - Le cloud lent et local< / title >
2019-08-06 18:17:55 +00:00
< meta charset = "utf-8" / >
2019-08-12 17:47:32 +00:00
<!-- <link rel="stylesheet" href="css/helios.css" /> -->
2019-08-12 12:59:07 +00:00
<!-- <link rel="stylesheet" href="css/solid - state.css" /> -->
< link rel = "stylesheet" href = "css/main.css" / >
2019-08-06 18:17:55 +00:00
< / head >
2019-08-12 12:59:07 +00:00
< body class = "homepage is-preload" >
< div id = "page-wrapper" >
<!-- Header -->
< div id = "header" >
2019-08-12 17:47:32 +00:00
< div class = "background" > < / div >
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 >
2019-08-13 20:51:36 +00:00
< a href = "#jeanqui" class = "button circled scrolly" > Découvrir !< / a >
2019-08-12 12:59:07 +00:00
< / footer >
< / div >
<!-- Nav -->
<!-- Todo – -->
< nav id = "nav" >
2019-08-13 22:30:46 +00:00
< div id = "content" >
2019-08-12 12:59:07 +00:00
< ul >
2019-08-13 20:18:10 +00:00
< li > < a href = "index.html" > Accueil< / a > < / li >
<!-- <li>
2019-08-12 12:59:07 +00:00
< a href = "#" > Dropdown< / a >
2019-08-12 17:47:32 +00:00
< ul class = "dropdown" >
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 … < / a >
2019-08-12 17:47:32 +00:00
< ul class = "submenu" >
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 >
2019-08-13 20:18:10 +00:00
-->
< li > < a href = "#services" > Nos services< / a > < / li >
< li > < a href = "#contact" > Nous contacter< / a > < / li >
2019-08-12 12:59:07 +00:00
< / ul >
2019-08-13 22:29:49 +00:00
< / div >
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’ < 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’
Le projet d’ ’
< / p >
< / section >
< section id = "services" >
< h2 > Nos services< / h3 >
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 >
2019-08-12 12:59:07 +00:00
< li > < a href = "https://latex.jean-cloud.net" > L’ < / 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 >
2019-08-06 18:17:55 +00:00
< / ul >
2019-08-12 12:59:07 +00:00
< footer >
< p > L’ < a href = "cgu.html" > Conditions générales d’ < / 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’ < / 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’ < / 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’ < / a >
< / ul >
< / p >
< / section >
<!-- Contact -->
2019-08-13 20:18:10 +00:00
< section id = "contact" >
< section class = "split contact" >
2019-08-12 12:59:07 +00:00
< 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 >
2019-08-13 20:18:10 +00:00
< section class = "alt" >
2019-08-12 12:59:07 +00:00
< h3 > Email< / h3 >
< p > < a href = "#contact" > Via le formulaire ci-contre< / a > < / p >
< / section >
2019-08-13 20:18:10 +00:00
< section class = "alt" >
2019-08-12 12:59:07 +00:00
< 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 >
2019-08-06 18:17:55 +00:00
< / main >
< footer >
2019-08-12 12:59:07 +00:00
< p > Conditions générales d’ < a href = "cgu.html" > disponibles ici< / a > < / p >
< p > Design < a href = "http://html5up.net" > HTML5 UP< / a > modifié par nos soins< / p >
2019-08-06 18:17:55 +00:00
< / footer >
< / body >
< / html >
