From 31ba0af5ddc2eb58946322a4db55eb78eff715b4 Mon Sep 17 00:00:00 2001
From: Valentin Doreau <v.doreau@e-durable.ch>
Date: Mon, 21 Oct 2024 06:36:28 +0200
Subject: [PATCH] feat: added links to shop

---
 assets/main.css         |  8 +++++++
 assets/robel.css        | 48 -----------------------------------------
 en/virtual-machine.part | 10 +++++----
 fr/virtual-machine.part | 13 +++++------
 4 files changed, 21 insertions(+), 58 deletions(-)

diff --git a/assets/main.css b/assets/main.css
index 1267e36..4e1944b 100644
--- a/assets/main.css
+++ b/assets/main.css
@@ -5,3 +5,11 @@ body, main, header, footer {
 .flex {
   display: flex;
 }
+
+h1, h2, h3, h4, h5, h6, p, strong {
+  color: #0F3975;
+}
+
+small {
+  font-size: 1rem !important;
+}
diff --git a/assets/robel.css b/assets/robel.css
index d0d5c60..e5ce830 100755
--- a/assets/robel.css
+++ b/assets/robel.css
@@ -160,48 +160,41 @@ h1 {
     font-family: 'PT Sans', sans-serif;
     font-size: 71px;
     font-weight: 700;
-    color: #0F3975
 }
 
 h2 {
     font-family: 'PT Sans', sans-serif;
     font-size: 57px;
     font-weight: 700;
-    color: #0F3975
 }
 
 h3 {
     font-family: 'PT Sans', sans-serif;
     font-size: 44px;
     font-weight: 700;
-    color: #0F3975
 }
 
 h4 {
     font-family: 'PT Sans', sans-serif;
     font-size: 44px;
     font-weight: 500;
-    color: #0F3975
 }
 
 h5 {
     font-family: 'PT Sans', sans-serif;
     font-size: 32px;
     font-weight: 700;
-    color: #0F3975
 }
 
 h6 {
     font-family: 'PT Sans', sans-serif;
     font-size: 31px;
     font-weight: 700;
-    color: #00123f
 }
 
 p {
     font-family: 'PT Sans', sans-serif;
     font-size: 32px;
-    color: #00123f
 }
 
 .MT_20 {
@@ -1139,21 +1132,13 @@ p.Flex-item_24_1 {
 
 p.Flex-item_24_2 {
     font-size: 60px;
-    font-weight: 300;
     color: #0f3975;
-    margin: 0 0 30px
 }
 
 .Flex-item_24_2 strong {
     font-size: 80px
 }
 
-p.Flex-item_24_3 {
-    color: #00123f;
-    margin: 0 0 40px;
-    font-size: 24px
-}
-
 article.Flex-item_25 {
     display: flex;
     flex-direction: column;
@@ -1599,9 +1584,7 @@ section.Flex-Container_18 {
     }
     p.Flex-item_24_2 {
         font-size: 55px;
-        font-weight: 300;
         color: #0f3975;
-        margin: 0 0 30px
     }
     .Flex-item_24_2 strong {
         font-size: 65px
@@ -1694,9 +1677,7 @@ section.Flex-Container_18 {
     }
     p.Flex-item_24_2 {
         font-size: 55px;
-        font-weight: 300;
         color: #0f3975;
-        margin: 0 0 30px
     }
     .Flex-item_24_2 strong {
         font-size: 65px
@@ -1928,9 +1909,7 @@ section.Flex-Container_18 {
     }
     .Flex-item_24_2 {
         font-size: 50px;
-        font-weight: 300;
         color: #0f3975;
-        margin: 0 0 30px
     }
     .Flex-item_24_2 strong {
         font-size: 60px
@@ -2180,9 +2159,7 @@ section.Flex-Container_18 {
     }
     p.Flex-item_24_2 {
         font-size: 45px;
-        font-weight: 300;
         color: #0f3975;
-        margin: 0 0 30px
     }
     #link_TS_02 {
         font-size: 45px;
@@ -2488,18 +2465,11 @@ section.Flex-Container_18 {
     }
     .Flex-item_24_2 {
         font-size: 40px;
-        font-weight: 300;
         color: #0f3975;
-        margin: 0 0 30px
     }
     .Flex-item_24_2 strong {
         font-size: 55px
     }
-    p.Flex-item_24_3 {
-        color: #00123f;
-        margin: 0 0 40px;
-        font-size: 18px
-    }
     #link_TS_02 {
         font-size: 40px
     }
@@ -2988,16 +2958,11 @@ section.Flex-Container_18 {
     }
     p.Flex-item_24_2 {
         font-size: 35px;
-        font-weight: 300;
         color: #0f3975;
-        margin: 0 0 10px
     }
     .Flex-item_24_2 strong {
         font-size: 50px
     }
-    p.Flex-item_24_3 {
-        font-size: 16px
-    }
     #link_TS_02 {
         font-size: 35px
     }
@@ -3339,9 +3304,7 @@ section.Flex-Container_18 {
     }
     p.Flex-item_24_2 {
         font-size: 30px;
-        font-weight: 300;
         color: #0f3975;
-        margin: 0 0 10px
     }
     #link_TS_02 {
         font-size: 32px
@@ -3777,9 +3740,7 @@ section.Flex-Container_18 {
     }
     p.Flex-item_24_2 {
         font-size: 30px;
-        font-weight: 300;
         color: #0f3975;
-        margin: 0 0 10px
     }
     .Flex-item_24_2 strong {
         font-size: 45px
@@ -4131,9 +4092,7 @@ section.Flex-Container_18 {
     }
     p.Flex-item_24_2 {
         font-size: 30px;
-        font-weight: 300;
         color: #0f3975;
-        margin: 0 0 10px
     }
     #link_TS_02 {
         font-size: 32px;
@@ -4684,16 +4643,11 @@ section.Flex-Container_18 {
     }
     p.Flex-item_24_2 {
         font-size: 35px;
-        font-weight: 300;
         color: #0f3975;
-        margin: 0 0 10px
     }
     .Flex-item_24_2 strong {
         font-size: 45px
     }
-    p.Flex-item_24_3 {
-        font-size: 14px
-    }
     #link_TS_02 {
         font-size: 32px
     }
@@ -5235,9 +5189,7 @@ section.Flex-Container_18 {
     }
     p.Flex-item_24_2 {
         font-size: 26px;
-        font-weight: 300;
         color: #0f3975;
-        margin: 0 0 10px
     }
     section.Flex-Container_16 {
         display: flex;
diff --git a/en/virtual-machine.part b/en/virtual-machine.part
index 76f9592..68523b9 100644
--- a/en/virtual-machine.part
+++ b/en/virtual-machine.part
@@ -23,11 +23,13 @@
     </div>
     <div class="Flex-item_24">
         <p class="Flex-item_24_1">All inclusive flat fee</p>
-        <p class="Flex-item_24_2"><strong>on demand</strong></p>
-        <p class="Flex-item_24_3">excluding taxes</p>
-        <a href="become-client.html"><button id="btn_01" class="button_01">
+        <p class="Flex-item_24_2"><small>Starting</small> <strong>19.-</strong></p>
+        <p><small>Taxes excl.</small></p>
+        <a href="https://www.recycled.cloud/en_GB/shop?search=VM">
+            <button id="btn_01" class="button_01 MT_40">
                 <h5>I'm interested</h5>
-            </button></a>
+            </button>
+        </a>
     </div>
 </section>
 <section class="Flex-Container_10">
diff --git a/fr/virtual-machine.part b/fr/virtual-machine.part
index d49b9b3..d7ce4b9 100644
--- a/fr/virtual-machine.part
+++ b/fr/virtual-machine.part
@@ -8,8 +8,7 @@
         <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>
+                <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>
@@ -26,11 +25,13 @@
     </div>
     <div class="Flex-item_24">
         <p class="Flex-item_24_1">Tarif forfaitaire tout compris</p>
-        <p class="Flex-item_24_2"><strong>sur demande</strong></p>
-        <p class="Flex-item_24_3">hors taxes</p>
-        <a href="become-client.html"><button id="btn_01" class="button_01">
+        <p class="Flex-item_24_2"><small>À partir de</small> <strong>19.-</strong></p>
+        <p><small>Hors taxes</small></p>
+        <a href="https://www.recycled.cloud/shop?search=VM">
+            <button id="btn_01" class="button_01 MT_40">
                 <h5>Je suis int&eacute;ress&eacute;</h5>
-            </button></a>
+            </button>
+        </a>
     </div>
 </section>
 <section class="Flex-Container_10">