recycled.cloud/index_fr.html

310 lines
No EOL
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">
</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&eacute;s, <br>100% Engag&eacute;s</h2>
<p id="local_recycled_2">Enti&egrave;rement suisses et avec tous les curseurs environnementaux pouss&eacute;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 &amp; Protect</h3>
<p>Sauvegarde et Cyber Protection <br>g&eacute;r&eacute;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&eacute;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&eacute;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&eacute;gatif de l'informatique sur l'environnement en recyclant les serveurs abandonn&eacute;s et nous vous offrons un cloud sur mesure et des serveurs virtuels
<strong>100% locaux</strong> (Suisse),
<strong>100% recycl&eacute;s</strong> et
<strong>100% engag&eacute;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&eacute;rress&eacute; ?</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> &eacute;quippement inutilis&eacute;</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 &amp; 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 &amp; Cyber-Protection g&eacute;r&eacute;es sans
soucis</strong></p>
</div>
<div>
<p class="Flex-item_12_2 ">Une solution bas&eacute;e sur des logiciels ouverts (open source) pour conserver vos donn&eacute;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&eacute;marrer votre activit&eacute; 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&eacute;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&eacute;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&eacute;er une nouvelle machine virtuelle en fonction de vos <br> besoins pour d&eacute;ployer un serveur de messagerie ou pour h&eacute;berger vos applications.
</p>
</li>
</ul>
</div>
</article>
<div class="Flex-item_14">
<a href="virtual-machine_fr.html">
<h6 id="link_LMVM">D&eacute;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&eacute;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&amp;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 &quot;refroidissement naturel&quot; signifie que nous n'utilisons pas de climatisation. Soyez assur&eacute; que votre projet fonctionnera &agrave; l'aide d'une &eacute;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 &amp; politique de confidentialit&eacute;.
</p>
</a>
<p class="Flex-item_22 MT_40">&copy;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>