302 lines
15 KiB
HTML
302 lines
15 KiB
HTML
<!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"> don’t 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">©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>
|