recycled.cloud/index.html

302 lines
15 KiB
HTML
Raw Normal View History

2023-12-08 10:34:08 +01:00
<!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">
2024-03-27 18:27:26 +01:00
<meta name="keywords" content="green, hosting, eco-friendly, vps, cloud, server, swiss, IT, ecological, low-carbon, recycled, ethical">
2023-12-08 10:34:08 +01:00
</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>
2024-03-27 18:27:26 +01:00
</html>