aplicacion de cambios

This commit is contained in:
2026-09-15 02:55:51 -06:00
parent d73a046a57
commit a809375946
36 changed files with 1181 additions and 398 deletions
+137 -37
View File
@@ -14,7 +14,8 @@
background-size: cover;
}
.anim0, .anim1 {
.anim0,
.anim1 {
display: none;
}
@@ -47,42 +48,101 @@
}
}
</style>
<div id="sec0" class='page-sco py-2 pt-md-3 back0'>
<div
id="sec0"
class='page-sco py-2 pt-md-3 back0'
>
<div class='container'>
<div class='row justify-content-center align-items-center'>
<div class='col-12'>
<div class='row justify-content-center'>
<div class="col-12 mb-3" data-sal="slide-right">
<div
class="col-12 mb-3"
data-sal="slide-right"
>
<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 completa de nutrientes que ofrece
OGestan<sup>®</sup> Plus.</strong></p>
<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
nutrientes que ofrece OGestan<sup>®</sup> Plus.</strong></p>
</div>
<div class="col-12 mb-3">
<div class="row justify-content-center">
<div class="col-5 col-md-4 img-mx-w text-center mb-3" data-sal="zoom-in" data-sal-delay="100">
<img src="img/06.0.png" class="img-fluid">
<div
class="col-5 col-md-4 img-mx-w text-center mb-3"
data-sal="zoom-in"
data-sal-delay="100"
>
<img
src="img/06.0.png"
class="img-fluid"
>
</div>
<div class="col-5 col-md-4 img-mx-w text-center mb-3" data-sal="zoom-in" data-sal-delay="300">
<img src="img/06.1.png" class="img-fluid">
<div
class="col-5 col-md-4 img-mx-w text-center mb-3"
data-sal="zoom-in"
data-sal-delay="300"
>
<img
src="img/06.1.png"
class="img-fluid"
>
</div>
<div class="col-5 col-md-4 img-mx-w text-center mb-3" data-sal="zoom-in" data-sal-delay="500">
<img src="img/06.2.png" class="img-fluid">
<div
class="col-5 col-md-4 img-mx-w text-center mb-3"
data-sal="zoom-in"
data-sal-delay="500"
>
<img
src="img/06.2.png"
class="img-fluid"
>
</div>
<div class="col-5 col-md-4 img-mx-w text-center mb-3 mb-md-0" data-sal="zoom-in" data-sal-delay="600">
<img src="img/06.3.png" class="img-fluid">
<div
class="col-5 col-md-4 img-mx-w text-center mb-3 mb-md-0"
data-sal="zoom-in"
data-sal-delay="600"
>
<img
src="img/06.3.png"
class="img-fluid"
>
</div>
<div class="col-5 col-md-4 img-mx-w text-center" data-sal="zoom-in" data-sal-delay="800">
<img src="img/06.4.png" class="img-fluid">
<div
class="col-5 col-md-4 img-mx-w text-center"
data-sal="zoom-in"
data-sal-delay="800"
>
<img
src="img/06.4.png"
class="img-fluid"
>
</div>
<div class="col-5 col-md-4 img-mx-w text-center" data-sal="zoom-in" data-sal-delay="1000">
<img src="img/06.5.png" class="img-fluid">
<div
class="col-5 col-md-4 img-mx-w text-center"
data-sal="zoom-in"
data-sal-delay="1000"
>
<img
src="img/06.5.png"
class="img-fluid"
>
</div>
</div>
</div>
<div class="col-12 text-center ins0" style="display: none;">
<div class="btn-next-section d-inline-block animate__animated animate__pulse animate__infinite" data-sec="sec1" data-audio="audiom14">
<img src="img/nSec.png" class="img-fluid">
<div
class="col-12 text-center ins0"
style="display: none;"
>
<div
class="btn-next-section d-inline-block animate__animated animate__pulse animate__infinite"
data-sec="sec1"
data-audio="audiom14"
>
<img
src="img/nSec.png"
class="img-fluid"
>
</div>
</div>
</div>
@@ -90,18 +150,31 @@
</div>
</div>
</div>
<div id="sec1" class="page-sco back1" style="display: none;">
<div
id="sec1"
class="page-sco back1"
style="display: none;"
>
<div class='container'>
<div class='row justify-content-center align-items-center'>
<div class='col-12'>
<div class="row justify-content-center">
<div class="col-12 text-center mb-3" data-sal="slide-left">
<div
class="col-12 text-center mb-3"
data-sal="slide-left"
>
<h2 class="text-orange-2 fw-bold">No olvidemos…</h2>
</div>
<div class="col-12 col-lg-9" data-sal="flip-down">
<div
class="col-12 col-lg-9"
data-sal="flip-down"
>
<div class="d-flex flex-wrap flex-md-row justify-content-center align-items-center gap-2">
<div class="btn-prev btn-arrow d-inline-block order-2 order-md-1">
<img src="img/06.6.png" class="img-fluid">
<img
src="img/06.6.png"
class="img-fluid"
>
</div>
<div class="position-relative shadow-vx flex-fill order-1 order-md-2 rounded-3">
<div class="swiper cid1">
@@ -110,15 +183,21 @@
<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 class="mb-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">
<img
src="img/06.8.png"
class="img-fluid"
>
</div>
</div>
</div>
@@ -127,11 +206,15 @@
<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">
<p class="mb-0">Destacar que <strong>Regenesis</strong><strong> Max (RM) no contiene hierro </strong><strong>bisglicinato</strong>
<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>
<div class="col-7 col-md-4 text-center">
<img src="img/06.9.png" class="img-fluid">
<img
src="img/06.9.png"
class="img-fluid"
>
</div>
</div>
</div>
@@ -140,10 +223,14 @@
<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">
<p class="mb-0">Destacar la <strong>menor cantidad de Omega 3 en </strong><strong>Previta</strong> <strong>Mom</strong><strong>.</strong></p>
<p class="mb-0">Destacar la <strong>menor cantidad de Omega 3 en
</strong><strong>Previta</strong> <strong>Mom</strong><strong>.</strong></p>
</div>
<div class="col-7 col-md-4 text-center">
<img src="img/06.10.png" class="img-fluid">
<img
src="img/06.10.png"
class="img-fluid"
>
</div>
</div>
</div>
@@ -152,10 +239,14 @@
<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">
<p class="mb-0">Elevit 2 Omegas <strong>no cumple con las cantidades requeridas de ácido fólico</strong>.</p>
<p class="mb-0">Elevit 2 Omegas <strong>no cumple con las cantidades requeridas de
ácido fólico</strong>.</p>
</div>
<div class="col-7 col-md-4 text-center">
<img src="img/06.11.png" class="img-fluid">
<img
src="img/06.11.png"
class="img-fluid"
>
</div>
</div>
</div>
@@ -164,10 +255,14 @@
<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">
<p class="mb-0">Materplus tiene <strong>una fórmula muy limitada en elementos.</strong></p>
<p class="mb-0">Materplus tiene <strong>una fórmula muy limitada en
elementos.</strong></p>
</div>
<div class="col-7 col-md-4 text-center">
<img src="img/06.12.png" class="img-fluid">
<img
src="img/06.12.png"
class="img-fluid"
>
</div>
</div>
</div>
@@ -175,8 +270,13 @@
</div>
</div>
</div>
<div class="btn-next btn-arrow rounded-circle d-inline-block order-2 order-md-3 animate__animated animate__pulse animate__infinite">
<img src="img/06.7.png" class="img-fluid">
<div
class="btn-next btn-arrow rounded-circle d-inline-block order-2 order-md-3 animate__animated animate__pulse animate__infinite"
>
<img
src="img/06.7.png"
class="img-fluid"
>
</div>
</div>
</div>