Select Git revision
webpack.config.js
index.html 34.71 KiB
<!DOCTYPE html>
<html lang="fr">
<head>
<style type="text/css">
@font-face {
font-family: 'Material Icons';
font-style: normal;
font-weight: 400;
src: url('public/fonts/iconfont/MaterialIcons-Regular.eot'); /* For IE6-8 */
src: local('Material Icons'),
local('MaterialIcons-Regular'),
url('public/fonts/iconfont/MaterialIcons-Regular.woff2') format('woff2'),
url('public/fonts/iconfont/MaterialIcons-Regular.woff') format('woff'),
url('public/fonts/iconfont/MaterialIcons-Regular.ttf') format('truetype');
}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<title>Solutions Cloud auto-hébergées</title>
<meta property="og:image" content="medias/6304c1e4505e1.png" />
<meta name="description" content="Prenez la main sur vos services num" />
<meta name="keywords" content="cloud, open source, self hosting, auto hebergement, nocloud, no gafam" />
<meta http-equiv="content-language" content="fr_FR" />
<meta name="language" content="fr_FR" />
<link rel="icon" type="image/png" href="medias/6304c1e4505e1.png" />
<!-- CSS -->
<link href="public/css/materialize.min.css" type="text/css" rel="stylesheet" media="screen,projection"/>
<link href="public/css/style.css" type="text/css" rel="stylesheet" media="screen,projection"/>
<style type="text/css" id="themeClassCSS">
.menu-background {
background-color: #3b3b3b !important;
}
.main-background {
background-color: #FFFFFF !important;
}
.main-color, .main-color * {
color: #2A3A42 !important;
}
.contrasted-color, .contrasted-color * {
color: #FFFFFF !important;
}
.second-background {
background-color: #96C7A2 !important;
}
.second-color, .second-color * {
color: #44685E !important;
}
</style>
<style type="text/css">
@font-face {
font-family: 'Maven Pro';
src: url('public/fonts/customFonts/MavenPro-Regular.ttf') format('truetype');
}
@font-face {
font-family: 'Maven Pro';
src: url('public/fonts/customFonts/MavenPro-Regular.ttf') format('truetype');
}
</style>
<style type="text/css" id="fontClassCSS">
.title-font, .title-font * {
font-family: 'Maven Pro','sans-serif' ;
font-size: 200 % !important ;
}
.main-font , .main-font * {
font-family: 'Maven Pro','sans-serif' ; font-stretch: ultra-expanded !important;
}
</style>
</head><body>
<nav class="nav menu-background fixed nav-down" id="mainNav" role="navigation" style="z-index: 999">
<div class=" nav-wrapper container parent-hover">
<a id="logo-container" href="#" class="brand-logo second-color title-font relative " >
<span id="siteTitle" style="font-size: 1.2em !important;vertical-align: middle" class="">Solutions Cloud auto-hébergées</span>
</a>
<ul class="right hide-on-med-and-down" style="max-width : 70%; max-height: 60px; overflow: hidden !important; padding-left: 30px !important; margin-left: -30px !important;">
<li class="relative ">
<a href="#5c655f7d94bfd" class="second-color main-font" style="font-size: larger">Solutions</a>
</li>
<li class="relative ">
<a href="#5c655affd274d" class="second-color main-font" style="font-size: larger">Références</a>
</li>
</ul>
<a href="#" data-activates="mobileNav" class="button-collapse no-margin"><i class="material-icons second-color">menu</i></a>
<ul class="side-nav menu-background" id="mobileNav" style=" margin-top: 56px" id="mobileNav">
<li class="relative " style="margin-top: -10px">
<a href="#5c655f7d94bfd" class="second-color main-font navItems" style="font-size: larger">Solutions</a>
</li>
<li class="relative " style="margin-top: -10px">
<a href="#5c655affd274d" class="second-color main-font navItems" style="font-size: larger">Références</a>
</li>
</ul>
</div>
</nav>
<div class="" style="margin-top: 64px">
<section class="relative moduleSectionContainer" id="5c647b741a01a">
<div class="parallax-container valign-wrapper module paralax" >
<div class="section no-pad-bot relative">
<div class="container " style="margin-top: 50px !important; margin-bottom: 50px !important;">
<div class=" row center contrasted-color title-font editable " id="moduleValue-text" style="font-size: 130%">
<h4><br /></h4>
</div>
</div>
</div>
<div class="parallax"><img id="moduleValue-imgUrl" src="medias/5c657fa4c1d1a.png" alt=""></div>
</div>
</section>
<section class="relative moduleSectionContainer" id="5c64aac6bf6f1">
<div class="second-background">
<div class="container module ">
<div class="section" style="padding-top: 50px !important;padding-bottom: 50px !important;">
<div class="row valign-wrapper no-margin relative">
<div class="col s12 headbandShowOnScroll relative" style=" left: +2000px" id="headbandShowOnScroll-5c64aac6bf6f1">
<div class=" second-color title-font editable center-align" id="moduleValue-title"> <h4>Sites et services Web - ERP/CRM - Partage de fichiers - Recherche d'information</h4>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="relative moduleSectionContainer" id="5c647b741a08f">
<div class="main-background">
<div class="container module">
<div class="section" style="padding-top: 40px !important;padding-bottom: 40px !important;">
<!-- Icon Section -->
<div class="row center-align">
<div class="three-block">
<div class="icon-block center-align" style="text-align: center; width: 100%">
<div class="relative">
<h2 class="center second-color center-align">
<i class="material-icons" id="moduleValue-icon1">all_inclusive</i>
</h2>
</div>
<div class=" main-color main-font editable center-align" id="moduleValue-content1">
<h4>100% Open Source<br /></h4><p align="justify">Les logiciels libre garantissent votre indépendance, vous n'êtes pas captifs des éditeurs de logiciels propriétaires.<br /></p>
</div>
</div>
</div>
<div class="three-block">
<div class="icon-block center-align" style="text-align: center; width: 100%">
<div class="relative">
<h2 class="center second-color center-align">
<i class="material-icons" id="moduleValue-icon2">settings</i>
</h2>
</div>
<div class=" main-color main-font editable center-align" id="moduleValue-content2">
<h4>Solutions de <br />gestion et de productivité<br /></h4><p>Des services en ligne pour tous vos besoins.<br /></p>
</div>
</div>
</div>
<div class="three-block">
<div class="icon-block center-align" style="text-align: center; width: 100%">
<div class="relative">
<h2 class="center second-color center-align">
<i class="material-icons" id="moduleValue-icon3">room</i>
</h2>
</div>
<div class=" main-color main-font editable center-align" id="moduleValue-content3">
<h4>Auto-hébergées</h4><p align="justify">Gardez le contrôle sur vos données et votre infrastructure numérique, sans casse tête !<br /></p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="relative moduleSectionContainer" id="5c655f7d94bfd">
<div class="second-background">
<div class="container module ">
<div class="section" style="padding-top: 50px !important;padding-bottom: 50px !important;">
<div class="row valign-wrapper no-margin relative">
<div class="col s12 headbandShowOnScroll relative" style=" left: +2000px" id="headbandShowOnScroll-5c655f7d94bfd">
<div class=" second-color title-font editable center-align" id="moduleValue-title">
<h4 align="left"><b>Solutions en ligne sous votre contrôle :<br /></b></h4>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="relative moduleSectionContainer" id="5c64a3f53c29f">
<div class="main-background">
<div class="container module">
<div class="section" style="padding-top: 40px !important;padding-bottom: 40px !important;">
<!-- Icon Section -->
<div class="row center-align">
<div class="three-block " style="border-radius: 4px !important; ">
<div class="icon-block center-align " style="width: 100% ; text-align: center; border-radius: 4px;">
<div class="card relative shadow-bottom" style="border-radius: 5px !important;">
<div class="card-image waves-effect waves-block waves-light ">
<img class="activator" src="medias/5c64a579256d5.png" id="moduleValue-imgUrl1" alt="">
</div>
<div class="card-content relative second-background" style="padding: 10px">
<div class="card-title activator" style="margin: 0 !important; font-size: inherit !important; min-width: 60%; min-height: 80px !important;">
<span class=" title-font second-color editable " id="moduleValue-title1" style="display: inline-block; text-align: left !important; max-width: 85% !important;">
<h4 align="center"><b>Serveurs sécurisés et fonctionnels</b><br /></h4>
</span>
<i class="material-icons right second-color ">
more_vert</i>
</div>
</div>
<div class="card-reveal second-background" style="overflow-x: hidden; opacity: 0.90 ; margin-top: -5px !important;">
<div class="card-title">
<i class="material-icons right second-color ">close</i></span></div>
<div class="" style="padding: 20px 10px 10px 10px">
<div class=" second-color main-font editable center-align" id="moduleValue-content1">
<p align="justify"><b>Debian</b> est un <b>système d'exploitation libre </b>pour vos <b>serveurs</b>, c'est à dire une suite de programmes et d’utilitaires permettant à un ordinateur de fonctionner.</p><p align="justify">Chaque version de Debian est soigneusement mise en place et maintenue. Elle est fournie avec <b>plus de 51000 paquets logiciels</b> et s'adapte à tous les usages numériques.</p><p align="justify"><b>Tétras Libre</b> installe des serveurs Debian. Vos outils numériques sont maintenus dans l'état le plus avancé de <b>fonctionnalités</b> et de <b>sécurité</b> par nos <b>experts passionnés</b>.<br /></p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="three-block " style="border-radius: 4px !important; ">
<div class="icon-block center-align " style="width: 100% ; text-align: center; border-radius: 4px;">
<div class="card relative shadow-bottom" style="border-radius: 5px !important;">
<div class="card-image waves-effect waves-block waves-light ">
<img class="activator" src="medias/5c64a6be63396.png" id="moduleValue-imgUrl2" alt="">
</div>
<div class="card-content relative second-background" style="padding: 10px">
<div class="card-title activator" style="margin: 0 !important; font-size: inherit !important; min-width: 60%; min-height: 80px !important;">
<span class=" title-font second-color editable " id="moduleValue-title2" style="display: inline-block; text-align: left !important; max-width: 85% !important;"> <h4 align="center"><b>Partage de fichiers et outils collaboratifs</b><br /></h4>
</span>
<i class="material-icons right second-color ">
more_vert</i>
</div>
</div>
<div class="card-reveal second-background" style="overflow-x: hidden; opacity: 0.90 ; margin-top: -5px !important;">
<div class="card-title">
<i class="material-icons right second-color ">close</i></span></div>
<div class="" style="padding: 20px 10px 10px 10px">
<div class=" second-color main-font editable center-align" id="moduleValue-content2">
<p align="justify"><b>Nextcloud</b> est une solution de <b>partage de données</b>. Vos documents, contacts, agendas sont <b>sauvegardés</b> en ligne et partageables avec vos <b>clients</b> et <b>collaborateurs</b>. <br /></p><p align="justify">Des services complémentaires sont disponibles sous forme de plugin comme l'<b>édition collaborative</b> de documents ou la <b>visioconférence</b>.<br /></p><p align="justify">Vous gardez une <b>maîtrise totale</b> sur vos données et n'êtes pas dépendants de services tiers fermés comme <b>Dropbox</b> ou Google Drive.<br /></p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="three-block " style="border-radius: 4px !important; ">
<div class="icon-block center-align " style="width: 100% ; text-align: center; border-radius: 4px;">
<div class="card relative shadow-bottom" style="border-radius: 5px !important;">
<div class="card-image waves-effect waves-block waves-light ">
<img class="activator" src="medias/5c64a5f6834a8.png" id="moduleValue-imgUrl3" alt="">
</div>
<div class="card-content relative second-background" style="padding: 10px">
<div class="card-title activator" style="margin: 0 !important; font-size: inherit !important; min-width: 60%; min-height: 80px !important;">
<span class=" title-font second-color editable " id="moduleValue-title3" style="display: inline-block; text-align: left !important; max-width: 85% !important;">
<h4 align="center"><b>Gestion de vos entreprises</b><br /></h4>
</span>
<i class="material-icons right second-color ">
more_vert</i>
</div>
</div>
<div class="card-reveal second-background" style="overflow-x: hidden; opacity: 0.90 ; margin-top: -5px !important;">
<div class="card-title">
<i class="material-icons right second-color ">close</i></span></div>
<div class="" style="padding: 20px 10px 10px 10px">
<div class=" second-color main-font editable center-align" id="moduleValue-content3">
<p align="justify"><b>Dolibarr ERP & CRM</b> est un logiciel moderne de <b>gestion de votre activité</b> (contacts, factures, commandes, stocks, agenda, etc...).</p><p align="justify">C'est un <b>logiciel libre</b> et gratuit adapté pour les entreprises, auto-entrepreneurs ou association.</p><p align="justify">Nous installons et configurons Dolibarr pour votre activité, avec des développements à façon pour <b>répondre à tous vos besoins</b>. <br /></p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="relative moduleSectionContainer" id="5c64a66a6c13b">
<div class="main-background">
<div class="container module">
<div class="section" style="padding-top: 40px !important;padding-bottom: 40px !important;">
<!-- Icon Section -->
<div class="row center-align">
<div class="three-block " style="border-radius: 4px !important; ">
<div class="icon-block center-align " style="width: 100% ; text-align: center; border-radius: 4px;">
<div class="card relative shadow-bottom" style="border-radius: 5px !important;"> <div class="card-image waves-effect waves-block waves-light ">
<img class="activator" src="medias/5c64a8edc333b.png" id="moduleValue-imgUrl1" alt="">
</div>
<div class="card-content relative second-background" style="padding: 10px">
<div class="card-title activator" style="margin: 0 !important; font-size: inherit !important; min-width: 60%; min-height: 80px !important;">
<span class=" title-font second-color editable " id="moduleValue-title1" style="display: inline-block; text-align: left !important; max-width: 85% !important;">
<h4 align="center"><b>Trouvez et visualisez ce que vous cherchez </b><br /></h4>
</span>
<i class="material-icons right second-color ">
more_vert</i>
</div>
</div>
<div class="card-reveal second-background" style="overflow-x: hidden; opacity: 0.90 ; margin-top: -5px !important;">
<div class="card-title">
<i class="material-icons right second-color ">close</i></span></div>
<div class="" style="padding: 20px 10px 10px 10px">
<div class=" second-color main-font editable center-align" id="moduleValue-content1">
<p align="justify">La <b>Suite Elastic</b>, construite sur une fondation <b>open source</b>, vous permet de <b>rechercher</b>, <b>analyser</b> et <b>visualiser</b>, en toute <b>fiabilité</b> et <b>sécurité</b>, ainsi qu'en <b>temps réel</b>, des données issues de n'importe quelle source et sous n'importe quel format. <br /></p><p align="justify">Nous déployons et configurons votre cluster Elastic dedié pour des données internes et externes à porté de main, au service de vos activités.<br /></p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="three-block " style="border-radius: 4px !important; ">
<div class="icon-block center-align " style="width: 100% ; text-align: center; border-radius: 4px;">
<div class="card relative shadow-bottom" style="border-radius: 5px !important;">
<div class="card-image waves-effect waves-block waves-light ">
<img class="activator" src="medias/5c64ad492550b.png" id="moduleValue-imgUrl2" alt="">
</div>
<div class="card-content relative second-background" style="padding: 10px">
<div class="card-title activator" style="margin: 0 !important; font-size: inherit !important; min-width: 60%; min-height: 80px !important;">
<span class=" title-font second-color editable " id="moduleValue-title2" style="display: inline-block; text-align: left !important; max-width: 85% !important;">
<h4 align="center"><b>Ordinateurs distants, comme à la maison</b><br /></h4>
</span>
<i class="material-icons right second-color ">
more_vert</i>
</div>
</div>
<div class="card-reveal second-background" style="overflow-x: hidden; opacity: 0.90 ; margin-top: -5px !important;">
<div class="card-title">
<i class="material-icons right second-color ">close</i></span></div>
<div class="" style="padding: 20px 10px 10px 10px">
<div class=" second-color main-font editable center-align" id="moduleValue-content2">
<p align="justify">Certaines tâches, gourmandes en <b>calculs</b> ou en <b>bande passante</b>, ne peuvent pas être réalisées sur un ordinateur personnel.</p><p align="justify"><b>noVNC</b> permet à vos collaborateurs d'accéder à une session sur un <b>serveur dédié</b>, via leur navigateur, comme s'ils étaient sur leur poste local. Les ordinateurs personnels ne sont plus immobilisés par des tâches interminables. Tout se passe sur le serveur distant et les collaborateurs peuvent continuer leur travail.<br /></p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="three-block " style="border-radius: 4px !important; ">
<div class="icon-block center-align " style="width: 100% ; text-align: center; border-radius: 4px;">
<div class="card relative shadow-bottom" style="border-radius: 5px !important;">
<div class="card-image waves-effect waves-block waves-light ">
<img class="activator" src="medias/5c64aa1081816.png" id="moduleValue-imgUrl3" alt="">
</div>
<div class="card-content relative second-background" style="padding: 10px">
<div class="card-title activator" style="margin: 0 !important; font-size: inherit !important; min-width: 60%; min-height: 80px !important;">
<span class=" title-font second-color editable " id="moduleValue-title3" style="display: inline-block; text-align: left !important; max-width: 85% !important;">
<h4 align="center"><b>Et bien d'autres services à la carte !</b><br /></h4>
</span>
<i class="material-icons right second-color ">
more_vert</i>
</div>
</div> <div class="card-reveal second-background" style="overflow-x: hidden; opacity: 0.90 ; margin-top: -5px !important;">
<div class="card-title">
<i class="material-icons right second-color ">close</i></span></div>
<div class="" style="padding: 20px 10px 10px 10px">
<div class=" second-color main-font editable center-align" id="moduleValue-content3">
<p align="justify">Notre équipe, qualifiée et passionnée, pourra mettre en œuvre toutes les solutions numériques nécessaires à la réussite de vos projets.</p><p align="justify">En choisissant les logiciels libres, vous gardez le contrôle de vos outils et n'êtes pas dépendant d'un prestataire particulier. <br /></p><p align="justify">Vous resterez avec nous parce que nous somme efficients, pas parce que vous êtes captifs de logiciels fermés. <br /></p><p align="justify"><br /></p><p align="justify"><br /></p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="relative moduleSectionContainer" id="5c647b741a1e5">
<div class="main-background relative module" style="overflow: hidden">
<img class="absolute " id="moduleValue-imgUrl" src="" alt="" style="width: 100% ; height: auto; top: 0; right: 0">
<div class="container ">
<div class="section relative" style="padding-top: 40px !important;padding-bottom: 40px !important; z-index: 10">
<div class="row">
<div class="col s12 second-color title-font editable center" id="moduleValue-text" style="text-align: justify; margin-bottom: 00px !important; font-size: 130%">
<h5 style="text-align:center;">Retrouvez les contribution Open Source de nos clients sur notre Gitlab :<br /></h5>
</div>
</div>
<div class="row center-align relative">
<span class="relative" style="width: content-box">
<a target="_blank" class="btn-large second-color second-background waves-effect waves-light" id="btnModuleBtn-5c647b741a1e5" href="https://gitlab.tetras-libre.fr">Gitlab Tétras Libre</a>
</span>
</div>
</div>
</div>
</div>
</section>
<section class="relative moduleSectionContainer" id="5c655affd274d">
<div class="second-background">
<div class="container module ">
<div class="section" style="padding-top: 50px !important;padding-bottom: 50px !important;">
<div class="row valign-wrapper no-margin relative">
<div class="col s12 headbandShowOnScroll relative" style=" left: +2000px" id="headbandShowOnScroll-5c655affd274d">
<div class=" second-color title-font editable center-align" id="moduleValue-title">
<h4 align="left"><b>Références :</b><br /></h4>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="relative moduleSectionContainer" id="5c655b4dd19c4">
<div class="main-background">
<div class="container module">
<div class="section" style="padding-top: 40px !important;padding-bottom: 40px !important;">
<!-- Icon Section -->
<div class="row center-align">
<div class="three-block " style="border-radius: 4px !important; ">
<div class="icon-block center-align " style="width: 100% ; text-align: center; border-radius: 4px;">
<div class="card relative shadow-bottom" style="border-radius: 5px !important;">
<div class="card-image waves-effect waves-block waves-light ">
<img class="activator" src="medias/5c6562b870573.png" id="moduleValue-imgUrl1" alt="">
</div>
<div class="card-content relative second-background" style="padding: 10px">
<div class="card-title activator" style="margin: 0 !important; font-size: inherit !important; min-width: 60%; min-height: 80px !important;">
<span class=" title-font second-color editable " id="moduleValue-title1" style="display: inline-block; text-align: left !important; max-width: 85% !important;">
<p align="justify"><b>Développements</b> de modules <b>Dolibarr</b> <i>adhoc</i> pour la gestion des <b>ressources humaines</b></p><p align="center"><b></b><br /></p>
</span>
<i class="material-icons right second-color ">
more_vert</i>
</div>
</div>
<div class="card-reveal second-background" style="overflow-x: hidden; opacity: 0.90 ; margin-top: -5px !important;">
<div class="card-title">
<i class="material-icons right second-color ">close</i></span></div>
<div class="" style="padding: 20px 10px 10px 10px">
<div class=" second-color main-font editable center-align" id="moduleValue-content1">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="three-block " style="border-radius: 4px !important; ">
<div class="icon-block center-align " style="width: 100% ; text-align: center; border-radius: 4px;">
<div class="card relative shadow-bottom" style="border-radius: 5px !important;">
<div class="card-image waves-effect waves-block waves-light ">
<img class="activator" src="medias/5c65633666add.png" id="moduleValue-imgUrl2" alt="">
</div>
<div class="card-content relative second-background" style="padding: 10px">
<div class="card-title activator" style="margin: 0 !important; font-size: inherit !important; min-width: 60%; min-height: 80px !important;">
<span class=" title-font second-color editable " id="moduleValue-title2" style="display: inline-block; text-align: left !important; max-width: 85% !important;">
<p align="justify">Déploiement d'une infrastructure complète (matériel et logiciel) : Serveur Debian, Dolibarr avec caisse, Wordpress, Nextcloud. <br /></p>
</span>
<i class="material-icons right second-color ">
more_vert</i>
</div>
</div>
<div class="card-reveal second-background" style="overflow-x: hidden; opacity: 0.90 ; margin-top: -5px !important;">
<div class="card-title">
<i class="material-icons right second-color ">close</i></span></div>
<div class="" style="padding: 20px 10px 10px 10px">
<div class=" second-color main-font editable center-align" id="moduleValue-content2">
</div>
</div>
</div>
</div>
</div>
</div> <div class="three-block " style="border-radius: 4px !important; ">
<div class="icon-block center-align " style="width: 100% ; text-align: center; border-radius: 4px;">
<div class="card relative shadow-bottom" style="border-radius: 5px !important;">
<div class="card-image waves-effect waves-block waves-light ">
<img class="activator" src="medias/5c64aa1081816.png" id="moduleValue-imgUrl3" alt="">
</div>
<div class="card-content relative second-background" style="padding: 10px">
<div class="card-title activator" style="margin: 0 !important; font-size: inherit !important; min-width: 60%; min-height: 80px !important;">
<span class=" title-font second-color editable " id="moduleValue-title3" style="display: inline-block; text-align: left !important; max-width: 85% !important;">
<p align="justify">Nous sommes les premiers utilisateurs de nos logiciels. <br /></p><p align="left">:-)<br /></p>
</span>
<i class="material-icons right second-color ">
more_vert</i>
</div>
</div>
<div class="card-reveal second-background" style="overflow-x: hidden; opacity: 0.90 ; margin-top: -5px !important;">
<div class="card-title">
<i class="material-icons right second-color ">close</i></span></div>
<div class="" style="padding: 20px 10px 10px 10px">
<div class=" second-color main-font editable center-align" id="moduleValue-content3">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="relative moduleSectionContainer" id="6304bd9263fa0">
<div class="main-background">
<div class="container module">
<div class="section" style="padding-top: 40px !important;padding-bottom: 40px !important;">
<!-- Icon Section -->
<div class="row center-align">
<div class="three-block " style="border-radius: 4px !important; ">
<div class="icon-block center-align " style="width: 100% ; text-align: center; border-radius: 4px;">
<div class="card relative shadow-bottom" style="border-radius: 5px !important;">
<div class="card-image waves-effect waves-block waves-light ">
<img class="activator" src="medias/6304c006ee1a0.png" id="moduleValue-imgUrl1" alt="">
</div>
<div class="card-content relative second-background" style="padding: 10px">
<div class="card-title activator" style="margin: 0 !important; font-size: inherit !important; min-width: 60%; min-height: 80px !important;">
<span class=" title-font second-color editable " id="moduleValue-title1" style="display: inline-block; text-align: left !important; max-width: 85% !important;">
<p>Conception et maintenance d'un serveur de calcul et de bureaux distants NoVNC. <br /></p>
</span>
<i class="material-icons right second-color ">
more_vert</i>
</div>
</div>
<div class="card-reveal second-background" style="overflow-x: hidden; opacity: 0.90 ; margin-top: -5px !important;">
<div class="card-title">
<i class="material-icons right second-color ">close</i></span></div>
<div class="" style="padding: 20px 10px 10px 10px">
<div class=" second-color main-font editable center-align" id="moduleValue-content1">
<p>Les ingénieurs géotechniciens de la SAGE peuvent se concentrer sur leur travail grâce à des outils performants et bien configurés !</p>
</div> </div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="relative moduleSectionContainer" id="5c64aea4cbcfe">
<div class="main-background">
<div class="container module ">
<div class="section" style="padding-top: 40px !important;padding-bottom: 20px !important;">
<div class=" main-color main-font editable relative " id="moduleValue-text" style="width: 100%; ">
<h4 style="text-align:center;"> Contactez nous :</h4><br>
<p align="justify">
Nous sommes une petite entreprise de conseil et développement en informatique basée à Grenoble, attachés aux valeurs des logiciels libres. Nous nous revendiquons "Artisans du logiciel libre", cette courte phrase fait écho à notre charte éthique. Pour plus d'informations : <a href="https://tetras-libre.fr/contact"><span>https://tetras-libre.fr/contact</span> </a>
</p><br>
</div>
</div>
</div>
</div>
</section>
<section class="relative moduleSectionContainer module" id="footer">
<footer class="page-footer second-background base ">
<div class="container main-color">
<div class="row" style="margin-bottom: 0 !important;">
<div class="col m12 l5 s12 relative" >
<div class="editable main-font second-color relative" id="moduleValue-leftText" style="margin: 0 20px !important;">
<p class="second-color">Le logo Tétras Cloud est basé sur une œuvre en CC-BY-SA :<br />Auteur : Markus Meier / Distribution : <a href="https://download.fsfe.org/advocacy/promomaterial/NoCloud/NoCloud-sticker/">FSFE</a><br /></p>
</div>
</div>
<div class="col m8 l4 s12 relative " >
<div class="editable main-font second-color relative" id="moduleValue-rightText" style="margin: 0 20px !important;" >
</div>
</div>
</div>
</footer>
</section>
<a class="fixed btn-floating btn-large menu-background waves-effect waves-light tooltipped light-shadow" data-position="left"
data-delay="350" data-tooltip="retour haut de page" id="ScrollTopBtn" style="opacity : 0; z-index: 200 !important; bottom: 20px; right: 20px ">
<i class="material-icons second-color medium">arrow_upward</i>
</a>
</div>
<!-- Scripts-->
<script src="public/js/jquery-2.1.1.min.js"></script>
<script src="public/js/materialize.min.js"></script>
<script>
SiteOptions = {"font":{"name":"Pro","title":{"name":"Maven Pro","local":"MavenPro","css1":"Maven Pro","css2":"sans-serif"},"main":{"name":"Maven Pro","local":"MavenPro","css1":"Maven Pro","css2":"sans-serif"}},"theme":{"name":"Grav","menu_background":"#3b3b3b","main_background":"#FFFFFF","main_color":"#2A3A42","contrasted_color":"#FFFFFF","second_background":"#96C7A2","second_color":"#44685E"},"params":{"title":"Solutions Cloud auto-hébergées","titleSize":"medium","favIcon":"..\/medias\/6304c1e4505e1.png","siteLogo":"","lang":"fr_FR","description":"Prenez la main sur vos services num","keywords":"cloud, open source, self hosting, auto hebergement, nocloud, no gafam","isPublished":"true"}};
CSRFToken= ''
isAdminPage =""
scrollFireOptions = []
</script>
<script src="public/js/init.js"></script>
<script src="app/views/base/nav/nav.js"></script>
<script src="app/views/base/footer/footer.js" ></script>
<script src="public/js/adminEditScripts.js"></script>
<script src="app/views/modules/paralax/show.js"></script>
<script src="app/views/modules/headband/show.js"></script>
<script src="app/views/modules/three_goals/show.js"></script>
<script src="app/views/modules/three_cards/show.js"></script>
<script src="app/views/modules/button/show.js"></script>
<script src="app/views/modules/contact/show.js"></script>
<script>
$(document).ready(function () {
Materialize.scrollFire(scrollFireOptions);
})
</script>
<div id="modalCroppingImage" class="modal big-modal modal-fixed-header" style="z-index: 12000">
<div class="modal-header" style="z-index: 6001">
<h5 class="white-text" style="padding: 15px !important; margin: 0 !important;">Recadrer l'image <i>(optionnel)</i></h5>
<a href="#!" class="modal-action modal-close waves-effect waves-green btn-flat right"><i class="material-icons white-text">clear</i></a>
</div>
<div class="modal-content relative" id="croppingModalContainer" style="padding: 0 !important;">
</div>
</div></body>
</html>