|
|
|
|
|
<!DOCTYPE html>
|
|
|
<html>
|
|
|
<head>
|
|
|
<!-- Standard Meta -->
|
|
|
<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">
|
|
|
|
|
|
<!-- Site Properties -->
|
|
|
<title>clawd.fr - Hébergeur engagé</title>
|
|
|
<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>
|
|
|
$(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')
|
|
|
;
|
|
|
|
|
|
})
|
|
|
;
|
|
|
</script>
|
|
|
<style type="text/css">
|
|
|
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Comfortaa:wght@300&family=Nova+Flat&display=swap');
|
|
|
</style>
|
|
|
</head>
|
|
|
<body class="clawd">
|
|
|
|
|
|
<!-- Following Menu -->
|
|
|
<div class="ui large top fixed hidden menu">
|
|
|
<div class="ui container">
|
|
|
<a class="active item">Accueil</a>
|
|
|
<a class="item">Nextcloud ?</a>
|
|
|
<a class="item">Offres</a>
|
|
|
<a class="item">Tarifs</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">Nextcloud ?</a>
|
|
|
<a class="item">Offres</a>
|
|
|
<a class="item">Tarifs</a>
|
|
|
<a class="item">FAQ</a>
|
|
|
<a class="item">Support</a>
|
|
|
<a class="item">Documentation</a>
|
|
|
</div>
|
|
|
|
|
|
|
|
|
<!-- Page Contents -->
|
|
|
<div class="pusher">
|
|
|
<div class="ui inverted vertical masthead center aligned segment">
|
|
|
|
|
|
<div class="ui container">
|
|
|
<div class="ui large secondary inverted pointing menu">
|
|
|
<a class="toc item">
|
|
|
<i class="sidebar icon"></i>
|
|
|
</a>
|
|
|
<a class="active item">clawd.fr</a>
|
|
|
<a class="item">Nextcloud ?</a>
|
|
|
<a class="item">Offres</a>
|
|
|
<a class="item">Tarifs</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>
|
|
|
|
|
|
<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'hébergement Nextcloud à 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 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>
|
|
|
|
|
|
<div class="ui vertical stripe segment">
|
|
|
<div class="ui middle aligned stackable grid 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 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é: 3h par semaine soit environ 150 heures par an</li>
|
|
|
<li>Vérification périodique 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 middle aligned stackable grid container">
|
|
|
<div class="row">
|
|
|
<div class=" wide column">
|
|
|
<h2>Conditions Générales d'Utilisation</h2>
|
|
|
<h3>DÉFINITIONS</h3>
|
|
|
<p>
|
|
|
<ul class="list">
|
|
|
<li>Hébergeur - l'entreprise responsable de la structure clawd.fr.</li>
|
|
|
<li>Client - toute personne physique ou morale ayant conclu et signé un contrat d'hébergement avec l'hébergeur.</li>
|
|
|
<li>Contrat - tout accord écrit signé par l'hébergeur et le client et qui engage d'une part l'hébergeur à une obligation de moyens quant à la fiabilité du service fourni et d'autre part le client à s'acquitter à temps des paiements auxquels il s'est engagé pour les services fournis.</li>
|
|
|
<li>VPS / SPV - Virtual Private Server ou Serveur Privé Virtuel, une machine virtuelle réservée par l'hébergeur à un client spécifique dans le cadre des services fournis, tous les services propres à un client donné sont rendus depuis cette machine.</li>
|
|
|
</ul>
|
|
|
</p>
|
|
|
|
|
|
<h3>PRÉAMBULE</h3>
|
|
|
|
|
|
<p>En utilisant les services clawd.fr, vous acceptez d’être lié par les conditions suivantes.<br>
|
|
|
Clawd.fr se réserve le droit de mettre à jour et modifier ces conditions sans préavis.<br>
|
|
|
Toute modification des CGU sera notifiée aux clients dans un délai de 3 jours par e-mail, les clients ont alors un délai de 15 jours pour contester les nouvelles CGU, elles seront considérées lues et approuvées après 30 jours sans contestation.<br>
|
|
|
Pour toute question sur les CGU ou CGV, écrivez à conditions@clawd.fr </p>
|
|
|
|
|
|
<h3>PÉRIMÈTRE</h3>
|
|
|
|
|
|
<p>Les services proposés par clawd.fr le sont à destination des personnes physiques et morales domiciliées en France et plus particulièrement sur les départements situés entre le Puy-de-Dôme (63) et les Bouches-du-Rhône (13): Cantal (15), Haute-Loire (43), Aveyron (12), Lozère (48), Ardèche (07), Hérault (34), Gard (30), Vaucluse (84).<br>
|
|
|
Les comptes ouverts par des robots ou tout autre moyen d'automatisation seront supprimés sans préavis.</p>
|
|
|
|
|
|
|
|
|
<h3>UTILISATION DES SERVICES ET RESPONSABILITÉ</h3>
|
|
|
|
|
|
<p>L'hébergeur fourni à chaque client un espace de stockage privé sur lequel peuvent être stockés puis éventuellement publiés les fichiers de son choix.<br>
|
|
|
Les clients s'engagent à respecter les lois en vigueur ainsi que la présente charte, sont donc interdits à la publication les contenus pouvants se rapporter directement ou indirectement:
|
|
|
<ul class="list">
|
|
|
<li>à la pornographie ou l' érotisme sous toutes ses formes</li>
|
|
|
<li>à la pédopornographie et/ou pédophilie</li>
|
|
|
<li>au terrorisme et à son apologie</li>
|
|
|
<li>au racisme et à son apologie</li>
|
|
|
<li>au piratage de programmes informatiques</li>
|
|
|
<li>à des contenus audio et/ou vidéo sous copyright sans mention explicite d'autorisation</li>
|
|
|
<li>au spam ou hameçonnage</li>
|
|
|
<li>à des activités illégales</li>
|
|
|
</ul>
|
|
|
</p>
|
|
|
|
|
|
<p>Le client est seul responsable de la publication ou non des contenus qu'il stocke sur l'espace mis à sa disposition par l'hébergeur.<br>
|
|
|
L'hébergeur ne pratique aucune modération à priori des contenus publiés, mais se réserve le droit de supprimer sans préavis tout contenu public contraire aux CGU.<br>
|
|
|
Tout contenu abusif doit être signalé par e-mail à l'adresse suivante: abuse@clawd.fr</p>
|
|
|
|
|
|
|
|
|
<h3>ENGAGEMENTS ET OBLIGATIONS</h3>
|
|
|
|
|
|
<p>L'hébergeur s'engage à mettre en oeuvre tous les moyens humainement possibles et à sa disposition pour assurer la disponibilité, la sécurité et la qualité des services fournis.<br>
|
|
|
L'hébergeur ne peut cependant pas garantir la fiabilité ou disponibilité des services, notemment mais pas seulement en cas de force majeure ou par manque de moyens.<br>
|
|
|
En cas d'interruption de service l'hébergeur s'engage à déployer tous les moyens humainement possibles le plus rapidement possible pour rétablir les services impactés.<br>
|
|
|
En cas de perte de données l'hébergeur s'engage à déployer tous les moyens humainenement possibles pour tenter de récupérer les données en question depuis les sauvegardes, ou à mettre à disposition du/des client(s) impacté(s) les-dites sauvegardes sur demande.</p>
|
|
|
|
|
|
|
|
|
<h3>LIMITATIONS</h3>
|
|
|
|
|
|
<p>L'espace disque mis à disposition de chaque client lui est réservé et peut-être augmenté sur demande.<br>
|
|
|
Les autres ressources (processeur, mémoire vive, bande passante) sont allouées à la création du VPS et sont en partie mutualisées avec les autres VPS.<br>
|
|
|
L'hébergeur n'applique aucune limitation à priori sur ces ressources, cependant en cas d'abus constaté, qu'il soit volontaire ou non, l'hébergeur se réserve le droit d'appliquer des limitations spécifiques pour le client concerné, et s'engage à ouvrir un dialogue afin de corriger le problème. En cas de répétition ou d'impossibilité de dialoguer à temps pour éviter d'impacter d'autres clients, l'hébergeur se réserve le droit d'interrompre les processus concernés sur le VPS du client.</p>
|
|
|
|
|
|
|
|
|
<h3>UTILISATION DES DONNÉES PERSONNELLES</h3>
|
|
|
|
|
|
<p>L'hébergeur s'engage à respecter la vie privée de ses clients en ne stockant aucune donnée personnelle à d'autres fins qu'administratives ou par obligation légale, pour assurer la continuité de service, le contact avec ses clients ou pour des statistiques internes anonymisées.<br>
|
|
|
L'hébergeur s'engage à ne pas vendre, céder, ou transmettre de quelque façon que ce soit les données personnelles ou les métadonnées des clients ou visiteurs à un tiers quelconque.<br>
|
|
|
Les statistiques d'utilisation qui pourraient être publiées sur le site seront entièrement anonymisées.</p>
|
|
|
|
|
|
|
|
|
<h3>DROITS D'AUTEUR</h3>
|
|
|
|
|
|
<p>L'hébergeur ne revendique aucun droit sur les données hébergées et s'engage à ne pas utiliser les contenus de ses clients à d'autres fins que pour leur fournir les services souscrits.</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
</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>
|
|
|
|
|
|
|
|
|
<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>
|
|
|
</div>
|
|
|
|
|
|
</body>
|
|
|
|
|
|
</html>
|
