Import Robel's hand-hacked website...

This commit is contained in:
Timothée Floure 2023-12-08 10:34:08 +01:00
parent 7f12557061
commit 8b1dde1999
Signed by: tfloure
GPG Key ID: 4502C902C00A1E12
48 changed files with 11887 additions and 0 deletions

7131
Style.css Executable file

File diff suppressed because it is too large Load Diff

36
assets/Backup.svg Normal file
View File

@ -0,0 +1,36 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 25.2.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;" xml:space="preserve">
<style type="text/css">
.st0{fill-rule:evenodd;clip-rule:evenodd;fill:url(#SVGID_1_);}
.st1{fill-rule:evenodd;clip-rule:evenodd;fill:url(#SVGID_2_);}
.st2{fill:url(#SVGID_3_);}
</style>
<g>
<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="44" y1="814.35" x2="94.3333" y2="814.35" gradientTransform="matrix(1 0 0 1 0 -742)">
<stop offset="0" style="stop-color:#145B80"/>
<stop offset="1" style="stop-color:#00A5A6"/>
</linearGradient>
<path class="st0" d="M94.4,58.3H44v22.3c0,3.2,2.6,5.8,5.8,5.8h38.8c3.2,0,5.8-2.6,5.8-5.8V58.3"/>
<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="44" y1="790.7" x2="93.7" y2="790.7" gradientTransform="matrix(1 0 0 1 0 -742)">
<stop offset="0" style="stop-color:#145B80"/>
<stop offset="1" style="stop-color:#00A5A6"/>
</linearGradient>
<path class="st1" d="M89.9,46.5H71.7c-1.7,0-3.3-0.6-4.6-1.7l-2.4-2.1c-0.8-0.7-1.9-1.1-2.9-1.1H47.6c-1.9,0-3.6,1.6-3.6,3.6v10.6
h49.7v-5.4C93.7,48.2,92,46.5,89.9,46.5"/>
<g>
<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="4.7345" y1="785.4359" x2="85.1" y2="785.4359" gradientTransform="matrix(1 0 0 1 0 -742)">
<stop offset="0" style="stop-color:#1E3B70"/>
<stop offset="1" style="stop-color:#00A5A6"/>
</linearGradient>
<path class="st2" d="M41.1,57.6V47c0-4.6,3-8.1,7.6-8.1h14.2c2.2,0,4.3,0.7,5.9,2.1l2.4,1.9c0.4,0.4,1,0.4,1.6,0.4h12.3
c-0.1,0-0.2-0.4-0.3-0.7c-1.7-2.9-4.3-5.2-7.4-6.4L77,34.3c-0.9-3.6-3.2-6.3-6.6-7.9c-3.3-1.6-7-1.4-10.2,0.1l-0.6,0.3l-2.9-3.7
c-5.7-7.1-14.6-10-23.2-7.6c-8.8,2.4-14.9,9.4-16.1,18.4L17,37.2l-3,1.7C6.7,43,3.3,50.9,5.3,58.8c2,7.8,8.4,13.4,16.4,13.4H41
v-10L41.1,57.6L41.1,57.6z"/>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.0 KiB

6
assets/Linkdin_icon.svg Normal file
View File

@ -0,0 +1,6 @@
<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="44px" height="40px" xmlns="http://www.w3.org/2000/svg">
<g transform="matrix(1 0 0 1 -885 -48 )">
<path d="M 7 15.416666666666664 L 7 33.489583333333336 L 14 33.489583333333336 L 14 15.416666666666664 L 7 15.416666666666664 Z M 12.8046875 12.0703125 C 13.492187500000002 11.471354166666664 13.835937500000002 10.729166666666664 13.8359375 9.84375 C 13.81684027777778 8.940972222222218 13.47309027777778 8.194444444444443 12.8046875 7.604166666666665 C 12.136284722222223 7.013888888888888 11.24826388888889 6.71875 10.140625 6.71875 C 9.032986111111112 6.71875 8.130642361111112 7.013888888888888 7.43359375 7.604166666666665 C 6.73654513888889 8.194444444444443 6.388020833333333 8.940972222222218 6.388020833333333 9.84375 C 6.388020833333333 10.729166666666664 6.726996527777779 11.471354166666664 7.404947916666667 12.0703125 C 8.082899305555555 12.669270833333336 8.966145833333332 12.96875 10.0546875 12.96875 L 10.083333333333332 12.96875 C 11.210069444444446 12.96875 12.117187500000002 12.669270833333336 12.8046875 12.0703125 Z M 30.59375 23.828125 L 30.59375 33.489583333333336 L 37 33.489583333333336 L 37 23.125 C 37.2109375 20.451388888888886 36.51388888888889 18.428819444444443 35.11979166666667 17.057291666666664 C 33.72569444444445 15.68576388888889 31.8828125 15 29.591145833333332 15 C 26.993923611111114 15 24.998263888888893 16.015625 23.604166666666668 18.046875 L 23.661458333333332 18.046875 L 23.661458333333332 15.416666666666664 L 17.044270833333336 15.416666666666664 C 17.1015625 16.5625 17.1015625 22.586805555555554 17.044270833333336 33.489583333333336 L 23 33.489583333333336 L 23 23.38541666666667 C 23.661458333333332 22.725694444444446 23.728298611111114 22.23958333333333 23.861979166666668 21.92708333333333 C 24.1484375 21.319444444444446 24.578125 20.802951388888886 25.151041666666668 20.37760416666667 C 25.723958333333332 19.952256944444443 26.43055555555556 19.739583333333336 27.270833333333332 19.739583333333336 C 29.486111111111114 19.739583333333336 30.59375 21.102430555555554 30.59375 23.828125 Z M 41.57942708333333 2.200520833333335 C 43.19314236111111 3.6675347222222188 44 5.434027777777772 44 7.5 L 44 32.5 C 44 34.56597222222222 43.19314236111111 36.33246527777778 41.57942708333333 37.799479166666664 C 39.96571180555556 39.26649305555556 38.02256944444445 40 35.75 40 L 8.25 40 C 5.977430555555555 40 4.034288194444445 39.26649305555556 2.420572916666667 37.799479166666664 C 0.8068576388888887 36.33246527777778 0 34.56597222222222 0 32.5 L 0 7.5 C 0 5.434027777777772 0.8068576388888887 3.6675347222222188 2.420572916666667 2.200520833333335 C 4.034288194444445 0.733506944444442 5.977430555555555 0 8.25 0 L 35.75 0 C 38.02256944444445 0 39.96571180555556 0.733506944444442 41.57942708333333 2.200520833333335 Z " fill-rule="nonzero" fill="#00123f" stroke="none" transform="matrix(1 0 0 1 885 48 )" />
</g>
</svg>

1159
assets/Locaton_map_02.svg Normal file

File diff suppressed because it is too large Load Diff

After

Width:  |  Height:  |  Size: 124 KiB

1236
assets/Map_FR.svg Normal file

File diff suppressed because it is too large Load Diff

After

Width:  |  Height:  |  Size: 132 KiB

View File

@ -0,0 +1 @@
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 411.55 140.28"><defs><style>.cls-1{fill:#1f3c6f;}.cls-2{fill:url(#linear-gradient);}.cls-3{fill:#fff;}</style><linearGradient id="linear-gradient" x1="9.63" y1="69.02" x2="193.3" y2="69.02" gradientUnits="userSpaceOnUse"><stop offset="0.1" stop-color="#1f3c6f"/><stop offset="1" stop-color="#00a6a6"/></linearGradient></defs><path class="cls-1" d="M218.62,110.35V80.92c0-7.44,4.48-15.47,15.06-15.47s15,8,15,15.47V84.3H243V80.92c0-4.23-2.45-9.89-9.3-9.89s-9.31,5.66-9.31,9.89v29.43c0,4.23,2.46,9.9,9.31,9.9s9.3-5.67,9.3-9.9V107h5.75v3.38c0,7.44-4.48,15.48-15,15.48S218.62,117.79,218.62,110.35Z"/><path class="cls-1" d="M257.52,66.54h5.75v52.61h24.36v5.58H257.52Z"/><path class="cls-1" d="M291.35,110.35V80.92c0-7.44,4.48-15.47,15-15.47s15.05,8,15.05,15.47v29.43c0,7.44-4.48,15.48-15.05,15.48S291.35,117.79,291.35,110.35Zm24.36-29.43c0-4.23-2.46-9.89-9.31-9.89s-9.3,5.66-9.3,9.89v29.43c0,4.23,2.45,9.9,9.3,9.9s9.31-5.67,9.31-9.9Z"/><path class="cls-1" d="M336,66.54v43.81c0,4.23,2.45,9.9,9.3,9.9s9.3-5.67,9.3-9.9V66.54h5.75v43.81c0,7.44-4.48,15.48-15.05,15.48s-15.05-8-15.05-15.48V66.54Z"/><path class="cls-1" d="M369.15,66.54h13.78c11.42,0,16.32,7.7,16.32,16.41v25.46c0,8.45-4.9,16.32-16.32,16.32H369.15Zm5.75,52.61h8.2c8.8,0,10.4-6.52,10.4-11v-25c0-4.48-1.6-11.07-10.4-11.07h-8.2Z"/><path class="cls-1" d="M220.72,17.93h8.22c6.44,0,9.83,4,9.83,9.82,0,4.59-2.15,7.73-5.59,9.08l5.64,15.41h-3.74l-5.29-14.66h-5.68V52.24h-3.39Zm3.39,16.35H229c4.24,0,6.34-2.59,6.34-6.53s-2.1-6.53-6.34-6.53h-4.93Z"/><path class="cls-1" d="M243.66,17.93h18.1v3.29H247.05V33.44h13.16v3.29H247.05V48.94h14.71v3.3h-18.1Z"/><path class="cls-1" d="M266.6,43.76V26.41c0-4.39,2.64-9.13,8.87-9.13s8.88,4.74,8.88,9.13v2H281v-2c0-2.5-1.45-5.84-5.49-5.84S270,23.91,270,26.41V43.76c0,2.49,1.44,5.83,5.48,5.83S281,46.25,281,43.76v-2h3.39v2c0,4.39-2.64,9.12-8.88,9.12S266.6,48.15,266.6,43.76Z"/><path class="cls-1" d="M292.18,17.93l6.24,16.55,6.23-16.55h3.74l-8.28,21.84V52.24h-3.39V39.77l-8.28-21.84Z"/><path class="cls-1" d="M312.48,43.76V26.41c0-4.39,2.64-9.13,8.87-9.13s8.88,4.74,8.88,9.13v2h-3.39v-2c0-2.5-1.45-5.84-5.49-5.84s-5.48,3.34-5.48,5.84V43.76c0,2.49,1.45,5.83,5.48,5.83s5.49-3.34,5.49-5.83v-2h3.39v2c0,4.39-2.64,9.12-8.88,9.12S312.48,48.15,312.48,43.76Z"/><path class="cls-1" d="M335.42,17.93h3.39v31h14.36v3.3H335.42Z"/><path class="cls-1" d="M358.36,17.93h18.1v3.29H361.75V33.44h13.16v3.29H361.75V48.94h14.71v3.3h-18.1Z"/><path class="cls-1" d="M382.3,17.93h8.13c6.73,0,9.62,4.54,9.62,9.67v15c0,5-2.89,9.63-9.62,9.63H382.3Zm3.39,31h4.84c5.18,0,6.13-3.83,6.13-6.48V27.75c0-2.64-1-6.53-6.13-6.53h-4.84Z"/><path class="cls-2" d="M40.3,128.88s-26.68-8-29.67-28.67c0,0-9.69-35.46,31.31-43.16,0,0-1.15-19.15,10.74-22.43,0,0,14.74-6.95,23.15,3.66,0,0,1.22-12.7,15.44-22.13,0,0,17.49-13.53,38.81-8.2,0,0,44.68,5.74,41.81,52.88,0,0,31.57,14.76,18,46.33a43,43,0,0,1-30.75,24.18Z"/><path class="cls-3" d="M108.58,122.12s-35.34,5.07-45.84-29.86l11.48-2L49.72,65.51l-9.58,36.33L48,97.33s6.76,16.34,18.58,21.41C66.61,118.74,81.54,132,108.58,122.12Z"/><path class="cls-3" d="M64.39,69.66s7.19-42,53-38.58V21.22L142.68,47.7,109.45,57l5.07-9.58S85.51,35.59,64.39,69.66Z"/><path class="cls-3" d="M150.22,48.94s16.9,27.6-8.73,53.23l-6-11-13.65,33.23L159,119.07l-6.76-5.91s11.84-14.65,13-29.57C165.15,83.59,165.15,62.46,150.22,48.94Z"/></svg>

After

Width:  |  Height:  |  Size: 3.4 KiB

View File

@ -0,0 +1 @@
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 359.52 248.04"><defs><style>.cls-1{fill:url(#linear-gradient);}.cls-2{fill:#fff;}</style><linearGradient id="linear-gradient" x1="22.28" y1="122.48" x2="330.11" y2="122.48" gradientUnits="userSpaceOnUse"><stop offset="0.1" stop-color="#1f3c6f"/><stop offset="1" stop-color="#00a6a6"/></linearGradient></defs><path class="cls-1" d="M73.68,222.8S29,209.35,24,174.74c0,0-16.23-59.43,52.48-72.33,0,0-1.92-32.09,18-37.59,0,0,24.69-11.66,38.79,6.14,0,0,2.05-21.3,25.87-37.11,0,0,29.32-22.67,65-13.74,0,0,74.9,9.62,70.09,88.64,0,0,52.9,24.73,30.23,77.63,0,0-13.06,33-51.53,40.54Z"/><path class="cls-2" d="M188.11,211.46s-59.23,8.49-76.81-50l19.23-3.3L89.46,116.58l-16,60.89,13.21-7.55S98,197.3,117.78,205.79C117.78,205.79,142.8,228,188.11,211.46Z"/><path class="cls-2" d="M114.05,123.55s12.06-70.33,88.87-64.67V42.36l42.35,44.37-55.7,15.58,8.5-16S149.45,66.43,114.05,123.55Z"/><path class="cls-2" d="M257.91,88.82s28.32,46.26-14.63,89.21l-10-18.41-22.89,55.7,62.17-9-11.33-9.91S281,171.9,282.93,146.88C282.93,146.88,282.93,111.48,257.91,88.82Z"/></svg>

After

Width:  |  Height:  |  Size: 1.1 KiB

View File

@ -0,0 +1,42 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 25.2.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;" xml:space="preserve">
<style type="text/css">
.st0{fill:url(#SVGID_1_);}
.st1{fill:url(#SVGID_2_);}
.st2{fill:url(#SVGID_3_);}
</style>
<g>
<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="15.7" y1="73.5898" x2="84.3" y2="73.5898" gradientTransform="matrix(1 0 0 -1 0 99.8898)">
<stop offset="0" style="stop-color:#1E3B70"/>
<stop offset="1" style="stop-color:#00A5A6"/>
</linearGradient>
<path class="st0" d="M80,15.7H20c-2.4,0-4.3,1.9-4.3,4.3v12.6c0,2.4,1.9,4.3,4.3,4.3h60c2.4,0,4.3-1.9,4.3-4.3V20
C84.3,17.6,82.4,15.7,80,15.7z M26.7,30.7c-2.4,0-4.4-2-4.4-4.4s2-4.4,4.4-4.4s4.4,2,4.4,4.4C31.3,28.7,29.3,30.7,26.7,30.7z
M38.1,30.7c-2.4,0-4.4-2-4.4-4.4s2-4.4,4.4-4.4s4.4,2,4.4,4.4C42.7,28.7,40.7,30.7,38.1,30.7z M49.6,30.7c-2.4,0-4.4-2-4.4-4.4
s2-4.4,4.4-4.4s4.4,2,4.4,4.4C54.1,28.7,52.1,30.7,49.6,30.7z M76.3,27.7h-16c-0.9,0-1.4-0.6-1.4-1.4s0.6-1.4,1.4-1.4h16
c0.9,0,1.4,0.6,1.4,1.4S77,27.7,76.3,27.7z"/>
<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="15.7" y1="49.8898" x2="84.3" y2="49.8898" gradientTransform="matrix(1 0 0 -1 0 99.8898)">
<stop offset="0" style="stop-color:#1E3B70"/>
<stop offset="1" style="stop-color:#00A5A6"/>
</linearGradient>
<path class="st1" d="M80,39.4H20c-2.4,0-4.3,1.9-4.3,4.3v12.6c0,2.4,1.9,4.3,4.3,4.3h60c2.4,0,4.3-1.9,4.3-4.3V43.7
C84.3,41.3,82.4,39.4,80,39.4z M26.7,54.4c-2.4,0-4.4-2-4.4-4.4s2-4.4,4.4-4.4s4.4,2,4.4,4.4S29.3,54.4,26.7,54.4z M38.1,54.4
c-2.4,0-4.4-2-4.4-4.4s2-4.4,4.4-4.4s4.4,2,4.4,4.4C42.6,52.4,40.7,54.4,38.1,54.4z M49.6,54.4c-2.4,0-4.4-2-4.4-4.4s2-4.4,4.4-4.4
s4.4,2,4.4,4.4S52.1,54.4,49.6,54.4z M76.3,51.4h-16c-0.9,0-1.4-0.6-1.4-1.4c0-0.9,0.6-1.4,1.4-1.4h16c0.9,0,1.4,0.6,1.4,1.4
C77.7,50.9,77,51.4,76.3,51.4z"/>
<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="15.7" y1="26.1898" x2="84.3" y2="26.1898" gradientTransform="matrix(1 0 0 -1 0 99.8898)">
<stop offset="0" style="stop-color:#1E3B70"/>
<stop offset="1" style="stop-color:#00A5A6"/>
</linearGradient>
<path class="st2" d="M80,63.1H20c-2.4,0-4.3,1.9-4.3,4.3V80c0,2.3,1.9,4.3,4.3,4.3h60c2.4,0,4.3-2,4.3-4.3V67.4
C84.3,65,82.4,63.1,80,63.1z M27.4,78.1c-2.4,0-4.4-2-4.4-4.4s2-4.4,4.4-4.4s4.4,2,4.4,4.4C31.9,76.1,30,78.1,27.4,78.1z
M38.9,78.1c-2.4,0-4.4-2-4.4-4.4s2-4.4,4.4-4.4s4.4,2,4.4,4.4C43.3,76.1,41.4,78.1,38.9,78.1z M50.3,78.1c-2.4,0-4.4-2-4.4-4.4
s2-4.4,4.4-4.4s4.4,2,4.4,4.4S52.9,78.1,50.3,78.1z M76.3,75.1h-16c-0.9,0-1.4-0.6-1.4-1.4s0.6-1.4,1.4-1.4h16
c0.9,0,1.4,0.6,1.4,1.4S77,75.1,76.3,75.1z"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.8 KiB

View File

@ -0,0 +1 @@
<svg id="Warstwa_1" data-name="Warstwa 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1023 350.99"><defs><style>.cls-1{fill:url(#Gradient_bez_nazwy_6);}.cls-2{fill:#454493;}</style><linearGradient id="Gradient_bez_nazwy_6" x1="-55.42" y1="219.8" x2="179.68" y2="454.9" gradientTransform="translate(128.58 -147.64)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#55d9ff"/><stop offset="0.5" stop-color="#5bff6a"/><stop offset="1" stop-color="#f6ff75"/></linearGradient></defs><path class="cls-1" d="M46,280.14c-59.93-59.93-37.79-143,27.13-208s148-87.06,208-27.13,92,197.3,27.12,262.22S106,340.06,46,280.14Z"/><path class="cls-2" d="M257.77,249.46c-4.49,3.82-17.45,10.47-36.4,10.47-28.1,0-47.05-17.46-47.05-44.72,0-25.93,19-45.21,45.38-45.21,27.6,0,41.23,20.94,41.23,44.88v8.31H196.26c2.33,15.79,16.63,19.45,29.93,19.45,13,0,22.1-5.32,25.26-8.31ZM239.15,206.9c-.16-10.8-7.48-20-19.28-20-12.47,0-21.11,7.48-23.61,20Z"/><path class="cls-2" d="M394.92,257.43V131.6h38.23c37.74,0,68.32,21.77,68.32,63,0,40.06-28.59,62.83-72.3,62.83ZM433.15,236c23.27,0,43.06-11.3,43.06-41.89,0-23.94-16.29-41.06-40.06-41.06H418.53v83Z"/><path class="cls-2" d="M570.19,172.49H592v75.64c-10,8.64-22.44,11.8-38.07,11.8-22.6,0-38.56-11-38.56-32.92V172.49h21.78V222c0,16.62,9.3,20.44,19.11,20.44,7.32,0,12-2.49,14-4Z"/><path class="cls-2" d="M605.81,257.43V172.49h21.61V186c2-4.33,8.65-15.8,18.62-15.8a27.6,27.6,0,0,1,15.3,4.16l-7.49,20.45c-2.66-1.83-6.31-4.33-11.63-4.33-9.64,0-14.8,11.64-14.8,20.12v46.87Z"/><path class="cls-2" d="M736.27,249.46c-6.48,5.15-18.95,10.47-38.56,10.47-26.1,0-38.07-14.46-38.07-30.92,0-19.45,18.61-26.76,34.57-26.76,5.82,0,16.46,2,21.28,5.65v-8.65c0-7-5.15-11.8-16.79-11.8a61.06,61.06,0,0,0-23.6,5l-6.32-15.3A72.4,72.4,0,0,1,700.53,170c28.26,0,35.74,13.46,35.74,34.41Zm-20.78-25.6c-3.49-3-10.64-6.15-17.62-6.15-8.31,0-15.79,4.15-15.79,11.63,0,8.81,6.65,14.46,17.29,14.46,6.64,0,12.3-1.33,16.12-3.49Z"/><path class="cls-2" d="M750.12,131.6h22v45.05c5.15-3.33,15.46-6.65,22.27-6.65,27.93,0,40.23,21.77,40.23,44.38,0,29.76-23.11,45.55-47.21,45.55-12,0-25.93-2.66-37.24-10.31Zm22,106.88c3.49,2,7.64,3.33,15.29,3.33,14.63,0,24.27-10.14,24.27-27.6,0-13.46-7.15-26.26-21-26.26-6.31,0-14.63,3.16-18.61,7Z"/><path class="cls-2" d="M847.31,257.43V131.6h21.78V257.43Z"/><path class="cls-2" d="M282.21,223.19h21.28A70.23,70.23,0,0,1,373.64,153V131.76A91.53,91.53,0,0,0,282.21,223.19Z"/><path class="cls-2" d="M933.7,242.64h0c-13.3,0-27.6-3.66-29.92-19.45h64.66v-8.31c0-23.94-13.63-44.88-41.22-44.88-26.44,0-45.39,19.28-45.39,45.21,0,27.26,18.95,44.72,47,44.72H1011V242.64ZM927.38,187c11.8,0,19.12,9.15,19.28,20H903.78C906.27,194.43,914.91,187,927.38,187Z"/></svg>

After

Width:  |  Height:  |  Size: 2.7 KiB

View File

@ -0,0 +1,88 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 25.2.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
<style type="text/css">
.st0{fill:url(#SVGID_1_);}
.st1{fill:url(#SVGID_2_);}
.st2{fill:url(#SVGID_3_);}
.st3{fill:url(#SVGID_4_);}
.st4{fill:url(#SVGID_5_);}
.st5{fill:url(#SVGID_6_);}
.st6{fill:url(#SVGID_7_);}
.st7{fill:url(#SVGID_8_);}
.st8{fill:url(#SVGID_9_);}
</style>
<g>
<g>
<g>
<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="180.8167" y1="437.35" x2="331.1938" y2="437.35">
<stop offset="0" style="stop-color:#3C5970"/>
<stop offset="1" style="stop-color:#00A5A6"/>
</linearGradient>
<path class="st0" d="M328.7,366.5c-2-2.4-5-3.8-8.2-3.8h-129c-3.2,0-6.2,1.4-8.2,3.8s-2.9,5.6-2.3,8.8
c15.3,83.1,44.8,136.7,75,136.7s59.7-53.7,75-136.7C331.6,372.2,330.8,368.9,328.7,366.5z"/>
<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="358.9476" y1="255.8898" x2="512.1" y2="255.8898" gradientTransform="matrix(1 0 0 -1 0 511.8898)">
<stop offset="0" style="stop-color:#3F737B"/>
<stop offset="1" style="stop-color:#00A5A6"/>
</linearGradient>
<path class="st1" d="M499.8,178.1c-1.4-4.4-5.5-7.4-10.2-7.4h-120c-3,0-5.9,1.3-7.9,3.5s-3,5.2-2.7,8.2
c2.5,24.5,3.7,49.3,3.7,73.6s-1.2,49.1-3.7,73.6c-0.3,3,0.7,6,2.7,8.2s4.9,3.5,7.9,3.5h120.1c4.6,0,8.8-3,10.2-7.4
c8.1-25.3,12.2-51.5,12.2-77.9S507.9,203.4,499.8,178.1z"/>
<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="316.2618" y1="432.0297" x2="482.1898" y2="432.0297" gradientTransform="matrix(1 0 0 -1 0 511.8898)">
<stop offset="0" style="stop-color:#3F737B"/>
<stop offset="1" style="stop-color:#00A5A6"/>
</linearGradient>
<path class="st2" d="M353.3,140.4c0.9,5.1,5.3,8.9,10.5,8.9h107.7c3.8,0,7.2-2,9.2-5.2c1.9-3.2,2-7.2,0.2-10.6
c-32-58.7-87-103.4-150.9-122.6c-4.1-1.3-8.6,0.1-11.4,3.5c-2.7,3.4-3.1,8.1-1,11.9C333.1,54.2,345.4,93.6,353.3,140.4z"/>
<linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="170.7" y1="256" x2="341.3" y2="256">
<stop offset="0" style="stop-color:#3C5970"/>
<stop offset="1" style="stop-color:#00A5A6"/>
</linearGradient>
<path class="st3" d="M326.7,170.7H185.3c-5.4,0-10,4.1-10.6,9.5c-2.7,24.6-4,50.1-4,75.8s1.4,51.2,4,75.8
c0.6,5.4,5.2,9.5,10.6,9.5h141.4c5.4,0,10-4.1,10.6-9.5c2.7-24.6,4-50.1,4-75.8s-1.4-51.2-4-75.8
C336.7,174.8,332.2,170.7,326.7,170.7z"/>
<linearGradient id="SVGID_5_" gradientUnits="userSpaceOnUse" x1="29.9102" y1="432.0297" x2="195.8382" y2="432.0297" gradientTransform="matrix(1 0 0 -1 0 511.8898)">
<stop offset="0" style="stop-color:#1E3B70"/>
<stop offset="1" style="stop-color:#3F5D70"/>
</linearGradient>
<path class="st4" d="M40.5,149.3h107.7c5.2,0,9.7-3.8,10.5-8.9c7.9-46.8,20.2-86.2,35.8-114.1c2.1-3.8,1.7-8.5-1-11.9
s-7.2-4.8-11.4-3.5c-63.9,19.3-118.9,64-150.9,122.7c-1.8,3.3-1.7,7.3,0.2,10.6C33.3,147.3,36.8,149.3,40.5,149.3z"/>
<linearGradient id="SVGID_6_" gradientUnits="userSpaceOnUse" x1="0" y1="255.8899" x2="153.0524" y2="255.8899" gradientTransform="matrix(1 0 0 -1 0 511.8898)">
<stop offset="0" style="stop-color:#1E3B70"/>
<stop offset="1" style="stop-color:#3F5D70"/>
</linearGradient>
<path class="st5" d="M150.3,337.8c2-2.2,3-5.2,2.7-8.2c-2.5-24.5-3.7-49.3-3.7-73.6s1.2-49.1,3.7-73.6c0.3-3-0.7-6-2.7-8.2
s-4.9-3.5-7.9-3.5H22.3c-4.6,0-8.8,3-10.2,7.4C4.1,203.4,0,229.6,0,256s4.1,52.6,12.2,77.9c1.4,4.4,5.5,7.4,10.2,7.4h120.1
C145.4,341.3,148.3,340.1,150.3,337.8z"/>
<linearGradient id="SVGID_7_" gradientUnits="userSpaceOnUse" x1="29.8102" y1="79.7398" x2="195.7382" y2="79.7398" gradientTransform="matrix(1 0 0 -1 0 511.8898)">
<stop offset="0" style="stop-color:#1E3B70"/>
<stop offset="1" style="stop-color:#3F5D70"/>
</linearGradient>
<path class="st6" d="M158.7,371.6c-0.9-5.1-5.3-8.9-10.5-8.9H40.5c-3.8,0-7.2,2-9.2,5.2c-1.9,3.2-2,7.2-0.2,10.6
c32,58.7,87,103.4,150.9,122.6c1,0.3,2,0.5,3.1,0.5c3.2,0,6.2-1.4,8.3-4c2.7-3.4,3.1-8.1,1-11.9
C178.9,457.8,166.6,418.4,158.7,371.6z"/>
<linearGradient id="SVGID_8_" gradientUnits="userSpaceOnUse" x1="316.1618" y1="79.7398" x2="482.0898" y2="79.7398" gradientTransform="matrix(1 0 0 -1 0 511.8898)">
<stop offset="0" style="stop-color:#3F737B"/>
<stop offset="1" style="stop-color:#00A5A6"/>
</linearGradient>
<path class="st7" d="M471.5,362.7H363.8c-5.2,0-9.7,3.8-10.5,8.9c-7.9,46.8-20.2,86.2-35.8,114.1c-2.1,3.8-1.7,8.5,1,11.9
c2.1,2.6,5.1,4,8.3,4c1,0,2.1-0.1,3.1-0.5c63.9-19.2,118.9-63.9,150.9-122.6c1.8-3.3,1.7-7.3-0.2-10.6
C478.7,364.7,475.2,362.7,471.5,362.7z"/>
<linearGradient id="SVGID_9_" gradientUnits="userSpaceOnUse" x1="180.8061" y1="437.2398" x2="331.1833" y2="437.2398" gradientTransform="matrix(1 0 0 -1 0 511.8898)">
<stop offset="0" style="stop-color:#3C5970"/>
<stop offset="1" style="stop-color:#00A5A6"/>
</linearGradient>
<path class="st8" d="M183.3,145.5c2,2.4,5,3.8,8.2,3.8h129c3.2,0,6.2-1.4,8.2-3.8c2-2.4,2.9-5.6,2.3-8.8
C315.7,53.7,286.2,0,256,0s-59.7,53.7-75,136.7C180.4,139.8,181.2,143.1,183.3,145.5z"/>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 5.3 KiB

View File

@ -0,0 +1,6 @@
<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="21px" height="12px" xmlns="http://www.w3.org/2000/svg">
<g transform="matrix(1 0 0 1 -1258 -69 )">
<path d="M 20.789579158316634 1.2371134020618553 C 20.929859719438877 1.3745704467353916 21 1.5326460481099642 21 1.7113402061855676 C 21 1.890034364261167 20.929859719438877 2.048109965635737 20.789579158316634 2.1855670103092786 L 10.983967935871743 11.79381443298969 C 10.8436873747495 11.931271477663227 10.682364729458918 12 10.5 12 C 10.317635270541084 12 10.156312625250502 11.931271477663227 10.016032064128256 11.79381443298969 L 0.21042084168336672 2.1855670103092786 C 0.07014028056112245 2.048109965635737 0 1.890034364261167 0 1.7113402061855676 C 0 1.5326460481099642 0.07014028056112245 1.3745704467353916 0.21042084168336672 1.2371134020618553 L 1.2625250501002003 0.20618556701030988 C 1.4028056112224454 0.06872852233676818 1.5641282565130263 0 1.7464929859719438 0 C 1.9288577154308622 0 2.090180360721443 0.06872852233676818 2.2304609218436875 0.20618556701030988 L 10.5 8.309278350515463 L 18.769539078156313 0.20618556701030988 C 18.90981963927856 0.06872852233676818 19.071142284569138 0 19.253507014028056 0 C 19.435871743486977 0 19.597194388777556 0.06872852233676818 19.737474949899802 0.20618556701030988 L 20.789579158316634 1.2371134020618553 Z " fill-rule="nonzero" fill="#707070" stroke="none" transform="matrix(1 0 0 1 1258 69 )" />
</g>
</svg>

199
backup.html Normal file
View File

@ -0,0 +1,199 @@
<!DOCTYPE html>
<html lang="en">
<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="stylesheet" href="Style.css">
<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">
</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">
<ul class="topnav-links">
<li class="nav-item"><a href="index.html"><span>Home</span></a></li>
<li class="nav-item"><a href="backup.html" class="active"><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="#" 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="backup_fr.html"><span>FR</span></a></li>
</ul>
</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>
<div class="Flex-Container_14_1">
<img id="logo_12" src="assets/Backup.svg" alt="Backup logo">
<h1 id="BP_06">Backup & Protect</h1>
</div>
<section class="Flex-Container_14">
<div class="Flex-item_23">
<div class="Flex-item_23_1">
<div class="Flex-item_23_2">
<img id="logo_11" src="assets/Backup.svg" alt="Backup logo">
<h1 id="BP_05">Backup & Protect</h1>
</div>
<p class="Flex-item_23_3">An enterprise grade Backup and Protection service for your critical files and most important servers (whether physical or virtual). This service protects you from complete loss of data and potential and closure of your business in
the event of a major disaster in your office.
</p>
<p class="Flex-item_23_4">All is monitored for you and you don't have to worry about remembering to save that disk or rotate this external drive: everything is done for you. There is no need to learn Acronis or Veeam backup software, we'll take care of their
configuration for you.
</p>
<div class="Flex-item_23_5">
<a href="#link_TS_02">
<p id="link_TS_01"><span>Technical Specifications</span></p>
</a>
<a href="#link_PR">
<p id="link_PR_1"><span>Prices</span></p>
</a>
</div>
</div>
</div>
<div class="Flex-item_24">
<p class="Flex-item_24_1">All inclusive flat fee</p>
<p class="Flex-item_24_2">from <strong>99.- </strong>/month</p>
<p class="Flex-item_24_3">excluding taxes</p>
<a href="become-client.html"><button id="btn_01" class="button_01">
<h5>I'm interested</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" class=" ML_170 ">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>
<article class="Flex-item_25">
<div>
<h4 id="link_TS_02">Technical specifications</h4>
</div>
<div>
<p class="Flex-item_25_1">
We provide several types of backup services, from the completely unmanaged to a full solution for on-premise virtual infrastructure. Our core component is <span><a href="https://www.borgbackup.org/"
class="Flex-item_15" target="_blank">borgbackup</a></span> which provides encrypted, deduplicated append-only backups.
</p>
<p class="Flex-item_25_2">
For our unmanaged offer, we provide either a borg or an rsync endpoint with configurable available space, requiring only an SSH key from our clients.
</p>
<p class="Flex-item_25_3">
With our managed backup offer, we combine the archiving capabilities of borg with the power of VEEAM software backups, for a two-step backup procedure allowing configurable retention of virtual machine images, protecting your infrastructure against data
loss.
</p>
</div>
</article>
<div>
<div class="Flex-item_26">
<h4 id="link_PR">Prices</h4>
</div>
<section class="Flex-Container_15">
<div class="Flex-Container_15_1">
<div class="Flex-item_26_1">
<ul>
<li><strong>All your documents<sup>*</sup> </strong>saved remotely
</strong>
</li>
<li class="MT_40">2 copies at all times</li>
<li class="MT_40">Monitoring and follow-up of backups included</li>
</ul>
</div>
<div class="Flex-item_26_2">
<p>=</p>
</div>
<div class="Flex-item_26_3">
<p class="Flex-item_26_3_1"> <strong> 99.- </strong> / month</p>
<p class="Flex-item_26_3_2">excluding taxes</p>
</div>
</div>
<div class="Flex-item_26_4">
<small> (*) based on fair use, subject to prior analysis and acceptance by e-Durable. In case of
large volume of data additional fees may apply.</small>
</div>
</section>
<article class="Flex-item_27">
<p class="Flex-item_27_1">
Unlike our competitors, we can offer you exactly what you need as we do not base our prices only on large data size chunks. We'll provide a sound backup strategy, based on your business type and on your exact needs, all while optimizing resource usage.
</p>
<p class="Flex-item_27_2">
Please contact us for a personalized offer so you don't end up paying for things you don't need.
</p>
</article>
</div>
<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 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>
</body>
</html>

209
backup_fr.html Normal file
View File

@ -0,0 +1,209 @@
<!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="stylesheet" href="Style.css">
<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">
</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">
<ul class="topnav-links">
<li class="nav-item"><a href="index_fr.html"><span>Accueil</span></a></li>
<li class="nav-item"><a href="backup_fr.html" class="active"><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"><span>Manifesto</span></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="backup.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="backup_fr.html" class="active-1"><span>FR</span></a></li>
</ul>
</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>
<div class="Flex-Container_14_1">
<img id="logo_12" src="assets/Backup.svg" alt="Backup logo">
<h1 id="BP_06">Backup &amp; Protect</h1>
</div>
<section class="Flex-Container_14">
<div class="Flex-item_23">
<div class="Flex-item_23_1">
<div class="Flex-item_23_2">
<img id="logo_11" src="assets/Backup.svg" alt="Backup logo">
<h1 id="BP_05">Backup &amp; Protect</h1>
</div>
<p class="Flex-item_23_3">Un service de sauvegarde et de protection de grade entreprise pour vos fichiers critiques et vos serveurs les plus importants (qu'ils soient physiques ou virtuels). Ce service vous prot&egrave;ge contre la perte totale de donn&eacute;es
et la fermeture potentielle de votre entreprise en cas de sinistre majeur dans vos locaux.
</p>
<p class="Flex-item_23_4">Tout est surveill&eacute; pour vous et vous n'avez pas &agrave; vous soucier de vous rappeler de sauvegarder tel disque ou de faire la rotation de tel lecteur externe : tout est fait pour vous. Il n'est pas n&eacute;cessaire d'apprendre
un logiciel de sauvegarde (p. ex. Acronis ou Veeam), nous nous chargeons de leur configuration pour vous.
</p>
<div class="Flex-item_23_5">
<a href="#link_TS_02">
<p id="link_TS_01"><span>Caract&eacute;ristiques techniques</span></p>
</a>
<a href="#link_PR">
<p id="link_PR_1"><span>Tarifs</span></p>
</a>
</div>
</div>
</div>
<div class="Flex-item_24">
<p class="Flex-item_24_1">Tarif forfaitaire tout compris</p>
<p class="Flex-item_24_2">d&eacute;s <strong>99.- </strong>/ mois</p>
<p class="Flex-item_24_3">hors taxes</p>
<a href="become-client_fr.html"><button id="btn_01" class="button_01">
<h5>Je suis int&eacute;ress&eacute;</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" class=" ML_170 ">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>
<article class="Flex-item_25">
<div>
<h4 id="link_TS_02">Caract&eacute;ristiques techniques</h4>
</div>
<div>
<p class="Flex-item_25_1">
Nous proposons plusieurs types de services de sauvegarde, de la solution totalement non g&eacute;r&eacute;e &agrave; une solution compl&egrave;te pour l'infrastructure virtuelle sur site. Notre composant principal est <span><a href="https://www.borgbackup.org/" class="Flex-item_15"
target="_blank">borgbackup</a></span> qui fournit des sauvegardes crypt&eacute;es, d&eacute;dupliqu&eacute;es et en ajout seul.
</p>
<p class="Flex-item_25_2">
Pour notre offre non g&eacute;r&eacute;e, nous fournissons un point de terminaison borg ou rsync avec un espace disponible configurable, ne n&eacute;cessitant qu'une cl&eacute; SSH de la part de nos clients.
</p>
<p class="Flex-item_25_3">
Avec notre offre de sauvegarde g&eacute;r&eacute;e, nous combinons les capacit&eacute;s d'archivage de borg avec la puissance des sauvegardes du logiciel VEEAM, pour une proc&eacute;dure de sauvegarde en deux &eacute;tapes permettant une r&eacute;tention
configurable des images de machines virtuelles, prot&eacute;geant ainsi votre infrastructure contre la perte de donn&eacute;es.
</p>
</div>
</article>
<div>
<div class="Flex-item_26">
<h4 id="link_PR">Tarifs</h4>
</div>
<section class="Flex-Container_15">
<div class="Flex-Container_15_1">
<div class="Flex-item_26_1">
<ul>
<li><strong>Tous vos documents<sup>*</sup> </strong>sauvergard&eacute;s &agrave; distance
</strong>
</li>
<li class="MT_40">2 copies en permanence</li>
<li class="MT_40">Surveillance et suivi des sauvegardes inclus</li>
</ul>
</div>
<div class="Flex-item_26_2">
<p>=</p>
</div>
<div class="Flex-item_26_3">
<p class="Flex-item_26_3_1"> <strong> 99.- </strong> / mois</p>
<p class="Flex-item_26_3_2">hors taxes</p>
</div>
</div>
<div class="Flex-item_26_4">
<small>(*) bas&eacute; sur une utilisation raisonn&eacute; sous réserve d'analyse et acceptation
pr&eacute;alable par e-Durable. Des frais supplémentaires peuvent s'appliquer en cas de volume
important de données.
</small>
</div>
</section>
</div>
<article class="Flex-item_27">
<p class="Flex-item_27_1">
Contrairement &agrave; nos concurrents, nous pouvons vous offrir exactement ce dont vous avez besoin car nous ne basons pas nos prix uniquement sur des promesses de grands espaces de stockage qui resteront vides. Nous vous fournirons une strat&eacute;gie
de sauvegarde solide, bas&eacute;e sur votre type d'entreprise et sur vos besoins exacts, tout en optimisant l'utilisation des ressources.
</p>
<p class="Flex-item_27_2">
N'h&eacute;sitez pas &agrave; nous contacter pour obtenir une offre personnalis&eacute;e afin d'&eacute;viter de payer pour des choses dont vous n'avez pas besoin.
</p>
</article>
</div>
<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 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">Chemin du Vernay 14a</p>
<p class="Flex-item_18_01">1196 Gland, 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>
</body>
</html>

96
become-client.html Normal file
View File

@ -0,0 +1,96 @@
<!DOCTYPE html>
<html lang="en">
<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="stylesheet" href="Style.css">
<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">
</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">
<ul class="topnav-links">
<li class="nav-item"><a href="index.html"><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><span>Manifesto</span></span></a>
</li>
<li class="nav-item"><a href="become-client.html" class="active_2" style="color: #043975"><span>Become
Client</span></a></li>
<ul id="language_bar">
<li class="nav-item PL_20"><a href="become-client.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="become-client_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_17">
<h1 class="Flex-item_31">Become our Client</h1>
<P style="color:#0f3975" class="MB_20"><strong> Thank you for your interest in our services.</strong> </P>
<p class="Flex-item_32 MB_40"> Please email or call us to directly order a service, ask a question or leave feedback. We will get back within half a business day.
</p>
<p><a href="mailto:contact@e-durable.ch?subject=Recycled Cloud - I am interested in your services&body=Hello Recycled Cloud!" class="Flex-item_15 MT_100">contact@e-durable.ch</a>
</p>
<ul class="Flex-item_33">
<li>
<p><a href="tel:+41 22 566 78 58" class="Flex-item_15" style="text-decoration: none !important">+41
22 566 78 58</a></p>
</li>
</ul>
</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>
</body>
</html>

100
become-client_fr.html Normal file
View File

@ -0,0 +1,100 @@
<!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="stylesheet" href="Style.css">
<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">
</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">
<ul class="topnav-links">
<li class="nav-item"><a href="index_fr.html"><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"><span><span>Manifesto</span></span></a>
</li>
<li class="nav-item"><a href="become-client_fr.html" class="active_2" style="color: #043975"><span>Devenir
Client</span></a></li>
<ul id="language_bar">
<li class="nav-item PL_20"><a href="become-client.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="become-client_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_17">
<h1 class="Flex-item_31">Devenez notre client</h1>
<P style="color:#0f3975" class="MB_20"><strong>Nous vous remercions de l'intérêt que vous portez à nos
services.</strong> </P>
<p class="Flex-item_32 MB_40"> Veuillez nous envoyer un courriel ou nous appeler pour commander directement un service, poser une question ou laisser un commentaire. Nous vous répondrons dans un délai d'un demi-jour ouvrable.
</p>
<p><a href="mailto:contact@e-durable.ch?subject=Recycled Cloud - Je suis intéressé(e) par vos services&body=Bonjour Recycled Cloud!" class="Flex-item_15 MT_100">contact@e-durable.ch</a>
</p>
<ul class="Flex-item_33">
<li>
<p><a href="tel:+41 22 566 78 58" class="Flex-item_15" style="text-decoration: none !important">+41
22 566 78 58</a></p>
</li>
</ul>
</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">Chemin du Vernay 14a</p>
<p class="Flex-item_18_01">1196 Gland, 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>
</body>
</html>

300
index.html Normal file
View File

@ -0,0 +1,300 @@
<!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">
</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>

310
index_fr.html Normal file
View File

@ -0,0 +1,310 @@
<!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>

View File

View File

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 11 KiB

View File

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 12 KiB

View File

Before

Width:  |  Height:  |  Size: 44 KiB

After

Width:  |  Height:  |  Size: 44 KiB

View File

Before

Width:  |  Height:  |  Size: 5.4 KiB

After

Width:  |  Height:  |  Size: 5.4 KiB

View File

Before

Width:  |  Height:  |  Size: 1.7 KiB

After

Width:  |  Height:  |  Size: 1.7 KiB

View File

Before

Width:  |  Height:  |  Size: 1.9 KiB

After

Width:  |  Height:  |  Size: 1.9 KiB

View File

Before

Width:  |  Height:  |  Size: 95 KiB

After

Width:  |  Height:  |  Size: 95 KiB

View File

Before

Width:  |  Height:  |  Size: 1.7 KiB

After

Width:  |  Height:  |  Size: 1.7 KiB

View File

Before

Width:  |  Height:  |  Size: 20 KiB

After

Width:  |  Height:  |  Size: 20 KiB

View File

Before

Width:  |  Height:  |  Size: 1.8 KiB

After

Width:  |  Height:  |  Size: 1.8 KiB

View File

Before

Width:  |  Height:  |  Size: 4.6 KiB

After

Width:  |  Height:  |  Size: 4.6 KiB

View File

Before

Width:  |  Height:  |  Size: 2.4 KiB

After

Width:  |  Height:  |  Size: 2.4 KiB

165
manifesto.html Normal file
View File

@ -0,0 +1,165 @@
<!DOCTYPE html>
<html lang="en">
<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="stylesheet" href="Style.css">
<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">
</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">
<ul class="topnav-links">
<li class="nav-item"><a href="index.html"><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" class="active"><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="manifesto.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="manifesto_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_16">
<h1 class="Flex-item_28">Manifesto</h1>
<p class="Flex-item_29">The idea of creating the <strong>Recycled Cloud</strong> was born by observing the astronomical amount of waste generated by the disposal of old computer servers from companies and data centers. </p>
<p class="Flex-item_29">This industry throws away servers while they are still functional. We think this waste can easily be avoided. Every day, many servers are produced, using earth's rare minerals (sometimes failing to provide decent working conditions or even
exploiting children), this environmental impact is huge. We think its a shame not to use the products to their full potential and long lifecycle. We do not want to support programmed obsolescence, therefore we have decided to re-use,
repair and re-use, again and again, until the hardware can no longer function.
</p>
<p class="Flex-item_29">
This thought is aligned with our values:
</p>
<ul class="Flex-item_30">
<li>
<p>We are convinced that there are many solutions coming from technology usage to lighten ones footprint.
</p>
</li>
<li>
<p>We feel it is important to promote these solutions and to make them available to many.</p>
</li>
<li>
<p>We also believe that IT, by producing relevant data and key indicators, is a very powerful tool, which can be used to help everyone measure progress along the ecological transition.</p>
</li>
<li>
<p>Innovation should be used to push all the sliders towards more sustainable solutions.</p>
</li>
</ul>
<p class="Flex-item_29">
We want to help our customers minimize the effect their ICT has on the planet by re-using servers that would otherwise go to waste and to offer you a bespoke cloud, <strong>100% local</strong> (Switzerland),
<strong>100% recycled</strong> and <strong>100% committed.</strong>
</p>
<p class="Flex-item_29">
This is what we love doing.
</p class="Flex-item_29">
<p class="Flex-item_29">
And we do it with as much meaning as possible.
</p>
<p class="Flex-item_29">
Our data centers use all the best known practices and we provide our cloud services in the most sustainable way, by:
</p>
<ul class="Flex-item_30">
<li>
<p>Using natural cooling,</p>
</li>
<li>
<p>Creating local entities which are reasonable in size,</p>
</li>
<li>
<p>Choosing electricity from only renewable sources,</p>
</li>
<li>
<p>Selecting Open Source tools and avoiding vendor lock-in,</p>
</li>
<li>
<p>Not selling any data, not tracking any behavior,</p>
</li>
<li>
<p>Keeping local jobs and supporting teams close to our customers.</p>
</li>
</ul>
<p class="Flex-item_29">
And our <strong>Recycled.Cloud</strong> service is just beginning. We have many more ideas, so stay tuned!
</p>
<p class="Flex-item_29">
<strong>Recycled Cloud</strong> can be a beginning for you as well. We have many things to share and can help you move your IT forward in<strong> a sustainable way</strong>. Reach out to get our help and facilitate these steps.
</p>
<p class="Flex-item_29">
By using the <strong>Recycled.Cloud,</strong> you choose to trust innovative ideas and you support this transition to more ecological IT <strong>services and infrastructures.</strong>
</p>
</section>
<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 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>
</body>
</html>

177
manifesto_fr.html Normal file
View File

@ -0,0 +1,177 @@
<!DOCTYPE html>
<html lang="en">
<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="stylesheet" href="Style.css">
<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">
</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">
<ul class="topnav-links">
<li class="nav-item"><a href="index_fr.html"><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" class="active"><span>Manifesto</span></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="manifesto.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="manifesto_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_16">
<h1 class="Flex-item_28">Manifesto</h1>
<p class="Flex-item_29">L'id&eacute;e de cr&eacute;er le <strong>Recycled Cloud</strong> est n&eacute;e de l'observation de la quantit&eacute; astronomique de d&eacute;chets g&eacute;n&eacute;r&eacute;s par l'&eacute;limination des vieux serveurs informatiques des
entreprises et des centres de donn&eacute;es. </p>
<p class="Flex-item_29">L'industrie jette les serveurs alors qu'ils sont encore fonctionnels. Nous pensons que ce gaspillage peut être facilement &eacute;vit&eacute;. Chaque jour, de nombreux serveurs sont produits, en utilisant les min&eacute;raux rares de la terre
(parfois sans offrir de conditions de travail d&eacute;centes ou même en exploitant des enfants), cet impact environnemental est &eacute;norme. Nous pensons qu'il est dommage de ne pas utiliser les produits au maximum de leur potentiel
et de leur long cycle de vie. Nous ne voulons pas soutenir l'obsolescence programm&eacute;e, c'est pourquoi nous avons d&eacute;cid&eacute; de r&eacute;utiliser, r&eacute;parer et r&eacute;utiliser, encore et encore, jusqu'&agrave; ce
que le mat&eacute;riel ne puisse plus fonctionner.
</p>
<p class="Flex-item_29">
Cette pens&eacute;e est en accord avec nos valeurs :
</p>
<ul class="Flex-item_30">
<li>
<p>Nous sommes convaincus qu'il existe de nombreuses solutions issues de l'utilisation de la technologie pour all&eacute;ger son empreinte.
</p>
</li>
<li>
<p>Nous pensons qu'il est important de promouvoir ces solutions et de les rendre accessibles au plus grand nombre.</p>
</li>
<li>
<p>Nous pensons &eacute;galement que l'informatique, en produisant des donn&eacute;es pertinentes et des indicateurs cl&eacute;s, est un outil tr&egrave;s puissant, qui peut être utilis&eacute; pour aider chacun &agrave; mesurer les progr&egrave;s
r&eacute;alis&eacute;s dans le cadre de la transition &eacute;cologique.
</p>
</li>
<li>
<p>L'innovation doit être utilis&eacute;e pour pousser tous les curseurs vers des solutions plus durables.
</p>
</li>
</ul>
<p class="Flex-item_29">
Nous voulons aider nos clients &agrave; minimiser l'impact de leurs TIC sur la plan&egrave;te en r&eacute;utilisant des serveurs qui seraient autrement mis au rebut et vous offrir un cloud sur mesure,
<strong>100%
local</strong> (Suisse),
<strong>100% recycl&eacute;</strong> et <strong>100% engag&eacute;</strong>.
</p>
<p class="Flex-item_29">
C'est ce que nous adorons faire.
</p class="Flex-item_29">
<p class="Flex-item_29">
Et nous le faisons avec autant de sens que possible.
</p>
<p class="Flex-item_29">
Nos centres de donn&eacute;es utilisent toutes les meilleures pratiques connues et nous fournissons nos services en cloud de la mani&egrave;re la plus durable qui soit :
</p>
<ul class="Flex-item_30">
<li>
<p>par l'utilisation de refroidissement naturel,</p>
</li>
<li>
<p>par la cr&eacute;ation d'entit&eacute;s locales de taille raisonnable,</p>
</li>
<li>
<p>en choisissant une &eacute;lectricit&eacute; provenant uniquement de sources renouvelables,</p>
</li>
<li>
<p>en choisissant des outils Open Source et en &eacute;vitant le verrouillage par nos fournisseurs,
</p>
</li>
<li>
<p>en ne vendant aucune donn&eacute;e et en ne suivant aucun comportement,</p>
</li>
<li>
<p>en maintenant des emplois locaux et soutenant des &eacute;quipes proches de nos clients.</p>
</li>
</ul>
<p class="Flex-item_29">
Et notre <strong>Recycled.Cloud</strong> ne fait que commencer. Nous avons beaucoup d'autres id&eacute;es, alors restez &agrave; l'&eacute;coute !
</p>
<p class="Flex-item_29">
<strong>Recycled Cloud</strong> peut être un d&eacute;but pour vous aussi. Nous avons beaucoup de choses &agrave; partager et pouvons vous aider &agrave; faire avancer votre informatique vers<strong> plus de
durabilit&eacute;</strong>. Rejoignez-nous pour obtenir notre aide et faciliter ces &eacute;tapes.
</p>
<p class="Flex-item_29">
En utilisant le <strong>Recycled.Cloud,</strong> vous choisissez de faire confiance aux id&eacute;es innovantes et vous soutenez cette transition vers <strong>des services et des infrastructures</strong> informatiques <strong>plus &eacute;cologiques.</strong>
</p>
</section>
<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 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">Chemin du Vernay 14a</p>
<p class="Flex-item_18_01">1196 Gland, 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">©2022 e-Durable SA</p>
</footer>
</main>
</body>
</html>

120
privacy-policy.html Normal file
View File

@ -0,0 +1,120 @@
<!DOCTYPE html>
<html lang="en">
<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="stylesheet" href="Style.css">
<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">
</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">
<ul class="topnav-links">
<li class="nav-item"><a href="index.html"><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="privacy-policy.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="privacy-policy_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_18">
<h1 class="Flex-item_28">Privacy Policy</h1>
<p class="Flex-item_29">Here in Recycled Cloud we care not only about environment but foremostly about people.
</p>
<p class="Flex-item_29_1">And we are not only talking about it, but we also actually do it. Heres why.
</p>
<h2 class="Flex-item_28">Data</h2>
<p class="Flex-item_29">The only data we store are the emails and billing addresses of our customers.</p>
<p class="Flex-item_29_1">We do not save any data about the online users too, hence do not stress about cookies or tracking. You can relax and enjoy our 100% static and low carbon website. Isnt it loading fast?
</p>
<h2 class="Flex-item_28">Security</h2>
<p class="Flex-item_29">We do not share your data with any third party.</p>
<p class="Flex-item_29_1">Your billing informations are securely stored in our system and available only to the authorized personnel.
</p>
<h2 class="Flex-item_28">Trust</h2>
<p class="Flex-item_29">We will not spam you with the marketing e-mails.</p>
<p class="Flex-item_29">If one day you decided to leave, your data will not be forward to any third party, your account will be deleted, and all your billing data securely archived.
</p>
<p class="Flex-item_29">As we are local people you can always reach us, and we would be happy to talk to you about your concerns, over a phone or a cup of tea.</p>
</section>
<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 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>
</body>
</html>

124
privacy-policy_fr.html Normal file
View File

@ -0,0 +1,124 @@
<!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="stylesheet" href="Style.css">
<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">
</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">
<ul class="topnav-links">
<li class="nav-item"><a href="index_fr.html"><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"><span>Manifesto</span></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="privacy-policy.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="privacy-policy_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_18">
<h1 class="Flex-item_28">Politique de confidentialit&eacute;</h1>
<p class="Flex-item_29">Chez Recycled Cloud, nous ne nous pr&eacute;occupons pas seulement de l'environnement, mais surtout des gens.
</p>
<p class="Flex-item_29_1">Et nous ne faisons pas qu'en parler, nous le faisons r&eacute;ellement. Voici pourquoi.
</p>
<h2 class="Flex-item_28">Les Donn&eacute;es</h2>
<p class="Flex-item_29">Les seules donn&eacute;es que nous stockons sont les adresses &eacute;lectroniques et de facturation de nos clients.</p>
<p class="Flex-item_29_1">Nous n'enregistrons pas non plus de donn&eacute;es sur les utilisateurs en ligne. Ne vous inqui&eacute;tez pas des cookies ou du suivi : il n'y en a pas. Vous pouvez vous d&eacute;tendre et profiter de notre site web 100% statique et &agrave;
faible &eacute;mission de carbone. Avez-vous remarqu&eacute; comme son chargement est super rapide ?
</p>
<h2 class="Flex-item_28">La s&eacute;curit&eacute;</h2>
<p class="Flex-item_29">Nous ne partageons pas vos donn&eacute;es avec des tiers.</p>
<p class="Flex-item_29_1">Vos informations de facturation sont stock&eacute;es en toute s&eacute;curit&eacute; dans notre syst&egrave;me et ne sont accessibles qu'au personnel autoris&eacute;.
</p>
<h2 class="Flex-item_28">La confiance</h2>
<p class="Flex-item_29">Nous ne vous enverrons pas de courriel publicitaire.</p>
<p class="Flex-item_29">Si un jour vous d&eacute;cidiez de partir, vos donn&eacute;es ne seront transmises &agrave; aucun tiers, votre compte sera supprim&eacute; et toutes vos donn&eacute;es de facturation seront archiv&eacute;es de mani&egrave;re s&eacute;curis&eacute;e.
</p>
<p class="Flex-item_29">Comme nous sommes des gens de la r&eacute;gion, vous pouvez toujours nous joindre, et nous serions heureux de parler de vos pr&eacute;occupations, au t&eacute;l&eacute;phone ou autour d'un verre.</p>
</section>
<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 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">Chemin du Vernay 14a</p>
<p class="Flex-item_18_01">1196 Gland, 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">©2022 e-Durable SA</p>
</footer>
</main>
</body>
</html>

186
virtual-machine.html Normal file
View File

@ -0,0 +1,186 @@
<!DOCTYPE html>
<html lang="en">
<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="stylesheet" href="Style.css">
<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">
</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">
<ul class="topnav-links">
<li class="nav-item"><a href="index.html"><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" class="active"><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="virtual-machine.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="virtual-machine_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>
<div class="Flex-Container_14_1">
<img id="logo_12" src="assets/Virtual_Machines.svg" alt="Backup logo">
<h1 id="BP_06">Virtual Machines</h1>
</div>
<section class="Flex-Container_14">
<div class="Flex-item_23">
<div class="Flex-item_23_1">
<div class="Flex-item_23_2">
<img id="logo_11" src="assets/Virtual_Machines.svg" alt="Backup logo">
<h1 id="BP_05">Virtual Machines</h1>
</div>
<p class="Flex-item_23_3">We provide virtual machine hosting, allowing you to host your servers in our cloud.
</p>
<p class="Flex-item_23_4">Create a new machine according to your resource requirements and with the operating system of your choice to deploy a secondary AD or mail server, or to host your company applications.
</p>
<div class="Flex-item_23_5">
<a href="#link_TS_02">
<p id="link_TS_01"><span>Technical Specifications</span></p>
</a>
<a href="#link_PR">
<p id="link_PR_1"><span>Prices</span></p>
</a>
</div>
</div>
</div>
<div class="Flex-item_24">
<p class="Flex-item_24_1">All inclusive flat fee</p>
<p class="Flex-item_24_2">from <strong>34.- </strong>/month</p>
<p class="Flex-item_24_3">excluding taxes</p>
<a href="become-client.html"><button id="btn_01" class="button_01">
<h5>I'm interested</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" class=" ML_170 ">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>
<article class="Flex-item_25">
<div>
<h4 id="link_TS_02">Technical specifications</h4>
</div>
<div>
<p class="Flex-item_25_1">
We provide virtual machine hosting, with configurable drives, NICs, disks and memory.
</p>
<p class="Flex-item_25_2">
The default provided connectivity provided is IPv6 with DNS64+NAT64 for access to the IPv4 world; additional IPv4 and IPv6 addresses can be requested.
</p>
<p class="Flex-item_25_3">
Our machines come with a wide variety of GNU/Linux distributions, as well as FreeBSD and Windows Server 2019.
</p>
</div>
</article>
<div>
<div class="Flex-item_26">
<h4 id="link_PR">Prices</h4>
</div>
<section class="Flex-Container_15">
<div class="Flex-Container_15_1">
<div class="Flex-item_26_1">
<ul>
<li>1 CPU</li>
<li class="MT_40">2 GB RAM</li>
<li class="MT_40">20 GB disk space</li>
</ul>
</div>
<div class="Flex-item_26_2 ">
<p class="MT_20">=</p>
</div>
<div class="Flex-item_26_3">
<p class="Flex-item_26_3_1 MT_20"> <strong> 34.- </strong> / month</p>
<p class="Flex-item_26_3_2 MT_20">excluding taxes</p>
</div>
</div>
</div>
</section>
<article class="Flex-item_27">
<p class="Flex-item_27_1">
AS PER ABOVE: Unlike our competitors, we can offer you exactly what you need. Please contact us for a personalized offer so you won't pay for what is not necessary.
</p>
</article>
</div>
<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 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>
</body>
</html>

194
virtual-machine_fr.html Normal file
View File

@ -0,0 +1,194 @@
<!DOCTYPE html>
<html lang="en">
<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="stylesheet" href="Style.css">
<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">
</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">
<ul class="topnav-links">
<li class="nav-item"><a href="index_fr.html"><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" class="active"><span>Machines
Virtuelles</span></a>
</li>
<li class="nav-item">
<a href="manifesto_fr.html"><span>Manifesto</span></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="virtual-machine.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="virtual-machine_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>
<div class="Flex-Container_14_1">
<img id="logo_12" src="assets/Virtual_Machines.svg" alt="Backup logo">
<h1 id="BP_06">Machines Virtuelles
</h1>
</div>
<section class="Flex-Container_14">
<div class="Flex-item_23">
<div class="Flex-item_23_1">
<div class="Flex-item_23_2">
<img id="logo_11" src="assets/Virtual_Machines.svg" alt="Backup logo">
<h1 id="BP_05">Machines Virtuelles
</h1>
</div>
<p class="Flex-item_23_3">Nous proposons l'h&eacute;bergement de machines virtuelles, ce qui vous permet de virtualiser et g&eacute;rer vos serveurs dans notre cloud.
</p>
<p class="Flex-item_23_4">Cr&eacute;ez une nouvelle machine en fonction de vos besoins en ressources et avec le syst&egrave;me d'exploitation de votre choix pour par exemple d&eacute;ployer un AD secondaire ou un serveur de messagerie, ou pour h&eacute;berger
les applications de votre entreprise.
</p>
<div class="Flex-item_23_5">
<a href="#link_TS_02">
<p id="link_TS_01"><span>Caract&eacute;ristiques techniques</span></p>
</a>
<a href="#link_PR">
<p id="link_PR_1"><span>Tarifs</span></p>
</a>
</div>
</div>
</div>
<div class="Flex-item_24">
<p class="Flex-item_24_1">Tarif forfaitaire tout compris</p>
<p class="Flex-item_24_2">d&eacute;s <strong>34.- </strong>/ mois</p>
<p class="Flex-item_24_3">hors taxes</p>
<a href="become-client_fr.html"><button id="btn_01" class="button_01">
<h5>Je suis int&eacute;ress&eacute;</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" class=" ML_170 ">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></a>
</p>
</div>
</section>
<article class="Flex-item_25">
<div>
<h4 id="link_TS_02">Caract&eacute;ristiques techniques</h4>
</div>
<div>
<p class="Flex-item_25_1">
Nous fournissons un h&eacute;bergement de machines virtuelles, avec de la m&eacute;moire configurable, des NICs, et des disques configurables.
</p>
<p class="Flex-item_25_2">
La connectivit&eacute; fournie par d&eacute;faut est IPv6 avec DNS64+NAT64 pour l'acc&egrave;s au monde IPv4 ; des adresses IPv4 et IPv6 suppl&eacute;mentaires peuvent être demand&eacute;es en option.
</p>
<p class="Flex-item_25_3">
Nos machines peuvent &ecirc;tre livr&eacute;es avec une grande vari&eacute;t&eacute; de distributions GNU/Linux, ainsi que FreeBSD et Windows Server 2019.
</p>
</div>
</article>
<div>
<div class="Flex-item_26">
<h4 id="link_PR">Tarifs</h4>
</div>
<section class="Flex-Container_15">
<div class="Flex-Container_15_1">
<div class="Flex-item_26_1">
<ul>
<li>1 CPU</li>
<li class="MT_40">2 GB RAM</li>
<li class="MT_40">20 GB d'espace disque</li>
</ul>
</div>
<div class="Flex-item_26_2 ">
<p class="MT_20">=</p>
</div>
<div class="Flex-item_26_3">
<p class="Flex-item_26_3_1 MT_20"> <strong> 34.- </strong> / mois</p>
<p class="Flex-item_26_3_2 MT_20">hors taxes</p>
</div>
</div>
</div>
</section>
<article class="Flex-item_27">
<p class="Flex-item_27_1">
Contrairement &agrave; nos concurrents, nous pouvons vous offrir exactement ce dont vous avez besoin, et vous fournir une configuration sur mesure. Veuillez nous contacter pour une offre personnalis&eacute;e afin de ne pas payer pour ce qui n'est pas
n&eacute;cessaire. </p>
</article>
</div>
<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 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">Chemin du Vernay 14a</p>
<p class="Flex-item_18_01">1196 Gland, 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">©2022 e-Durable SA</p>
</footer>
</main>
</body>
</html>