feat: added links to shop

This commit is contained in:
Valentin Doreau 2024-10-21 06:36:28 +02:00
parent 424b1e7098
commit 31ba0af5dd
Signed by: vdoreau
GPG key ID: F3E456CF9A14098B
4 changed files with 21 additions and 58 deletions

View file

@ -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;
}

View file

@ -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;

View file

@ -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">

View file

@ -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">