recycled.cloud/index.html

301 lines
15 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="en" manifest="app_cache.appache">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Recycled Cloud</title>
<link rel="stylesheet" href="Style.css">
<link rel="icon" type="image/RecycledCloudLogo" href="assets/Recycledcloud-02.svg">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=PT+Sans:wght@400;700&display=swap">
<meta name="keywords" content="green, hosting, eco-friendly, vps, cloud, server, swiss, IT, ecological, low-carbon, recycled, ethical">
</head>
<body id="Home">
<header class="Flex-Container_01">
<nav class="Flex-Container_02">
<a href="index.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.html" class="active"><span>Home</span></a></li>
<li class="nav-item"><a href="backup.html"><span>Backup</span></a></li>
<li class="nav-item"><a href="virtual-machine.html"><span>Virtual Machines</span></a></li>
<li class="nav-item">
<a href="manifesto.html"><span>Manifesto</span></a>
</li>
<li class="nav-item"><a href="become-client.html" style="color: #043975"><span>Become
Client</span></a></li>
<ul id="language_bar">
<li class="nav-item PL_20"><a href="index.html" class="active-1"><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"><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>Cloud Services</h1>
<h2 id="local_recycled" class="MT_20">100% Local, 100% Recycled,</br> 100% Committed</h2>
<p id="local_recycled_2">Entirely swiss and with all environmental </br>cursors pushed to their max</p>
<a href="manifesto.html" class="Flex-item_03_1"><button id="btn_RM" class="button_01 MT_40 ">
<h5>Read our Manifesto</h5>
</button></a>
</div>
</section>
<section class="Flex-Container_04">
<div>
<h2 class="Flex-item_02_2 ">Green Solutions for Your Projects</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>Hassle Free Managed Backup </br>& Cyber-Protection</p>
</div>
<a href="backup.html" class="Flex-item_03_1">
<button type="button" style="border: none;">
<h5 id="btn_BK" class=" button_01 "> More
about Backups</h5>
</button></a>
</div>
</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>Virtual Machines</h3>
<p id="VM_02">Build your infrastructure in </br>Switzerland with confidence and</br> local support
</p>
</div>
<a href="virtual-machine.html" class="Flex-item_03_1">
<button type="button" style="border: none;">
<h5 id="btn_VM" class="button_01 ">
More
about VMs</h5>
</button></a>
</div>
</article>
<article class=" Flex-item_04 ">
<div style=" justify-content: center;">
<img id="logo_04_02" src="assets/globe_low_carbon_website.svg" alt="Low carbon website logo">
<div>
<h3>Low-Carbon Websites</h3>
<p id="VM_03">Design and host your web </br>sites with a very small carbon</br>
footprint and incredible speed
</p>
</div>
<a href="become-client.html" class="Flex-item_03_1">
<button type="button" style="border: none;">
<h5 id="btn_VM" class="button_01 ">
Become a 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">We want to minimize the negative environmental impact of IT while re-using unused servers and to offer you a bespoke cloud and virtual servers that are
<strong>100% local</strong> (Switzerland),
<strong>100% recycled</strong> and <strong>100% committed.</strong></p>
<p id="Manifesto_p_02" class="MB_60 ">This is what we know how to do and this is what we love doing. And we do it with as much meaning as possible.</p>
<a href="manifesto.html">
<div class="Flex-item_05_1">
<h6 id="link_RM" class="MB_60">Read whole Manifesto</h6>
<div id="wcb" class="carbonbadge"></div>
</div>
</a>
</div>
</article>
<article class="Flex-Container_07">
<div class="Flex-Container_07_1">
<h2 class="Flex-item_06">Interested?</h2>
</div>
<div class="Flex-Container_07_2">
<h4 class=" Flex-item_07 ">Take your first step to make</br> your IT more sustainable
</h4>
<div>
<a href="become-client.html"><button type="button" id="btn_BC_01" class="button_02 ">
<h5>Contact Us</h5>
</button></a>
</div>
</div>
</article>
</section>
<section class="Flex-Container_08">
<div>
<h2 id="title_hcyh">How can you help?</h2>
</div>
<article class="Flex-item_09">
<aside class="Flex-item_10">
<h4>Donate Unused</br> Hardware</h4>
<img id="logo_05" src="assets/Recycledcloud-02.svg" alt="Recycled Cloud logo">
<p class="Flex-item_10_1"> dont buy </br> a new one</br> unnecessarily.</p>
</aside>
<aside class="Flex-item_10 ">
<h4>Spread the Word</h4>
<img id="logo_06" src="assets/Recycledcloud-02.svg" alt="Recycled Cloud logo">
<p class="Flex-item_10_1">We still have some</br> space available on our</br> current infrastructure.
</p>
</aside>
<aside id="JS" class="Flex-item_10">
<h4 class="Flex-item_10_5">Join Us</h4>
<img id="logo_07" src="assets/Recycledcloud-02.svg" alt="Recycled Cloud logo">
<p class="Flex-item_10_1">We would gladly</br> welcome new</br> members, to help us</br> run the 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> Hassle Free Managed</br> Backup & Cyber-Protection</strong></p>
</div>
<div>
<p class="Flex-item_12_2 ">An open source based solution to keep your data in a safe second location, away from your own facilities.</p>
<ul class="Flex-item_13">
<li>
<p id="BP_06">You know it stays in Switzerland.</p>
</li>
<li>
<p id="BP_07">You talk to local people in case you need help.</p>
</li>
<li>
<p> You can restart your activity in case of a major event</br> on your premises (fire, flooding, ransomware...).
</p>
</li>
</ul>
</div>
</article>
<div class="Flex-item_14">
<a href="backup.html">
<h6 id="link_LMB">Learn more about Backups</h6>
</a>
<a href="become-client.html">
<button id="btn_BC_02" class="button_01 ">
<h5>Become a Client</h5>
</button></a>
</div>
</section>
<section class="Flex-Container_09">
<div>
<h2 id="BP_04">Virtual Machines</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>Build your infrastructure in
</br>Switzerland with</br> confidence and local </br> support</strong></p>
</div>
<div>
<p class="Flex-item_12_2 ">A virtual machine hosting to host your servers on our recycled cloud .
</p>
<ul class="Flex-item_13">
<li>
<p id="BP_06">You know it stays in Switzerland.</p>
</li>
<li>
<p id="BP_07">You talk to local people in case you need help.</p>
</li>
<li>
<p>You can create a new machine according to your </br> needs to deploy a mail server or to host your applications.</p>
</li>
</ul>
</div>
</article>
<div class="Flex-item_14">
<a href="virtual-machine.html">
<h6 id="link_LMVM"> Learn more about Virtual </br> Machines </h6>
</a>
<a href="become-client.html">
<button id="btn_BC_02" class="button_01 ">
<h5>Become a Client</h5>
</button></a>
</div>
</section>
<section class="Flex-Container_10">
<div>
<h2 id="Question">Questions? We are happy to answer them.</h2>
<p id="Call_us">Call us <a href="tel:+41 22 566 78 58" class="Flex-item_15" style="text-decoration: none !important">+41 22 566 78 58</a> or send a <a href="mailto:contact@e-durable.ch?subject=Question about Recycled Cloud&body=Hello Recycled Cloud!"
class="Flex-item_15">message.</a></p>
</div>
</section>
<section class="Flex-Container_11 ">
<h2 class="Flex-item_16">Locations</h2>
<div id="row_01">
<div class="Flex-item_16_1">
<img id="Location_Map" src="assets/Locaton_map_02.svg" alt="Location Map">
</div>
<div></div>
<p class="Flex-item_17">* Natural cooling means we do not use any artificial air conditioning. Rest assured that your project will run on natural and sustainable energy, with the lowest possible carbon footprint.
</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/" 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">Chemin du Vernay 14a</p>
<p class="Flex-item_18_01">1196 Gland, Switzerland </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.html">Home</a></li>
<li class="Flex-item_20"><a href="backup.html">Backup</a></li>
<li class="Flex-item_20"><a href="virtual-machine.html">Virtual Machines</a></li>
<li class="Flex-item_20"><a href="manifesto.html">Manifesto</a></li>
<li class="Flex-item_20"><a href="become-client.html">Become 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.html">
<p class="Flex-item_21 MT_40"> Terms of Usage & Privacy Policy</p>
</a>
<p class="Flex-item_22 MT_40">&copy;Copyright by e-Durable SA</p>
</footer>
</main>
<script src="https://unpkg.com/website-carbon-badges@1.1.3/b.min.js" defer></script>
</body>
</html>