This commit is contained in:
2026-09-24 11:41:29 -06:00
parent a954e655da
commit 55f2822ef5
43 changed files with 665 additions and 639 deletions
+60 -33
View File
@@ -20,7 +20,7 @@
}
.shadow-vx {
box-shadow: 0 0 10px rgba(0, 0, 0, .5);
max-width: 100%;
}
@@ -47,6 +47,19 @@
max-width: 75px;
}
}
.versus{
background-color: #FFF;
border-radius: 15px;
border-left: solid 3px var(--bs-secondary);
text-align: center;
}
.card-competencia{
padding-top: 70px !important;
margin-top: -50px !important;
}
</style>
<div
id="sec0"
@@ -63,7 +76,7 @@
<h2 class="text-secondary fw-bold">Competidores</h2>
<p class="mb-0 animate__animated animate__lightSpeedInLeft animate__delay-1s">En el mercado de
suplementos para maternidad existen varias marcas con características y formulaciones distintas.
Aunque cada una ofrece beneficios, <strong>ninguna presenta la combinación tan completa de
Aunque cada una ofrece beneficios, <strong>ninguna presenta la combinación tan completa de 19
nutrientes que ofrece OGestan<sup>®</sup> Plus.</strong></p>
</div>
<div class="col-12 mb-3">
@@ -163,7 +176,7 @@
class="col-12 text-center mb-3"
data-sal="slide-left"
>
<h2 class="text-orange-2 fw-bold">No olvidemos…</h2>
<h2 class="text-orange-2 fw-bold">No olvidemos reforzar...</h2>
</div>
<div
class="col-12 col-lg-9"
@@ -177,38 +190,35 @@
>
</div>
<div class="position-relative shadow-vx flex-fill order-1 order-md-2 rounded-3">
<div class="swiper cid1">
<div class="swiper-wrapper">
<div class="swiper-slide visited completed">
<div class="card bg-green-2 border-0 rounded-3 shadow-none p-3">
<div class="row justify-content-center align-items-center">
<div class="col-12 col-md-7 col-xl-7 mb-3 mb-md-0">
<ol>
<li><strong>Número</strong> de componentes.</li>
<li>Cantidad de <strong>Omega 3.</strong></li>
<li>Contenido de <strong>Vitamina D.</strong></li>
<li>Diferenciación del hierro (hierro <strong>bisglicinato</strong>).</li>
</ol>
<p class="fw-bold">Ninguna presenta una combinación tan completa de 19 nutrientes
como OGestan®
Plus</p>
</div>
<div class="col-7 col-md-4 text-center">
<img
src="img/06.8.png"
class="img-fluid"
>
</div>
</div>
</div>
<div class="card bg-green-2 border-0 rounded-3 shadow-none p-3 position-relative z-3" style="border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important;">
<div class="row justify-content-center align-items-center">
<div class="col-12 col-md-7 col-xl-7 mb-3 mb-md-0">
<h1 class="fw-bold text-primary">OGestan<sup>®</sup> Plus</h1>
<ol>
<li><strong>Número</strong> de componentes <span class="fw-bold text-primary h3">19</span>.</li>
<li>Cantidad de <strong>Omega 3</strong> (DHA 250 mg, EPA 50 mg).</li>
<li>Contenido de <strong>Vitamina D</strong> (10 mcg)</li>
<li>Diferenciación del hierro (hierro <strong>bisglicinato</strong>).</li>
</ol>
</div>
<div class="col-7 col-md-4 text-center">
<img src="img/06.8.png" class="img-fluid">
</div>
</div>
</div>
<div class="swiper cid1 position-relative z-1" style="display:none;">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="card bg-green-2 border-0 rounded-3 shadow-none p-3">
<div class="card bg-var-2 card-competencia border-0 rounded-3 shadow-none p-3">
<div class="row justify-content-center align-items-center">
<div class="col-12 col-md-7 col-xl-7 mb-3 mb-md-0">
<h4 class="fw-bold text-primary">Regenesis Max</h4>
<p class="mb-0">Destacar que <strong>Regenesis</strong><strong> Max (RM) no
contiene hierro </strong><strong>bisglicinato</strong>
(solo sulfato ferroso), y un <strong>mínimo de Vitamina D.</strong></p>
<div class="versus p-2 my-3">
OGestan Plus <b>10 mg de vitamina D</b> <br> <em>vs</em> <br> Regenesis Max <span class="text-muted">INFORMACIÓN PENDIENTE</span>
</div>
</div>
<div class="col-7 col-md-4 text-center">
<img
@@ -220,11 +230,15 @@
</div>
</div>
<div class="swiper-slide">
<div class="card bg-green-2 border-0 rounded-3 shadow-none p-3">
<div class="card bg-var-2 card-competencia border-0 rounded-3 shadow-none p-3">
<div class="row justify-content-center align-items-center">
<div class="col-12 col-md-7 col-xl-7 mb-3 mb-md-0">
<h4 class="fw-bold text-primary">Previta mom</h4>
<p class="mb-0">Destacar la <strong>menor cantidad de Omega 3 en
</strong><strong>Previta</strong> <strong>Mom</strong><strong>.</strong></p>
<div class="versus p-2 my-3">
OGestan Plus <b>DHA 250 mg, EPA 50 mg</b> <br> <em>vs</em> <br> Previta mom <span class="text-muted">DHA 146 mg, EPA 50 mg</span>
</div>
</div>
<div class="col-7 col-md-4 text-center">
<img
@@ -236,11 +250,15 @@
</div>
</div>
<div class="swiper-slide">
<div class="card bg-green-2 border-0 rounded-3 shadow-none p-3">
<div class="card bg-var-2 card-competencia border-0 rounded-3 shadow-none p-3">
<div class="row justify-content-center align-items-center">
<div class="col-12 col-md-7 col-xl-7 mb-3 mb-md-0">
<h4 class="fw-bold text-primary">Elevit 2 Omegas</h4>
<p class="mb-0">Elevit 2 Omegas <strong>no cumple con las cantidades requeridas de
ácido fólico</strong>.</p>
<div class="versus p-2 my-3">
OGestan Plus <b>ácido fólico 400 mcg</b> <br> <em>vs</em> <br> Elevit 2 Omegas <span class="text-muted">ácido fólico 360 mcg</span>
</div>
</div>
<div class="col-7 col-md-4 text-center">
<img
@@ -252,11 +270,15 @@
</div>
</div>
<div class="swiper-slide">
<div class="card bg-green-2 border-0 rounded-3 shadow-none p-3">
<div class="card bg-var-2 card-competencia border-0 rounded-3 shadow-none p-3">
<div class="row justify-content-center align-items-center">
<div class="col-12 col-md-7 col-xl-7 mb-3 mb-md-0">
<p class="mb-0">Materplus tiene <strong>una fórmula muy limitada en
<h4 class="fw-bold text-primary">Materplus</h4>
<p class="mb-0">Materplus tiene <strong>una fórmula con menos
elementos.</strong></p>
<div class="versus p-2 my-3">
OGestan Plus <b>19 componentes</b> <br> <em>vs</em> <br> Materplus <span class="text-muted">16 componentes</span>
</div>
</div>
<div class="col-7 col-md-4 text-center">
<img
@@ -303,7 +325,6 @@
});
const paths = [
"audio/audiom14.mp3",
"audio/audiom15.mp3",
"audio/audiom16.mp3",
"audio/audiom17.mp3",
@@ -403,5 +424,11 @@
}
}
});
audiom14.on('end', function () {
$('.cid1').show();
mySwiper.update();
CourseNav.audioController.stopAllSoundsAndPlay(audios[0]);
});
});
</script>