Adrien W
4 years ago
parent
8d77fa06b4
commit
1d1c42d91b
@ -0,0 +1,5 @@
|
|||||||
|
RewriteEngine On
|
||||||
|
RewriteRule ^index\.html$ /index.php [L]
|
||||||
|
RewriteRule ^cgu\.html$ /cgu.php [L]
|
||||||
|
RewriteRule ^interventions\.html$ /interventions.php [L]
|
||||||
|
RewriteRule ^solutions\.html$ /solutions.php [L]
|
||||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 61 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 23 KiB |
Binary file not shown.
Binary file not shown.
@ -0,0 +1,23 @@
|
|||||||
|
$(document)
|
||||||
|
.ready(function() {
|
||||||
|
|
||||||
|
// fix menu when passed
|
||||||
|
$('.masthead')
|
||||||
|
.visibility({
|
||||||
|
once: false,
|
||||||
|
onBottomPassed: function() {
|
||||||
|
$('.fixed.menu').transition('fade in');
|
||||||
|
},
|
||||||
|
onBottomPassedReverse: function() {
|
||||||
|
$('.fixed.menu').transition('fade out');
|
||||||
|
}
|
||||||
|
})
|
||||||
|
;
|
||||||
|
|
||||||
|
// create sidebar and attach to menu open
|
||||||
|
$('.ui.sidebar')
|
||||||
|
.sidebar('attach events', '.toc.item')
|
||||||
|
;
|
||||||
|
|
||||||
|
})
|
||||||
|
;
|
||||||
@ -0,0 +1,25 @@
|
|||||||
|
<link rel="stylesheet" type="text/css" href="dist/components/reset.css">
|
||||||
|
<link rel="stylesheet" type="text/css" href="dist/components/site.css">
|
||||||
|
|
||||||
|
<link rel="stylesheet" type="text/css" href="dist/components/container.css">
|
||||||
|
<link rel="stylesheet" type="text/css" href="dist/components/grid.css">
|
||||||
|
<link rel="stylesheet" type="text/css" href="dist/components/header.css">
|
||||||
|
<link rel="stylesheet" type="text/css" href="dist/components/image.css">
|
||||||
|
<link rel="stylesheet" type="text/css" href="dist/components/menu.css">
|
||||||
|
|
||||||
|
<link rel="stylesheet" type="text/css" href="dist/components/divider.css">
|
||||||
|
<link rel="stylesheet" type="text/css" href="dist/components/dropdown.css">
|
||||||
|
<link rel="stylesheet" type="text/css" href="dist/components/segment.css">
|
||||||
|
<link rel="stylesheet" type="text/css" href="dist/components/button.css">
|
||||||
|
<link rel="stylesheet" type="text/css" href="dist/components/list.css">
|
||||||
|
<link rel="stylesheet" type="text/css" href="dist/components/icon.css">
|
||||||
|
<link rel="stylesheet" type="text/css" href="dist/components/sidebar.css">
|
||||||
|
<link rel="stylesheet" type="text/css" href="dist/components/transition.css">
|
||||||
|
|
||||||
|
<link href="assets/style.css" rel="stylesheet" type="text/css"/>
|
||||||
|
|
||||||
|
<script src="assets/library/jquery-3.6.0.min.js"></script>
|
||||||
|
<script src="dist/components/visibility.js"></script>
|
||||||
|
<script src="dist/components/sidebar.js"></script>
|
||||||
|
<script src="dist/components/transition.js"></script>
|
||||||
|
<script src="assets/script.js"></script>
|
||||||
@ -0,0 +1,39 @@
|
|||||||
|
<?php
|
||||||
|
$pages = Array(
|
||||||
|
'index' => Array(
|
||||||
|
'key' => 'index',
|
||||||
|
'name' => 'Accueil'
|
||||||
|
),
|
||||||
|
'solutions' => Array(
|
||||||
|
'key' => 'solutions',
|
||||||
|
'name' => 'Solutions'
|
||||||
|
),
|
||||||
|
'cgu' => Array(
|
||||||
|
'key' => 'cgu',
|
||||||
|
'name' => 'C.G.U.'
|
||||||
|
),
|
||||||
|
'interventions' => Array(
|
||||||
|
'key' => 'interventions',
|
||||||
|
'name' => 'Interventions'
|
||||||
|
),
|
||||||
|
'faq' => Array(
|
||||||
|
'key' => 'faq',
|
||||||
|
'name' => 'F.A.Q.'
|
||||||
|
),
|
||||||
|
'aide' => Array(
|
||||||
|
'key' => 'aide',
|
||||||
|
'name' => 'Aide'
|
||||||
|
),
|
||||||
|
'contact' => Array(
|
||||||
|
'key' => 'contact',
|
||||||
|
'name' => 'Contact'
|
||||||
|
));
|
||||||
|
|
||||||
|
$mainMenu = Array(
|
||||||
|
0 => $pages['index'],
|
||||||
|
1 => $pages['solutions'],
|
||||||
|
2 => $pages['cgu'],
|
||||||
|
3 => $pages['interventions']
|
||||||
|
);
|
||||||
|
|
||||||
|
$currentPage = $pages['index'];
|
||||||
@ -0,0 +1,28 @@
|
|||||||
|
<div class="ui inverted vertical footer segment">
|
||||||
|
<div class="ui container">
|
||||||
|
<div class="ui stackable inverted divided equal height stackable grid">
|
||||||
|
<div class="three wide column">
|
||||||
|
<h4 class="ui inverted header">À propos</h4>
|
||||||
|
<div class="ui inverted link list">
|
||||||
|
<a href="#" class="item">Plan du site</a>
|
||||||
|
<a href="#" class="item">Contact</a>
|
||||||
|
<a href="#" class="item">Qui suis-je?</a>
|
||||||
|
<a href="#" class="item">Mentions légales</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="three wide column">
|
||||||
|
<h4 class="ui inverted header">clawd.fr</h4>
|
||||||
|
<div class="ui inverted link list">
|
||||||
|
<a href="#" class="item">Infrastructure</a>
|
||||||
|
<a href="#" class="item">Transparence</a>
|
||||||
|
<a href="#" class="item">C.G.U.</a>
|
||||||
|
<a href="#" class="item">État des services</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="seven wide column">
|
||||||
|
<h4 class="ui inverted header">clawd.fr</h4>
|
||||||
|
<p>Hébergeur engagé</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
@ -0,0 +1,23 @@
|
|||||||
|
<div class="ui container">
|
||||||
|
<div class="ui large secondary inverted pointing menu">
|
||||||
|
<a class="toc item">
|
||||||
|
<i class="sidebar icon"></i>
|
||||||
|
</a>
|
||||||
|
<?php
|
||||||
|
foreach ($mainMenu as $item) {
|
||||||
|
$active = $currentPage==$item? 'active ': '';
|
||||||
|
echo '
|
||||||
|
<a class="'.$active.'item" href="'.$item['key'].'.html" target="_self">'.$item['name'].'</a>';
|
||||||
|
}
|
||||||
|
?>
|
||||||
|
|
||||||
|
<a href="#" class="ui right floated dropdown item">
|
||||||
|
Aide <i class="dropdown icon"></i>
|
||||||
|
<div class="menu">
|
||||||
|
<div class="item">FAQ</div>
|
||||||
|
<div class="item">Support</div>
|
||||||
|
<div class="item">Documentation</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
@ -0,0 +1,24 @@
|
|||||||
|
<!-- Following Menu -->
|
||||||
|
<div class="ui large top fixed hidden menu">
|
||||||
|
<div class="ui container">
|
||||||
|
<a class="active item">Accueil</a>
|
||||||
|
<a class="item" href="solutions.html">Nextcloud</a>
|
||||||
|
<a href="#" class="ui right floated dropdown item">
|
||||||
|
Aide <i class="dropdown icon"></i>
|
||||||
|
<div class="menu">
|
||||||
|
<div class="item">FAQ</div>
|
||||||
|
<div class="item">Support</div>
|
||||||
|
<div class="item">Documentation</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Sidebar Menu -->
|
||||||
|
<div class="ui vertical inverted sidebar menu">
|
||||||
|
<a class="active item">Accueil</a>
|
||||||
|
<a class="item" href="solutions.html">Nextcloud</a>
|
||||||
|
<a class="item">FAQ</a>
|
||||||
|
<a class="item">Support</a>
|
||||||
|
<a class="item">Documentation</a>
|
||||||
|
</div>
|
||||||
@ -0,0 +1,3 @@
|
|||||||
|
<meta charset="utf-8" />
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
|
||||||
@ -0,0 +1,164 @@
|
|||||||
|
<?php
|
||||||
|
require_once 'includes/_config.php';
|
||||||
|
$currentPage = $pages['index'];
|
||||||
|
|
||||||
|
?><!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<?php include 'includes/_meta.php'; ?>
|
||||||
|
|
||||||
|
<title>clawd.fr - Hébergeur engagé</title>
|
||||||
|
|
||||||
|
<?php include 'includes/_assets.php'; ?>
|
||||||
|
</head>
|
||||||
|
<body class="clawd index">
|
||||||
|
|
||||||
|
<?php include 'includes/_menus.php'; ?>
|
||||||
|
|
||||||
|
<!-- Page Contents -->
|
||||||
|
<div class="pusher">
|
||||||
|
<div class="ui inverted vertical masthead center aligned segment">
|
||||||
|
|
||||||
|
<?php include 'includes/_mainmenu.php'; ?>
|
||||||
|
|
||||||
|
<div class="ui text container">
|
||||||
|
<h1 class="ui header" id="logo">CLAWD.FR</h1>
|
||||||
|
<h2>HÉBERGEUR ENGAGÉ</h2>
|
||||||
|
<span class="intro">Vous avez des besoins en stockage de fichiers en ligne?<br>Vous voulez sortir des griffes des GAFAM sans vous ruiner?<br>Vous êtes au bon endroit, laissez-vous guider!</span>
|
||||||
|
<div class="ui huge primary button">Dites-moi tout <i class="right arrow icon"></i></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="ui four column doubling stackable grid container">
|
||||||
|
<div class="column">
|
||||||
|
<h2>Hébergeur</h2>
|
||||||
|
<p>Je propose actuellement des solutions d'<a href="solutions.html" title="voir les solutions proposées">hébergement Nextcloud</a> à destination des particuliers, associations, TPE/PME et autres structures à taille humaine. Mon objectif premier est de rendre à l'utilisateur final la souveraineté de ses données.</p>
|
||||||
|
<p>Concrètement, celà signifie que j'utilise exclusivement des technologies et logiciels open-source, qui garantissent à mes clients l'interopérabilité et la portabilité de leurs données.</p>
|
||||||
|
</div>
|
||||||
|
<div class="column">
|
||||||
|
<h2>Engagé</h2>
|
||||||
|
<p>À l'heure où les GAFAM retiennent d'une main de fer les internautes sur leurs plate-formes, je pense qu'il est impératif de remettre l'usager et ses besoins au centre du débat.</p>
|
||||||
|
<p>Mon infrastructure est entièrement basée sur des technologies open-source, toutes les demandes de mes clients sont gérées par un humain, moi-même, et non par des robots, et mes tarifs sont libres.</p>
|
||||||
|
</div>
|
||||||
|
<div class="column">
|
||||||
|
<h2>À prix libre</h2>
|
||||||
|
<p>Oui, vous avez bien lu! Je pense que si vous me faites assez confiance pour héberger vos données chez moi, je me dois de vous rendre la pareille en vous laissant juger de la valeur du service fourni.</p>
|
||||||
|
<p>Évidemment, j'ai moi aussi des factures à payer, je souhaite donc pouvoir tirer un bénéfice de mon activité. Ainsi, afin de vous permettre de prendre une décision éduquée quant au prix que vous voulez payer, je met un point d'honneur à être aussi transparent que possible sur mes frais fixes.</p>
|
||||||
|
</div>
|
||||||
|
<div class="column">
|
||||||
|
<h2>Transparent</h2>
|
||||||
|
<p>La transparence est indispensable à la confiance qui doit régner avec mes clients. Tous les frais liés à l'infrastructure d'hébergement sont publics, de même que les logiciels utilisés, les interventions techniques, la localisation des serveurs, et toute autre information que vous pourriez me demander et qui ne met par en péril la sécurité de l'infrastructure ou des données des clients.</p>
|
||||||
|
<p>J'ai également pris soin de rédiger les conditions d'utilisation afin qu'elles soient lisibles et intelligibles par tous, afin que chacun puisse enfin "cocher la case" en pleine conscience!</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="ui vertical stripe segment">
|
||||||
|
<div class="ui top aligned container">
|
||||||
|
<div class="row">
|
||||||
|
<div class=" wide column">
|
||||||
|
<h2>Discutons de vos besoins</h2>
|
||||||
|
<p>Je vous invite à me contacter pour discuter de vos besoins et des solutions que je peux vous apporter. Nous évaluerons ensemble la pertinence des outils que je propose pour répondre à vos problématiques spécifiques.<br>
|
||||||
|
Pour me contacter, envoyez un e-mail à l'adresse <a href="mailto:contact@clawd.fr" target="_blank">contact@clawd.fr</a>.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="ui vertical stripe segment">
|
||||||
|
<div class="ui top aligned container">
|
||||||
|
<div class="row">
|
||||||
|
<div class=" wide column">
|
||||||
|
<h2>Une structure à taille humaine</h2>
|
||||||
|
<p>L'entreprise qui soutient mon activité suit le régime de la micro-entreprise. Je suis seul à gérer l'adminstration technique de l'infrastructure et la relation client.</p>
|
||||||
|
<p>Vous profitez d'une relation directe et franche avec une personne réelle et impliquée, j'étudie toutes les demandes et problématiques particulières, et si c'est possible pour chacun, je préfère toujours rencontrer en personne mes clients potentiels pour discuter de leurs besoins spécifiques. Tout ceci demande du temps, un solide bagage technique et une veille permanente, que je suis heureux de proposer aux groupes et personnes qui partagent mes valeurs.</p>
|
||||||
|
<p>L'autre côté de la pièce est assez évident: si je passe demain sous un bus, il n'y a plus personne aux commandes. Mon infrastructure est redondante, moi pas! À ce jour la solution envisagée à ce problème passe par un partenariat avec un autre hébegeur du même type: quelqu'un qui partagerait les mêmes valeurs et avec qui je passerais un accord qui autoriserait légalement et techniquement chacun à reprendre le flambeau de l'autre en cas d'accident grave. Les recherches sont en cours de ce côté et des pistes s'esquissent déjà, plus d'informations à ce sujet en temps utiles.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="ui vertical stripe segment">
|
||||||
|
<div class="ui top aligned stackable grid container">
|
||||||
|
<div class="row">
|
||||||
|
<div class="sixteen wide column">
|
||||||
|
<h2>Infrastructure technique</h2>
|
||||||
|
</div>
|
||||||
|
<div class="eight wide column">
|
||||||
|
<h3>Matériel</h3>
|
||||||
|
<p>L'infrastructure d'hébergement est actuellement composée d'un seul serveur hébergé par la société <a href="https://www.hetzner.com/" target="_blank">Hetzner Online GmbH</a> dans son datacenter de Falkenstein en Allemagne (FSN1-DC1). Étant un <a href="https://fr.wikipedia.org/wiki/Serveur_d%C3%A9di%C3%A9" target="_blank">serveur dédié</a>, je suis le seul administrateur de cette machine.</p>
|
||||||
|
<p>Ce serveur utilise 4 disques durs de 10TB chacun, agrégés en un volume <a href="https://fr.wikipedia.org/wiki/RAID_(informatique)#RAID_10_(ou_RAID_1+0)" target="_blank">RAID10</a> de 20TB et peut donc supporter sans perte de données la panne d'un disque dur, voire deux dans certains cas. La mémoire vive utilisée (32GB DDR3) est certifiée <a href="https://fr.wikipedia.org/wiki/M%C3%A9moire_%C3%A0_code_correcteur_d%27erreurs" target="_blank">ECC</a>. Cette machine ne dispose actuellement que d'un seul bloc d'alimentation et d'une seule interface réseau (1Gbps).</p>
|
||||||
|
</div>
|
||||||
|
<div class="eight wide column">
|
||||||
|
<h3>Logiciel</h3>
|
||||||
|
<p>Le serveur utilise l'<a href="https://fr.wikipedia.org/wiki/Hyperviseur" target="_blank">hyperviseur</a> <a href="https://www.proxmox.com/en/" target="_blank">Proxmox</a> basé sur la distribution <a href="https://www.debian.org/" target="_blank">Debian</a>. Chaque client est hébergé sur un conteneur <a href="https://fr.wikipedia.org/wiki/LXC" target="_blank">LXC</a> sous Debian également. Côté sauvegarde c'est le logiciel <a href="https://www.borgbackup.org/" target="
|
||||||
|
">borgbackup</a> qui est utilisé pour effectuer une sauvegarde complète de l'hyperviseur et des conteneurs clients chaque jour, ces sauvegardes sont ensuite chiffrées puis envoyées vers un serveur de stockage géré par <a href="https://www.borgbase.com/" target="_blank">BorgBase</a> en Europe.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="ui vertical stripe segment">
|
||||||
|
<div class="ui top aligned stackable grid container">
|
||||||
|
<div class="row">
|
||||||
|
<div class="sixteen wide column">
|
||||||
|
<h2>Coût de l'infrastructure</h2>
|
||||||
|
</div>
|
||||||
|
<div class="height wide column">
|
||||||
|
<h3>Locations et licences</h3>
|
||||||
|
<ul class="list">
|
||||||
|
<li>Serveur: 140€/mois</li>
|
||||||
|
<li>Licence Proxmox "Community": 90€/an</li>
|
||||||
|
<li>Noms de domaine (clawd.fr & clawd.net): 30€/an</li>
|
||||||
|
<li>Stockage des sauvegardes: 2TB ~128€/an; ~4.27€/TB/mois au delà</li>
|
||||||
|
</ul>
|
||||||
|
<p>Total environ 1930€ par an soit ~160€/mois</p>
|
||||||
|
<p>Bénéfice théorique net pour 20TB loués 40€/TB/mois: 500€/mois</p>
|
||||||
|
</div>
|
||||||
|
<div class="height wide column">
|
||||||
|
<h3>Temps de travail</h3>
|
||||||
|
<ul class="list">
|
||||||
|
<li>Installation et configuration initiale de l'infrastructure: environ 40h</li>
|
||||||
|
<li>Installation simple d'un nouveau client: 1 à 2h</li>
|
||||||
|
<li>Maintenance et mises à jour: 4h pour l'infrastructure + 20 minutes par client, 2 à 4 fois par an</li>
|
||||||
|
<li>Veille technique et sécurité: 1 à 4h par semaine</li>
|
||||||
|
<li>Vérification de l'état des sauvegardes: 10 minutes par client, une fois par mois</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="ui vertical stripe segment">
|
||||||
|
<div class="ui top aligned stackable grid container">
|
||||||
|
<div class="row">
|
||||||
|
<div class="sixteen wide column">
|
||||||
|
<h2>Objectifs à moyen et long terme</h2>
|
||||||
|
</div>
|
||||||
|
<div class="eight wide column">
|
||||||
|
<h3>Infrastructure multi-sites</h3>
|
||||||
|
<p>Actuellement l'infrastructure d'hébergement est assez robuste pour accueillir de nombreux clients, cependant une panne majeure du serveur, un incident grave dans le datacenter ou un piratage ciblé pourraient perturber voire interrompre les services. Les sauvegardes sont là pour ça et me permettraient de rétablir les services assez rapidement (quelques heures à quelque jours selon la gravité du problème).<br>
|
||||||
|
Il existe cependant des moyens techniques de se prémunir des pannes les plus courantes. Le premier stade consiste à multiplier les serveurs en les répartissant sur des zones géographiques différentes. Avec plusieurs serveurs il est possible de faire basculer automatiquement les clients d'un serveur à un autre en cas de panne de l'un d'eux. En fonctionnement normal celà permet aussi de répartir la charge sur plusieurs machines et ainsi d'améliorer la qualité de service.<br>
|
||||||
|
Ce type d'infrastructure n'est pas difficile à mettre en place, la principale difficulté reste financière, aussi je ne pourrai m'engager dans cette voie que lorsque j'aurai assez de clients pour soutenir une telle charge.</p>
|
||||||
|
</div>
|
||||||
|
<div class="eight wide column">
|
||||||
|
<h3>Garantie de service</h3>
|
||||||
|
<p>Un des objectifs à moyen terme et de pouvoir garantir à mes clients par engagement contractuel une disponibilité des services de 99.9%. Dans les faits cette disponibilité est déjà théoriquement assurée, mais il suffirait d'une panne majeure sur le serveur pour mettre à mal cette statistique.</p>
|
||||||
|
<h3>Garantie de continuité</h3>
|
||||||
|
<p>Étant au commencement de cette activité, je ne peux garantir sa perrennité au delà de quelques mois. Avec une base de clients suffisante je pourrai garantir une continuité de service plus longue même en cas d'arrêt planifié de l'activité.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<div class="column">
|
||||||
|
<p>Ces évolutions se traduiront lorsqu'elle seront implémentées par une modification des CGU pour refléter les engagements pris de mon côté vis-à-vis de mes clients présents et futurs sans impact sur les leurs ou les tarifs qui resteront libres.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<?php include 'includes/_footer.php'; ?>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
@ -0,0 +1,67 @@
|
|||||||
|
<?php
|
||||||
|
require_once 'includes/_config.php';
|
||||||
|
$currentPage = $pages['interventions'];
|
||||||
|
|
||||||
|
?><!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<?php include 'includes/_meta.php'; ?>
|
||||||
|
|
||||||
|
<title>clawd.fr - Interventions</title>
|
||||||
|
|
||||||
|
<?php include 'includes/_assets.php'; ?>
|
||||||
|
</head>
|
||||||
|
<body class="clawd">
|
||||||
|
|
||||||
|
<?php include 'includes/_menus.php'; ?>
|
||||||
|
|
||||||
|
<!-- Page Contents -->
|
||||||
|
<div class="pusher">
|
||||||
|
<div class="ui inverted vertical masthead center aligned segment">
|
||||||
|
|
||||||
|
<?php include 'includes/_mainmenu.php'; ?>
|
||||||
|
|
||||||
|
<div class="ui text container">
|
||||||
|
<h1 class="ui header" id="logo">CLAWD.FR</h1>
|
||||||
|
<h2>HÉBERGEUR ENGAGÉ</h2>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="ui container borderless center aligned">
|
||||||
|
<h1>INTERVENTIONS PASSÉES ET À VENIR</h1>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="ui vertical stripe segment">
|
||||||
|
<div class="ui text container">
|
||||||
|
<h3 class="ui horizontal header divider">Interventions planifiées</h3>
|
||||||
|
<h3 class="ui header">lorem ipsum</h3>
|
||||||
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam gravida vestibulum tincidunt. Sed finibus neque vel elit finibus, eget interdum ex fringilla. Nulla ipsum tellus, suscipit a tincidunt suscipit, mattis a nunc. Donec varius augue metus, ac dictum turpis dignissim at. Aenean porta enim ut nisl consectetur ullamcorper eget posuere arcu.</p>
|
||||||
|
<a class="ui large button">Read More</a>
|
||||||
|
|
||||||
|
<h3 class="ui header">dolor sit amet</h3>
|
||||||
|
<p>Nunc pulvinar lorem in nisi interdum pulvinar non vitae velit. Donec rhoncus elementum sem eu ornare. Aliquam eget maximus mauris. Nam molestie scelerisque mauris in ullamcorper. Maecenas placerat non elit id dictum. Vestibulum ut est congue, blandit dui vel, sagittis velit.</p>
|
||||||
|
<a class="ui large button">Read More</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="ui vertical stripe segment">
|
||||||
|
<div class="ui text container">
|
||||||
|
<h3 class="ui horizontal header divider">Dernières interventions</h3>
|
||||||
|
<h3 class="ui header">lorem ipsum</h3>
|
||||||
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam gravida vestibulum tincidunt. Sed finibus neque vel elit finibus, eget interdum ex fringilla. Nulla ipsum tellus, suscipit a tincidunt suscipit, mattis a nunc. Donec varius augue metus, ac dictum turpis dignissim at. Aenean porta enim ut nisl consectetur ullamcorper eget posuere arcu.</p>
|
||||||
|
<a class="ui large button">Read More</a>
|
||||||
|
|
||||||
|
<h3 class="ui header">dolor sit amet</h3>
|
||||||
|
<p>Nunc pulvinar lorem in nisi interdum pulvinar non vitae velit. Donec rhoncus elementum sem eu ornare. Aliquam eget maximus mauris. Nam molestie scelerisque mauris in ullamcorper. Maecenas placerat non elit id dictum. Vestibulum ut est congue, blandit dui vel, sagittis velit.</p>
|
||||||
|
<a class="ui large button">Read More</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<?php include 'includes/_footer.php'; ?>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
@ -0,0 +1,77 @@
|
|||||||
|
<?php
|
||||||
|
require_once 'includes/_config.php';
|
||||||
|
$currentPage = $pages['solutions'];
|
||||||
|
|
||||||
|
?><!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<?php include 'includes/_meta.php'; ?>
|
||||||
|
|
||||||
|
<title>clawd.fr - Hébergeur engagé</title>
|
||||||
|
|
||||||
|
<?php include 'includes/_assets.php'; ?>
|
||||||
|
</head>
|
||||||
|
<body class="clawd">
|
||||||
|
|
||||||
|
<?php include 'includes/_menus.php'; ?>
|
||||||
|
|
||||||
|
<!-- Page Contents -->
|
||||||
|
<div class="pusher">
|
||||||
|
<div class="ui inverted vertical masthead center aligned segment">
|
||||||
|
|
||||||
|
<?php include 'includes/_mainmenu.php'; ?>
|
||||||
|
|
||||||
|
<div class="ui text container">
|
||||||
|
<h1 class="ui header" id="logo">CLAWD.FR</h1>
|
||||||
|
<h2>HÉBERGEUR ENGAGÉ</h2>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="ui container borderless center aligned">
|
||||||
|
<h1>SOLUTIONS PROPOSÉES</h1>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="ui vertical stripe segment">
|
||||||
|
<div class="ui middle aligned stackable grid container">
|
||||||
|
<div class="row">
|
||||||
|
<div class="eight wide column">
|
||||||
|
<h2>Nextcloud</h2>
|
||||||
|
<p>Nextcloud est un outil de stockage et partage de fichiers pour plusieurs utilisateurs avec une gestion fine des droits d'accès. Nextcloud intègre également un client mail, la gestion des calendriers et contacts, de la visioconférence, et toute une panoplie d'applications diverses installables en quelques clics depuis l'interface d'administration.</p>
|
||||||
|
<p>Chaque client dispose d'une instance Nextcloud dédiée et donc isolée des autres, ce qui me permet de leur fournir les droits d'administration sur leur instance et de ce fait la pleine autonomie sur la gestion des utilisateurs, des applications installées, la personnalisation et l'administration générale.</p>
|
||||||
|
<p>Nextcloud est un logiciel gratuit, libre et open-source. Il est maintenu par la société Nextcloud GmbH basée à Stuttgart en Allemagne. Vous pouvez retrouver plus d'informations sur le site <a href="https://nextcloud.com/" target="_blank">nextcloud.com</a>.</p>
|
||||||
|
</div>
|
||||||
|
<div class="six wide right floated column">
|
||||||
|
<img src="assets/img/nextcloud.png" class="ui fluid image">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="ui two column doubling stackable grid container">
|
||||||
|
<div class="column">
|
||||||
|
<h3>Pour quoi?</h3>
|
||||||
|
<p>Les usages possibles de Nextcloud sont nombreux:</p>
|
||||||
|
<ul class="list">
|
||||||
|
<li>Stockage de fichiers en ligne</li>
|
||||||
|
<li>Partage de fichiers en privé ou public</li>
|
||||||
|
<li>Synchronisation de dossiers entre plusieurs postes/utilisateurs</li>
|
||||||
|
<li>Gestion de calendriers</li>
|
||||||
|
<li>Gestion de contacts</li>
|
||||||
|
<li>Client mail</li>
|
||||||
|
<li>Communication instantannée par texte et audio/vidéo</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="column">
|
||||||
|
<h3>Pour qui?</h3>
|
||||||
|
<p>Petites et moyennes entreprises, associations, administrations, groupes d'amis ou familiaux</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<?php include 'includes/_footer.php'; ?>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
Loading…
Reference in new issue