feat: added links to shop
This commit is contained in:
parent
424b1e7098
commit
31ba0af5dd
4 changed files with 21 additions and 58 deletions
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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">
|
||||
|
|
|
@ -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ébergement de machines virtuelles, ce qui vous permet de virtualiser et gé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éressé</h5>
|
||||
</button></a>
|
||||
</button>
|
||||
</a>
|
||||
</div>
|
||||
</section>
|
||||
<section class="Flex-Container_10">
|
||||
|
|
Loading…
Reference in a new issue