refactor: removed prices section

This commit is contained in:
Valentin Doreau 2024-10-21 06:01:03 +02:00
parent 92387c6ec0
commit 424b1e7098
Signed by: vdoreau
GPG key ID: F3E456CF9A14098B
5 changed files with 1 additions and 450 deletions

View file

@ -1108,10 +1108,6 @@ p#link_TS_01:hover {
background-color: #66D6D9 background-color: #66D6D9
} }
p#link_PR_1:hover {
background-color: #66D6D9
}
div.Flex-item_23_5 { div.Flex-item_23_5 {
display: flex; display: flex;
font-weight: 700; font-weight: 700;
@ -1194,71 +1190,6 @@ p.Flex-item_25_3 {
line-height: normal line-height: normal
} }
section.Flex-Container_15 {
display: flex;
flex-direction: column;
max-width: 1920px;
background-color: #f7f7f7;
}
div.Flex-Container_15_1 {
display: flex;
flex-direction: row;
background-color: #f7f7f7;
}
#link_PR {
font-size: 57px;
padding-top: 5%
}
div.Flex-item_26 {
display: flex;
margin: 0 0 2% 11%
}
div.Flex-item_26_1 {
display: flex;
flex-direction: column;
margin: 60px 8% 60PX 14%;
line-height: normal;
font-size: 35px
}
div.Flex-item_26_2 {
display: flex;
margin: auto;
line-height: normal;
font-size: 50px
}
div.Flex-item_26_3 {
display: flex;
flex-direction: column;
margin: auto auto auto 0;
line-height: normal;
font-size: 45px;
}
div.Flex-item_26_4 {
display: flex;
flex-direction: column;
margin: auto auto auto 11%;
line-height: normal;
font-size: 18px;
overflow-wrap: anywhere;
line-height: normal;
padding-bottom: 20px;
}
p.Flex-item_26_3_1 {
font-size: 45px
}
p.Flex-item_26_3_2 {
font-size: 22px
}
article.Flex-item_27 { article.Flex-item_27 {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -1678,9 +1609,6 @@ section.Flex-Container_18 {
#link_TS_02 { #link_TS_02 {
font-size: 50px font-size: 50px
} }
#link_PR {
font-size: 50px
}
} }
@media only screen and (max-width: 1650px) { @media only screen and (max-width: 1650px) {
@ -1776,9 +1704,6 @@ section.Flex-Container_18 {
#link_TS_02 { #link_TS_02 {
font-size: 50px font-size: 50px
} }
#link_PR {
font-size: 50px
}
} }
@media only screen and (max-width: 1575px) { @media only screen and (max-width: 1575px) {
@ -2013,9 +1938,6 @@ section.Flex-Container_18 {
#link_TS_02 { #link_TS_02 {
font-size: 50px font-size: 50px
} }
#link_PR {
font-size: 50px
}
ul.Flex-item_30 { ul.Flex-item_30 {
margin: 20px 0 20px 60px; margin: 20px 0 20px 60px;
font-size: 25px font-size: 25px
@ -2213,13 +2135,6 @@ section.Flex-Container_18 {
line-height: normal; line-height: normal;
font-size: 41.2pt font-size: 41.2pt
} }
div.Flex-Container_15_1 {
display: flex;
flex-direction: row;
width: 100%;
background-color: #f7f7f7;
margin: 0 5% 0 0;
}
h2.Flex-item_16 { h2.Flex-item_16 {
margin-top: 60px; margin-top: 60px;
text-decoration: none; text-decoration: none;
@ -2273,37 +2188,6 @@ section.Flex-Container_18 {
font-size: 45px; font-size: 45px;
padding-top: 80px padding-top: 80px
} }
#link_PR {
font-size: 45px;
padding-top: 80px
}
div.Flex-item_26_1 {
margin: 60px 8% 60PX 14%;
font-size: 30px
}
div.Flex-item_26_2 {
margin: auto;
font-size: 50px
}
div.Flex-item_26_3 {
display: flex;
flex-direction: column;
margin: auto 120px auto 0;
line-height: normal;
font-size: 45px;
}
p.Flex-item_26_3_1 {
font-size: 40px
}
div.Flex-item_26_4 {
display: flex;
flex-direction: column;
margin: auto auto auto 11%;
line-height: normal;
font-size: 18px;
overflow-wrap: anywhere;
line-height: normal;
}
ul.Flex-item_30 { ul.Flex-item_30 {
margin: 20px 0 20px 60px; margin: 20px 0 20px 60px;
font-size: 22px font-size: 22px
@ -2619,20 +2503,6 @@ section.Flex-Container_18 {
#link_TS_02 { #link_TS_02 {
font-size: 40px font-size: 40px
} }
#link_PR {
font-size: 40px
}
div.Flex-item_26_1 {
margin: 60px 8% 60PX 14%;
font-size: 28px
}
div.Flex-item_26_2 {
margin: auto;
font-size: 50px
}
p.Flex-item_26_3_1 {
font-size: 40px
}
} }
@media only screen and (max-width: 1275px) { @media only screen and (max-width: 1275px) {
@ -3061,16 +2931,9 @@ section.Flex-Container_18 {
color: #0f3975; color: #0f3975;
padding-top: 150px padding-top: 150px
} }
#link_PR {
padding-top: 150px
}
h1.Flex-item_28 { h1.Flex-item_28 {
margin: 40px 0 0px 0; margin: 40px 0 0px 0;
} }
div.Flex-item_26_4 {
font-size: 14px;
padding-bottom: 20px;
}
} }
@media only screen and (max-width: 1250px) { @media only screen and (max-width: 1250px) {
@ -3138,20 +3001,6 @@ section.Flex-Container_18 {
#link_TS_02 { #link_TS_02 {
font-size: 35px font-size: 35px
} }
#link_PR {
font-size: 35px
}
div.Flex-item_26_1 {
margin: 60px 8% 60PX 14%;
font-size: 25px
}
div.Flex-item_26_2 {
margin: auto;
font-size: 45px
}
p.Flex-item_26_3_1 {
font-size: 40px
}
h1.Flex-item_28 { h1.Flex-item_28 {
margin: 40px 0 0px 0; margin: 40px 0 0px 0;
} }
@ -3179,9 +3028,6 @@ section.Flex-Container_18 {
#VM_07 { #VM_07 {
padding-bottom: 15px padding-bottom: 15px
} }
#link_PR {
padding-top: 15%
}
} }
@media only screen and (max-width: 1145px) { @media only screen and (max-width: 1145px) {
@ -3500,20 +3346,6 @@ section.Flex-Container_18 {
#link_TS_02 { #link_TS_02 {
font-size: 32px font-size: 32px
} }
#link_PR {
font-size: 32px
}
div.Flex-item_26_1 {
margin: 60px 8% 60PX 14%;
font-size: 22px
}
div.Flex-item_26_2 {
margin: auto;
font-size: 50px
}
p.Flex-item_26_3_1 {
font-size: 35px
}
section.Flex-Container_17 { section.Flex-Container_17 {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -3956,25 +3788,6 @@ section.Flex-Container_18 {
font-size: 32px; font-size: 32px;
padding-top: 120px padding-top: 120px
} }
#link_PR {
font-size: 32px;
padding-top: 120px
}
div.Flex-item_26_1 {
margin: 60px 5% 60PX 14%;
font-size: 22px
}
div.Flex-item_26_2 {
margin: auto;
font-size: 50px
}
p.Flex-item_26_3_1 {
font-size: 35px
}
div.Flex-item_26_3 {
margin: auto auto auto 0;
font-size: 38px
}
section.Flex-Container_17 { section.Flex-Container_17 {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -4326,18 +4139,6 @@ section.Flex-Container_18 {
font-size: 32px; font-size: 32px;
padding-top: 120px padding-top: 120px
} }
#link_PR {
font-size: 32px;
padding-top: 120px
}
div.Flex-item_26_1 {
margin: 60px 0 60PX 14%;
font-size: 20px
}
div.Flex-item_26_3 {
margin: auto auto auto 0;
font-size: 40px
}
section.Flex-Container_17 { section.Flex-Container_17 {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -4896,37 +4697,11 @@ section.Flex-Container_18 {
#link_TS_02 { #link_TS_02 {
font-size: 32px font-size: 32px
} }
#link_PR {
font-size: 32px;
cursor: pointer!important
}
article.Flex-item_25 { article.Flex-item_25 {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
margin: 0 3% 0 6% margin: 0 3% 0 6%
} }
div.Flex-item_26 {
display: flex;
margin: 0 0 2% 6%
}
div.Flex-item_26_1 {
margin: 60px 20px 60PX 12%;
font-size: 20px
}
div.Flex-item_26_2 {
margin: auto 5%;
font-size: 50px
}
p.Flex-item_26_3_1 {
font-size: 35px
}
p.Flex-item_26_3_2 {
font-size: 14px
}
div.Flex-item_26_3 {
margin: auto 6% auto 0;
font-size: 40px
}
article.Flex-item_27 { article.Flex-item_27 {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -4977,18 +4752,6 @@ section.Flex-Container_18 {
padding: 0 15%; padding: 0 15%;
margin-bottom: 0 margin-bottom: 0
} }
div.Flex-item_26_2 {
margin: auto;
}
div.Flex-item_26_4 {
display: flex;
flex-direction: column;
margin: auto 5% auto 11%;
line-height: normal;
font-size: 12px;
overflow-wrap: anywhere;
line-height: normal;
}
} }
@media only screen and (max-width: 770px) { @media only screen and (max-width: 770px) {
@ -5476,19 +5239,6 @@ section.Flex-Container_18 {
color: #0f3975; color: #0f3975;
margin: 0 0 10px margin: 0 0 10px
} }
div.Flex-item_26_1 {
margin: 60px 12% 60PX 11%;
font-size: 20px
}
div.Flex-item_26_2 {
margin: auto 5%;
;
font-size: 50px
}
div.Flex-item_26_3 {
margin: auto 5% auto 0;
font-size: 25px
}
section.Flex-Container_16 { section.Flex-Container_16 {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -5636,32 +5386,6 @@ section.Flex-Container_18 {
font-size: 32px; font-size: 32px;
padding-top: 100px padding-top: 100px
} }
#link_PR {
font-size: 32px;
padding-top: 100px
}
div.Flex-Container_15_1 {
display: flex;
flex-direction: column;
}
div.Flex-item_26_1 {
margin: 60px 12% 20px 11%;
font-size: 20px;
}
div.Flex-item_26_2 {
margin: 5px 16%;
font-size: 50px;
}
p.Flex-item_26_3_1 {
margin: 0px 20px 0px 11%;
}
p.Flex-item_26_3_2 {
margin-left: 11%;
padding-bottom: 20px;
}
div.Flex-item_26_4 {
margin-right: 20px;
}
} }
@media only screen and (max-width: 640px) { @media only screen and (max-width: 640px) {
@ -6272,9 +5996,6 @@ section.Flex-Container_18 {
display: inline-block; display: inline-block;
margin-bottom: 5% margin-bottom: 5%
} }
P#link_PR_1 {
display: inline-block
}
div.Flex-item_24 { div.Flex-item_24 {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -6286,14 +6007,6 @@ section.Flex-Container_18 {
flex-direction: column; flex-direction: column;
margin: 0 3% 0 11% margin: 0 3% 0 11%
} }
div.Flex-item_26 {
display: flex;
margin: 0 0 2% 11%
}
div.Flex-item_26_1 {
margin: 60px 8% 20PX 14%;
font-size: 20px
}
article.Flex-item_27 { article.Flex-item_27 {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -6439,24 +6152,6 @@ section.Flex-Container_18 {
font-size: 45px; font-size: 45px;
margin: -55px 1% 0 -75px margin: -55px 1% 0 -75px
} }
section.Flex-Container_15 {
display: flex;
flex-direction: column;
width: 100%;
background-color: #f7f7f7;
margin: 0 5% 0 0
}
div.Flex-item_26_1 {
margin: 60px 5% 20PX 14%;
font-size: 20px
}
div.Flex-item_26_2 {
font-size: 50px
}
div.Flex-item_26_3 {
margin: auto 5% auto 0;
font-size: 25px
}
} }
@media only screen and (max-width: 520px) { @media only screen and (max-width: 520px) {
@ -6790,10 +6485,6 @@ section.Flex-Container_18 {
#link_TS_02 { #link_TS_02 {
font-size: 28px font-size: 28px
} }
#link_PR {
font-size: 28px;
cursor: pointer!important
}
h1#BP_06 { h1#BP_06 {
display: block; display: block;
position: absolute; position: absolute;
@ -6916,11 +6607,6 @@ section.Flex-Container_18 {
font-size: 24px; font-size: 24px;
padding-top: 90px padding-top: 90px
} }
#link_PR {
font-size: 24px;
cursor: pointer!important;
padding-top: 90px
}
img#Location_Map { img#Location_Map {
position: relative; position: relative;
width: 1000px; width: 1000px;
@ -6931,14 +6617,6 @@ section.Flex-Container_18 {
overflow-x: scroll; overflow-x: scroll;
overflow-y: scroll overflow-y: scroll
} }
div.Flex-item_26 {
display: flex;
margin: 0 0 2% 10%
}
div.Flex-item_26_1 {
margin: 60px 5% 20PX 18%;
font-size: 20px
}
article.Flex-item_27 { article.Flex-item_27 {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -7006,8 +6684,4 @@ section.Flex-Container_18 {
#link_TS_02 { #link_TS_02 {
font-size: 22px font-size: 22px
} }
#link_PR {
font-size: 22px;
cursor: pointer!important
}
} }

