312 lines
16 KiB
HTML
312 lines
16 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Recycled Cloud</title>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<link rel="icon" type="image/RecycledCloudLogo" href="assets/Recycledcloud-02.svg">
|
|
<link href="https://fonts.googleapis.com/css2?family=PT+Sans:wght@400;700&display=swap" rel="stylesheet">
|
|
<link rel="stylesheet" href="Style.css">
|
|
<meta name="keywords" content="écologique, hébergement, vert, vps, cloud, serveur, suisse, IT, recyclé, éthique">
|
|
</head>
|
|
|
|
<body id="Home">
|
|
<header class="Flex-Container_01">
|
|
<nav class="Flex-Container_02">
|
|
<a href="index_fr.html" class="logo_01">
|
|
<img id="logo_01" src="assets/RecycledCloudLogo-01.svg" alt="Recycled Clourd logo">
|
|
</a>
|
|
<input id="nav-toggle" type="checkbox">
|
|
<input id="nav-toggle_1" type="checkbox">
|
|
<ul class="topnav-links">
|
|
<li class="nav-item"><a href="index_fr.html" class="active"><span>Accueil</span></a></li>
|
|
<li class="nav-item"><a href="backup_fr.html"><span>Backup</span></a></li>
|
|
<li class="nav-item"><a href="virtual-machine_fr.html"><span>Machines Virtuelles</span></a></li>
|
|
<li class="nav-item">
|
|
<a href="manifesto_fr.html">Manifesto</a>
|
|
</li>
|
|
<li class="nav-item"><a href="become-client_fr.html" style="color: #043975"><span>Devenir
|
|
Client</span></a>
|
|
</li>
|
|
<ul id="language_bar">
|
|
<li class="nav-item PL_20"><a href="index.html"><span>EN</span></a></li>
|
|
<li class="nav-item nav-item2"><a href="#"><span>|</span></a></li>
|
|
<li class="nav-item nav-item2"><a href="index_fr.html" class="active-1"><span>FR</span></a></li>
|
|
</ul>
|
|
</ul>
|
|
<label for="nav-toggle" class="icon-burger">
|
|
<div class="line"></div>
|
|
<div class="line"></div>
|
|
<div class="line"></div>
|
|
</label>
|
|
</nav>
|
|
</header>
|
|
<main>
|
|
|
|
<section class="Flex-Container_03">
|
|
<div class="Flex-item_01">
|
|
<img id="logo_02" src="assets/Recycledcloud-02.svg" alt="Recycled Clourd logo"></div>
|
|
<div class="Flex-item_02">
|
|
<h1>Services Cloud</h1>
|
|
<h2 id="local_recycled" class="MT_20">100% Locaux, 100% Recyclés, <br>100% Engagés</h2>
|
|
<p id="local_recycled_2">Entièrement suisses et avec tous les curseurs environnementaux poussés au max.
|
|
</p>
|
|
<a href="manifesto_fr.html" class="Flex-item_03_1"><button id="btn_RM" class="button_01 MT_40 ">
|
|
<h5>Lire le Manifesto</h5>
|
|
</button></a>
|
|
</div>
|
|
</section>
|
|
<section class="Flex-Container_04">
|
|
|
|
<div>
|
|
<h2 class="Flex-item_02_2 ">Des Solutions Vertes pour Vos Projets</h2>
|
|
</div>
|
|
<div class="Flex-Container_05">
|
|
<article class="Flex-item_03" style="align-items: center;">
|
|
<div>
|
|
<img id="logo_03" src="assets/Backup.svg" alt="Backup logo">
|
|
<div>
|
|
<h3>Backup & Protect</h3>
|
|
<p>Sauvegarde et Cyber Protection <br>gérées pour vous, sans tracas.</p>
|
|
</div>
|
|
<a href="backup_fr.html" class="Flex-item_03_1">
|
|
<button type="button" style="border: none;">
|
|
<h5 id="btn_BK" class=" button_01 ">Détails des Sauvegardes...</h5>
|
|
</button></a>
|
|
</div>
|
|
</article>
|
|
</article>
|
|
<article class=" Flex-item_04 ">
|
|
<div style=" justify-content: center;">
|
|
<img id="logo_04" src="assets/Virtual_Machines.svg" alt="Virtual machine logo">
|
|
<div>
|
|
<h3>Machines Virtuelles</h3>
|
|
<p id="VM_02">Construisez votre infrastructure <br>en Suisse en toute confiance, <br> avec du support local.
|
|
</p>
|
|
</div>
|
|
<a href="virtual-machine_fr.html" class="Flex-item_03_1">
|
|
<button type="button" style="border: none;">
|
|
<h5 id="btn_VM" class=" button_01 ">
|
|
Détails des VM...</h5>
|
|
</button></a>
|
|
</div>
|
|
</article>
|
|
<article class=" Flex-item_04 ">
|
|
<div style=" justify-content: center;">
|
|
<img id="logo_04_03" src="assets/globe_low_carbon_website.svg" alt="Sites web Bas-Carbone logo">
|
|
<div>
|
|
<h3>Sites web Bas-Carbone</h3>
|
|
<p id="VM_03">Dessinez et hébergez votre site <br> avec une toute petite empreinte <br> carbone et une vitesse incroyable.
|
|
</p>
|
|
</div>
|
|
<a href="become-client_fr.html" class="Flex-item_03_1">
|
|
<button type="button" style="border: none;">
|
|
<h5 id="btn_VM" class=" button_01 ">
|
|
Devenir Client</h5>
|
|
</button></a>
|
|
</div>
|
|
</article>
|
|
</div>
|
|
</section>
|
|
<section class="Flex-Container_06">
|
|
<article class="Flex-item_05">
|
|
<div>
|
|
<h2 id="Manifesto">Manifesto</h2>
|
|
</div>
|
|
<p id="Manifesto_p_01">Nous minimisons l'impact négatif de l'informatique sur l'environnement en recyclant les serveurs abandonnés et nous vous offrons un cloud sur mesure et des serveurs virtuels
|
|
<strong>100% locaux</strong> (Suisse),
|
|
<strong>100% recyclés</strong> et
|
|
<strong>100% engagés.</strong></p>
|
|
<p id="Manifesto_p_02" class="MB_60 ">C'est ce que nous savons faire et c'est ce que nous aimons faire. Et nous le faisons avec le plus de sens possible.</p>
|
|
<a href="manifesto_fr.html">
|
|
<div class="Flex-item_05_1">
|
|
<h6 id="link_RM" class="MB_60">Lire le Manifesto complet</h6>
|
|
<div id="wcb" class="carbonbadge"></div>
|
|
</div>
|
|
</a>
|
|
</article>
|
|
<article class="Flex-Container_07">
|
|
<div class="Flex-Container_07_1">
|
|
<h2 class="Flex-item_06">Intérressé ?</h2>
|
|
</div>
|
|
<div class="Flex-Container_07_2">
|
|
<h4 class=" Flex-item_07 ">Faites votre premier pas pour rendre <br> votre informatique plus durable.
|
|
</h4>
|
|
|
|
<div>
|
|
<a href="become-client_fr.html"><button type="button" id="btn_BC_01" class="button_02 ">
|
|
<h5>Contactez-nous</h5>
|
|
</button></a>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
</section>
|
|
<section class="Flex-Container_08">
|
|
<div>
|
|
<h2 id="title_hcyh">Comment pouvez-vous aider ?</h2>
|
|
</div>
|
|
<article class="Flex-item_09">
|
|
<aside class="Flex-item_10">
|
|
<h4>Donnez votre <br> équippement inutilisé</h4>
|
|
<img id="logo_05" src="assets/Recycledcloud-02.svg" alt="Recycled Cloud logo">
|
|
<p class="Flex-item_10_1"> ou assurez-vous de ne pas <br> en acheter un nouveau <br> pour rien.
|
|
</p>
|
|
|
|
</aside>
|
|
<aside class="Flex-item_10 ">
|
|
<h4>Faites passer le mot !</h4>
|
|
<img id="logo_06" src="assets/Recycledcloud-02.svg" alt="Recycled Cloud logo">
|
|
<p class="Flex-item_10_1">Il nous reste de la <br> place disponible sur<br> notre infrastructure actuelle.
|
|
</p>
|
|
|
|
</aside>
|
|
<aside id="JS" class="Flex-item_10">
|
|
<h4 class="Flex-item_10_5">Rejoignez-nous</h4>
|
|
<img id="logo_07" src="assets/Recycledcloud-02.svg" alt="Recycled Cloud logo">
|
|
<p class="Flex-item_10_1">Nous accueillons volontiers <br> de nouveaux membres, <br> pour nous aider à faire <br> tourner l'infrastructure.
|
|
</p>
|
|
</aside>
|
|
</article>
|
|
</section>
|
|
<section class="Flex-Container_09">
|
|
<div>
|
|
<h2 id="BP_04">Backup & Protect</h2>
|
|
</div>
|
|
<article class="Flex-item_11">
|
|
<div class="Flex-item_12">
|
|
<img id="logo_08_1" src="assets/Backup.svg" alt="Backup logo">
|
|
<p class="Flex-item_12_1"><strong> Sauvergarde & Cyber-Protection gérées sans
|
|
soucis</strong></p>
|
|
</div>
|
|
<div>
|
|
<p class="Flex-item_12_2 ">Une solution basée sur des logiciels ouverts (open source) pour conserver vos données dans un second lieu sûr, en dehors de vos propres installations.
|
|
</p>
|
|
<ul class="Flex-item_13">
|
|
<li>
|
|
<p id="BP_06">Vous savez qu'elles restent en Suisse.</p>
|
|
</li>
|
|
<li>
|
|
<p id="BP_07">Vous parlez à des interlocuteurs locaux si jamais vous avez besoin d'aide.
|
|
</p>
|
|
</li>
|
|
<li>
|
|
<p> Vous pouvez redémarrer votre activité en cas d'incident majeur<br> dans vos locaux (incendie, inondation, ransongiciel...).
|
|
</p>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</article>
|
|
<div class="Flex-item_14">
|
|
<a href="backup_fr.html">
|
|
<h6 id="link_LMB">Détails des Sauvegardes</h6>
|
|
</a>
|
|
<a href="become-client_fr.html">
|
|
<button id="btn_BC_02" class="button_01 ">
|
|
<h5>Devenir Client</h5>
|
|
</button></a>
|
|
</div>
|
|
</section>
|
|
<section class="Flex-Container_09">
|
|
<div>
|
|
<h2 id="BP_04">Machines Virtuelles</h2>
|
|
</div>
|
|
<article class="Flex-item_11">
|
|
<div class="Flex-item_12_3 ">
|
|
<img id="logo_08_2" src="assets/Virtual_Machines.svg" alt="Virtual Machine logo">
|
|
<p class="Flex-item_12_1"><strong>Construisez votre infrastructure en Suisse en toute confiance,
|
|
|
|
<br>avec du support local.</strong></p>
|
|
</div>
|
|
<div>
|
|
<p class="Flex-item_12_2 ">L'hébergement de machines virtuelles pour vos serveurs, sur notre Recycled Cloud.
|
|
</p>
|
|
<ul class="Flex-item_13">
|
|
<li>
|
|
<p id="BP_06">Vous savez qu'elles restent en Suisse.</p>
|
|
</li>
|
|
<li>
|
|
<p id="BP_07">Vous parlez à des interlocuteurs locaux si jamais vous avez besoin d'aide.
|
|
</p>
|
|
</li>
|
|
<li>
|
|
<p>Vous pouvez créer une nouvelle machine virtuelle en fonction de vos <br> besoins pour déployer un serveur de messagerie ou pour héberger vos applications.
|
|
</p>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</article>
|
|
<div class="Flex-item_14">
|
|
<a href="virtual-machine_fr.html">
|
|
<h6 id="link_LMVM">Détails des Machines <br>Virtuelles</h6>
|
|
</a>
|
|
<a href="become-client_fr.html">
|
|
<button id="btn_BC_02" class="button_01 ">
|
|
|
|
<h5>Devenir Client</h5>
|
|
</button></a>
|
|
</div>
|
|
</section>
|
|
<section class="Flex-Container_10">
|
|
<div>
|
|
<h2 id="Question">Vous avez des questions ? Nous sommes ravis d'y répondre.</h2>
|
|
<p id="Call_us">Appelez-nous au <a href="tel:+41 22 566 78 58" class="Flex-item_15" style="text-decoration: none !important">+41 22 566 78 58</a> ou envoyez-nous <a href="mailto:contact@e-durable.ch?subject=Question sur le Recycled Cloud&body=Bonjour Recycled Cloud!"
|
|
class="Flex-item_15">un message</a></p>
|
|
</div>
|
|
</section>
|
|
<section class="Flex-Container_11 ">
|
|
<h2 class="Flex-item_16">Emplacements</h2>
|
|
<div id="row_01">
|
|
<div class="Flex-item_16_1">
|
|
<img id="Location_Map" src="assets/Map_FR.svg" alt="Location Map">
|
|
</div>
|
|
<div></div>
|
|
<p class="Flex-item_17">* Le "refroidissement naturel" signifie que nous n'utilisons pas de climatisation. Soyez assuré que votre projet fonctionnera à l'aide d'une énergie naturelle et durable, avec la plus faible empreinte carbone.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section class="Flex-Container_12">
|
|
<div class="Flex-Container_12_1">
|
|
<div class="Flex-item_18">
|
|
<a href="https://e-durable.ch/fr" target="_blank">
|
|
<img id="logo_09" src="assets/e-Durable_logo_notagline_full_color.svg" alt="e-Durable logo">
|
|
</a>
|
|
<p class="Flex-item_18_01">Case Postale</p>
|
|
<p class="Flex-item_18_01">Chemin du Vernay 14a, Suisse </p>
|
|
<p class="Flex-item_18_01"><a href="tel:+41 22 566 78 58" class="Flex-item_15" style="text-decoration: none !important">+41
|
|
22 566 78 58</a>
|
|
</p>
|
|
</div>
|
|
<div>
|
|
<div class="Flex-item_19 MT_60 ">
|
|
<ul style="text-decoration:underline !important;">
|
|
<li class="Flex-item_20"><a href="index_fr.html">Accueil</a></li>
|
|
<li class="Flex-item_20"><a href="backup_fr.html">Backup</a></li>
|
|
<li class="Flex-item_20"><a href="virtual-machine_fr.html">Machines Virtuelles</a></li>
|
|
<li class="Flex-item_20"><a href="manifesto_fr.html">Manifesto</a></li>
|
|
<li class="Flex-item_20"><a href="become-client_fr.html">Devenir Client</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<a href="https://www.linkedin.com/showcase/recycled-cloud" target="_blank">
|
|
<img id="logo_10" class="MT_80" src="assets/Linkdin_icon.svg" alt="Linkdin logo">
|
|
</a>
|
|
</div>
|
|
</section>
|
|
<footer class="Flex-Container_13">
|
|
<a href="privacy-policy_fr.html">
|
|
<p class="Flex-item_21 MT_40">Conditions d'Utilisation & politique de confidentialité.
|
|
</p>
|
|
</a>
|
|
<p class="Flex-item_22 MT_40">©2022 e-Durable SA</p>
|
|
</footer>
|
|
</main>
|
|
<script src="https://unpkg.com/website-carbon-badges@1.1.3/b.min.js" defer></script>
|
|
</body>
|
|
|
|
</html>
|