You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
218 lines
11 KiB
218 lines
11 KiB
|
|
<!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>Nous proposons actuellement des solutions d'hébergement Nextcloud à destination des particuliers, associations, TPE/PME et autres structures à taille humaine. Notre objectif premier est de rendre à l'utilisateur final la souveraineté de ses données.</p>
|
|
<p>Concrètement, celà signifie que nous utilisons exclusivement des technologies et logiciels open-source, qui garantissent à nos 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, nous pensons qu'il est impératif de remettre l'usager et ses besoins au centre du débat.</p>
|
|
<p>Notre infrastructure est entièrement basée sur des technologies open-source, toutes les demandes de nos clients sont gérées par un humain et non par des robots, et nos tarifs sont libres.</p>
|
|
</div>
|
|
<div class="column">
|
|
<h2>À prix libre</h2>
|
|
<p>Oui, vous avez bien lu! Nous pensons que si vous nous faites assez confiance pour héberger vos données chez nous, nous nous devons de vous rendre la pareille en vous laissant juger de la valeur du service fourni.</p>
|
|
<p>Évidemment, nous avons nous aussi des factures à payer, nous souhaitons donc pouvoir tirer un bénéfice de notre activité. Ainsi, afin de vous permettre de prendre une décision éduquée quant au prix que vous voulez payer, nous mettons un point d'honneur à être aussi transparents que possible sur nos frais fixes.</p>
|
|
</div>
|
|
<div class="column">
|
|
<h2>Transparent</h2>
|
|
<p>La transparence est indispensable à la confiance qui doit régner avec nos clients. Tous nos frais liés à l'infrastructure d'hébergement sont publics, de même que les logiciels utilisés, les interventions techniques, la localisation de nos serveurs, et toute autre information que vous pourriez nous demander et qui ne met par en péril la sécurité de notre infrastructure ou des données de nos clients.</p>
|
|
<p>Nous avons également rédigé nos 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>Chacun de nos clients dispose d'une instance Nextcloud dédiée et donc isolée des autres, ce qui nous 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 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 sommes-nous?</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">Conditions générales d'utilisation</a>
|
|
<a href="#" class="item">Status de l'infrastructure</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>
|