View file

@ -20,9 +20,6 @@
<a href="#link_TS_02"> <a href="#link_TS_02">
<p id="link_TS_01"><span>Technical Specifications</span></p> <p id="link_TS_01"><span>Technical Specifications</span></p>
</a> </a>
<a href="#link_PR">
<p id="link_PR_1"><span>Prices</span></p>
</a>
</div> </div>
</div> </div>
</div> </div>
@ -61,34 +58,6 @@
</div> </div>
</article> </article>
<div> <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>on demand</strong></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"> <article class="Flex-item_27">
<p class="Flex-item_27_1"> <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. 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.

View file

@ -18,9 +18,6 @@
<a href="#link_TS_02"> <a href="#link_TS_02">
<p id="link_TS_01"><span>Technical Specifications</span></p> <p id="link_TS_01"><span>Technical Specifications</span></p>
</a> </a>
<a href="#link_PR">
<p id="link_PR_1"><span>Prices</span></p>
</a>
</div> </div>
</div> </div>
</div> </div>
@ -56,29 +53,6 @@
</p> </p>
</div> </div>
</article> </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>on demand</strong></p>
<p class="Flex-item_26_3_2 MT_20">excluding taxes</p>
</div>
</div>
</div>
</section> </section>
<article class="Flex-item_27"> <article class="Flex-item_27">
<p class="Flex-item_27_1"> <p class="Flex-item_27_1">
@ -91,8 +65,7 @@
<h2 class="Flex-item_06">Interested?</h2> <h2 class="Flex-item_06">Interested?</h2>
</div> </div>
<div class="Flex-Container_07_2"> <div class="Flex-Container_07_2">
<h4 class=" Flex-item_07 ">Take your first step to make</br> your IT more sustainable <h4 class=" Flex-item_07 ">Take your first step to make</br> your IT more sustainable</h4>
</h4>
<div> <div>
<a href="become-client.html"><button type="button" id="btn_BC_01" class="button_02 "> <a href="become-client.html"><button type="button" id="btn_BC_01" class="button_02 ">

View file

@ -20,9 +20,6 @@
<a href="#link_TS_02"> <a href="#link_TS_02">
<p id="link_TS_01"><span>Caract&eacute;ristiques techniques</span></p> <p id="link_TS_01"><span>Caract&eacute;ristiques techniques</span></p>
</a> </a>
<a href="#link_PR">
<p id="link_PR_1"><span>Tarifs</span></p>
</a>
</div> </div>
</div> </div>
</div> </div>
@ -61,40 +58,6 @@
</p> </p>
</div> </div>
</article> </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>sur demande</strong></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"> <article class="Flex-item_27">
<p class="Flex-item_27_1"> <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 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

View file

@ -21,9 +21,6 @@
<a href="#link_TS_02"> <a href="#link_TS_02">
<p id="link_TS_01"><span>Caract&eacute;ristiques techniques</span></p> <p id="link_TS_01"><span>Caract&eacute;ristiques techniques</span></p>
</a> </a>
<a href="#link_PR">
<p id="link_PR_1"><span>Tarifs</span></p>
</a>
</div> </div>
</div> </div>
</div> </div>
@ -60,36 +57,11 @@
</p> </p>
</div> </div>
</article> </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>sur demande</strong></p>
<p class="Flex-item_26_3_2 MT_20">hors taxes</p>
</div>
</div>
</div>
</section>
<article class="Flex-item_27"> <article class="Flex-item_27">
<p class="Flex-item_27_1"> <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 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> n&eacute;cessaire. </p>
</article> </article>
</div>
<article class="Flex-Container_07"> <article class="Flex-Container_07">
<div class="Flex-Container_07_1"> <div class="Flex-Container_07_1">
<h2 class="Flex-item_06">Int&eacute;rress&eacute; ?</h2> <h2 class="Flex-item_06">Int&eacute;rress&eacute; ?</h2>