Besins/Ogestan_Drossagyn_Papilocare
3
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

aplicacion de cambios

Browse Source
This commit is contained in:
david.martinez
2026-09-15 02:55:51 -06:00
parent d73a046a57
commit a809375946
36 changed files with 1181 additions and 398 deletions
Download Patch File Download Diff File Expand all files Collapse all files
OgestanPlus/contenido/02.html
+79 -31
View File
@@ -92,9 +92,13 @@
<div class='col-12'>
<div class='row justify-content-center'>
<div class="col-12 mb-3 text-center anim0 animate__animated animate__lightSpeedInLeft">
<h2 class="text-primary fw-bold">La familia OGestan<sup>®</sup>: lo esencial para el proceso de fertilidad, embarazo y lactancia</h2>
<h2 class="text-primary fw-bold">La familia OGestan<sup>®</sup>: lo esencial para el proceso de
fertilidad, embarazo y lactancia</h2>
</div>
<div class="col-12 col-lg-10 apa0 animate__animated animate__zoomIn" style="display: none;">
<div
class="col-12 col-lg-10 apa0 animate__animated animate__zoomIn"
style="display: none;"
>
<div class="shadow-externo rounded-3">
<div class="swiper cid0">
<div class="swiper-wrapper">
@@ -103,18 +107,26 @@
<div class="card-body bg-white border-0 rounded-3 shadow-none px-3 pt-3 pb-0">
<div class="row justify-content-center align-items-center">
<div class="col-6 col-md-4 text-center order-2 order-md-1">
<img src="img/02.0.png" class="img-fluid">
<img
src="img/02.0.png"
class="img-fluid"
>
</div>
<div class="col-12 col-md-8 order-1 order-md-2 mb-3 mb-md-0">
<div class="row justify-content-center">
<div class="col-12 mb-3">
<p class="mb-0">OGestan<sup>®</sup> acompaña a la mujer —y también al hombre— durante todo el proceso reproductivo:</p>
<p class="mb-0">OGestan<sup>®</sup> acompaña a la mujer —y también al hombre—
durante todo el proceso reproductivo:</p>
</div>
<div class="col-8 col-md-7 col-lg-12 text-center mb-3">
<img src="img/02.1.png" class="img-fluid">
<img
src="img/02.1.png"
class="img-fluid"
>
</div>
<div class="col-12 text-center">
<p class="mb-0">Preconcepción y 1er trimestre de embarazo.</p>
<!-- <p class="mb-0">Preconcepción y 1er trimestre de embarazo.</p> -->
<p class="mb-0">Etapa preconcepcional</p>
</div>
</div>
</div>
@@ -127,15 +139,24 @@
<div class="card-body bg-white border-0 rounded-3 shadow-none px-3 pt-3 pb-0">
<div class="row justify-content-center align-items-center">
<div class="col-6 col-md-4 text-center order-2 order-md-1">
<img src="img/02.2.png" class="img-fluid">
<img
src="img/02.2.png"
class="img-fluid"
>
</div>
<div class="col-12 col-md-8 order-1 order-md-2 mb-3 mb-md-0">
<div class="row justify-content-center">
<div class="col-8 col-md-7 col-lg-12 text-center mb-3">
<img src="img/02.3.png" class="img-fluid">
<img
src="img/02.3.png"
class="img-fluid"
>
</div>
<div class="col-12 text-center">
<p class="mb-0">1er trimestre, 2do trimestre, 3er trimestre y lactancia (hasta los 6 meses de lactancia).</p>
<!-- <p class="mb-0">1er trimestre, 2do trimestre, 3er trimestre y lactancia (hasta
los 6 meses de lactancia).</p> -->
<p class="mb-0">Etapa de embarazo desde el 1er trimestre hasta los 6 meses de
embarazo</p>
</div>
</div>
</div>
@@ -153,19 +174,34 @@
<div class="text-t">
<p class="mb-0 fw-bold text-pink">Fertilidad Femenina</p>
</div>
<div class="d-flex custom-flx flex-fill gap-2 justify-content-center text-center">
<div
class="d-flex custom-flx flex-fill gap-2 justify-content-center text-center"
>
<div class="text-t1">
<p>1er trimestre de <br> embarazo</p>
<img src="img/02.1.png" class="img-fluid">
<!-- <p>1er trimestre de <br> embarazo</p> -->
<p>Etapa preconcepcional</p>
<img
src="img/02.1.png"
class="img-fluid"
>
</div>
<div class="text-t1">
<p>1er, 2do y 3er trimestre de <br> embarazo hasta lactancia</p>
<img src="img/02.3.png" class="img-fluid">
<!-- <p>1er, 2do y 3er trimestre de <br> embarazo hasta lactancia</p> -->
<p class="mb-0">Etapa de embarazo desde el 1er trimestre hasta los 6 meses
de
embarazo</p>
<img
src="img/02.3.png"
class="img-fluid"
>
</div>
</div>
</div>
<div class="position-relative w-100">
<img src="img/02.4.png" class="img-fluid">
<img
src="img/02.4.png"
class="img-fluid"
>
</div>
<div class="d-flex flex-wrap justify-content-center align-items-center gap-2">
<div class="text-t">
@@ -173,7 +209,10 @@
</div>
<div class="text-2 d-flex justify-content-center">
<div class="col-7 col-md-6 col-lg-8 text-center">
<img src="img/02.5.png" class="img-fluid">
<img
src="img/02.5.png"
class="img-fluid"
>
</div>
</div>
</div>
@@ -188,13 +227,22 @@
</div>
<div class="position-relative w-100 mt-3">
<div class="d-flex justify-content-center align-items-center gap-4">
<div class="btn-circ animate__animated animate__pulse animate__infinite" data-slide="0">
<div
class="btn-circ animate__animated animate__pulse animate__infinite"
data-slide="0"
>
<div class="circ_interno"></div>
</div>
<div class="btn-circ animate__animated animate__pulse animate__infinite" data-slide="1">
<div
class="btn-circ animate__animated animate__pulse animate__infinite"
data-slide="1"
>
<div class="circ_interno"></div>
</div>
<div class="btn-circ animate__animated animate__pulse animate__infinite" data-slide="2">
<div
class="btn-circ animate__animated animate__pulse animate__infinite"
data-slide="2"
>
<div class="circ_interno"></div>
</div>
</div>
@@ -206,53 +254,53 @@
</div>
</div>
<script>
$(function () {
$(function() {
"use strict";
$('body').addClass('fake');
const audiom02a = CourseNav.createSound('audio/audiom02a.mp3');
const audiom02a=CourseNav.createSound('audio/audiom02a.mp3');
CourseNav.audioController.stopAllSoundsAndPlay(audiom02a);
audiom02a.on('play', function () {
audiom02a.on('play',function() {
$('.anim0').show();
});
audiom02a.on('end',function(){
audiom02a.on('end',function() {
$('.apa0').show();
$('.btn-circ').first().click();
});
const paths = [
const paths=[
"audio/audiom02b.mp3",
"audio/audiom03.mp3",
"audio/audiom04.mp3"
];
let audios = [];
paths.forEach(function (element) {
let audios=[];
paths.forEach(function(element) {
audios.push(CourseNav.createSound(element));
});
const mySwiper = new Swiper(".cid0", {
const mySwiper=new Swiper(".cid0",{
effect: "slide",
autoHeight: true,
slidesPerView: 1,
spaceBetween: 10
});
$('.btn-circ').click(function(){
$('.btn-circ').click(function() {
CourseNav.soundClick();
const slideIndex = $(this).data('slide');
const slideIndex=$(this).data('slide');
mySwiper.slideTo(slideIndex);
$(this).removeClass('animate__animated animate__pulse animate__infinite');
$('.btn-circ').removeClass('selected');
$(this).addClass('selected completed');
if($('.btn-circ.completed').length === $('.btn-circ').length){
if($('.btn-circ.completed').length===$('.btn-circ').length) {
CourseNav.setSlideVisited();
}
if(audios[slideIndex]){
if(audios[slideIndex]) {
CourseNav.audioController.stopAllSoundsAndPlay(audios[slideIndex]);
}
});
OgestanPlus/contenido/03.html
+84 -37
View File
@@ -29,7 +29,7 @@
background: #dd3352;
background: linear-gradient(to left, #dd3352 33%, #ff8c29 100%);
border-radius: 1.5em;
box-shadow: inset 0 0 10px rgba(0,0,0,0.5);
box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5);
position: relative;
cursor: pointer;
transition: all 0.3s ease;
@@ -45,7 +45,7 @@
top: 0.3em;
left: 0.3em;
transition: all 0.3s ease;
box-shadow: 0 2px 4px rgba(0,0,0,0.2);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.custom-switch.active {
@@ -70,19 +70,26 @@
}
</style>
<div class='page-sco'>
<div class="sec_i0 back0 py-2 py-md-4 flex-fill d-flex flex-column justify-content-center align-items-center">
<div
class="sec_i0 back0 py-2 py-md-4 flex-fill d-flex flex-column justify-content-center align-items-center"
>
<div class='container'>
<div class='row justify-content-center align-items-center'>
<div class='col-12'>
<div class='row justify-content-center justify-content-md-end mb-3'>
<div class="col-12 col-md-7 col-lg-6 text-center anim0" data-sal="slide-down">
<div
class="col-12 col-md-7 col-lg-6 text-center anim0"
data-sal="slide-down"
>
<div class="d-inline-block position-relative">
<hr class="m-0 mb-2 opacity-100 border-top-2 text-white">
<div class="text-card p-2 p-md-0">
<h2 class="text-primary fw-bold">¿Qué es OGestan<sup>®</sup> Plus?</h2>
<p class="mb-0"><strong>OGestan<sup class="fw-bolder">®</sup> Plus</strong> es un suplemento alimenticio
<p class="mb-0"><strong>OGestan<sup class="fw-bolder">®</sup> Plus</strong> es un suplemento
alimenticio
en cápsulas, con aceite de pescado vitaminas y minerales. Forma parte de la
línea OGestan<sup>®</sup>, enfocada en acompañar a la madre y al bebé en su desarrollo.</p>
familia OGestan<sup>®</sup>, enfocada en acompañar a la madre y al bebé en su desarrollo.
</p>
</div>
<hr class="m-0 mt-2 opacity-100 border-top-2 text-white">
</div>
@@ -92,35 +99,65 @@
</div>
</div>
</div>
<div class="w-100 py-2 py-md-4 text-center sec_i1" style="display: none;">
<div class="btn-next-section d-inline-block animate__animated animate__pulse animate__infinite" data-sec="sec1" data-audio="audiom06">
<img src="img/nSec.png" class="img-fluid">
<div
class="w-100 py-2 py-md-4 text-center sec_i1"
style="display: none;"
>
<div
class="btn-next-section d-inline-block animate__animated animate__pulse animate__infinite"
data-sec="sec1"
data-audio="audiom06"
>
<img
src="img/nSec.png"
class="img-fluid"
>
</div>
</div>
</div>
<div id="sec1" class='page-sco py-2 py-md-4 back1' style="display: none;">
<div
id="sec1"
class='page-sco py-2 py-md-4 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="zoom-in">
<div class="custom-switch mx-auto animate__animated animate__pulse animate__infinite" id="customSwitch"></div>
<div
class="col-12 text-center mb-3"
data-sal="zoom-in"
>
<div
class="custom-switch mx-auto animate__animated animate__pulse animate__infinite"
id="customSwitch"
></div>
</div>
<div class="col-12" data-sal="zoom-in">
<div id="carouselTxt" class="carousel slide">
<div
class="col-12"
data-sal="zoom-in"
>
<div
id="carouselTxt"
class="carousel slide"
>
<div class="carousel-inner">
<div class="carousel-item active animate__animated animate__flipInX">
<div class="row justify-content-center align-items-center">
<div class="col-12 col-md-7 col-xl-6">
<div class="d-flex flex-column justify-content-center">
<h2 class="text-secondary fw-bold">Presentación Comercial</h2>
<p class="animate__animated animate__lightSpeedInLeft">OGestan<sup>®</sup> Plus se presenta en una <strong>caja con 30
<p class="animate__animated animate__lightSpeedInLeft">OGestan<sup>®</sup> Plus se
presenta en una <strong>caja con 30
cápsulas de 950 mg</strong>. Cada cápsula aporta
nutrientes esenciales, especialmente Omega 3, vitaminas y minerales.</p>
</div>
</div>
<div class="col-8 col-md-4 text-center">
<img src="img/03.0.png" class="img-fluid">
<img
src="img/03.0.png"
class="img-fluid"
>
</div>
</div>
</div>
@@ -130,21 +167,31 @@
<div class="d-flex flex-column justify-content-center">
<h2 class="text-secondary fw-bold">¿Cómo se usa?</h2>
<p class="animate__animated animate__lightSpeedInLeft animate__delay-1s"><strong
class="text-primary">Indicación:</strong></p>
<p class="animate__animated animate__lightSpeedInLeft animate__delay-2s">Suplemento para embarazo y lactancia.</p>
<p class="animate__animated animate__bounceInLeft animate__delay-7s"><strong class="text-primary">Modo de
class="text-primary"
>Indicación:</strong></p>
<p class="animate__animated animate__lightSpeedInLeft animate__delay-2s">Suplemento
para embarazo y lactancia.</p>
<p class="animate__animated animate__bounceInLeft animate__delay-7s"><strong
class="text-primary"
>Modo de
empleo:</strong></p>
<ul class="bul0 mb-0">
<li class="animate__animated animate__fadeInUp animate__delay-8s">Dosis: <strong>1 cápsula al día</strong> con algún
<li class="animate__animated animate__fadeInUp animate__delay-8s">Dosis: <strong>1
cápsula al día</strong> con algún
alimento.</li>
<li class="animate__animated animate__fadeInUp animate__delay-13s">Edad: <strong>A partir de 18
<li class="animate__animated animate__fadeInUp animate__delay-13s">Edad: <strong>A
partir de 18
años</strong><strong>.</strong></li>
<li class="animate__animated animate__fadeInUp animate__delay-17s">No exceder la dosis recomendada.</li>
<li class="animate__animated animate__fadeInUp animate__delay-17s">No exceder la
dosis recomendada.</li>
</ul>
</div>
</div>
<div class="col-8 col-md-4 text-center">
<img src="img/03.1.png" class="img-fluid">
<img
src="img/03.1.png"
class="img-fluid"
>
</div>
</div>
</div>
@@ -157,56 +204,56 @@
</div>
</div>
<script>
$(function () {
$(function() {
"use strict";
$('body').addClass('fake');
const audiom05 = CourseNav.createSound('audio/audiom05.mp3');
const audiom06 = CourseNav.createSound('audio/audiom06.mp3');
const audiom05=CourseNav.createSound('audio/audiom05.mp3');
const audiom06=CourseNav.createSound('audio/audiom06.mp3');
const paths = [
const paths=[
"audio/audiom06.mp3",
"audio/audiom07.mp3"
];
let audios = [];
paths.forEach(function (element) {
let audios=[];
paths.forEach(function(element) {
audios.push(CourseNav.createSound(element));
});
CourseNav.audioController.stopAllSoundsAndPlay(audiom05);
audiom05.on('play',function(){
audiom05.on('play',function() {
$('.anim0').show();
});
audiom05.on('end',function(){
audiom05.on('end',function() {
$('.sec_i1').show();
//CourseNav.setSlideVisited();
});
$('.btn-next-section').click(function(){
$('.btn-next-section').click(function() {
$(this).removeClass('animate__animated animate__pulse animate__infinite');
gotoSection($(this).data('sec'));
$(this).parent().hide();
const audioName = $(this).data('audio');
if (audioName) {
const audioName=$(this).data('audio');
if(audioName) {
setTimeout(() => {
CourseNav.audioController.stopAllSoundsAndPlay(eval(audioName));
}, 500);
},500);
} else {
CourseNav.soundClick();
}
});
// Manejar click del switch personalizado
$('#customSwitch').click(function () {
$('#customSwitch').click(function() {
CourseNav.soundClick();
$(this).toggleClass('active');
$(this).removeClass('animate__animated animate__pulse animate__infinite');
// Cambiar contenido y reproducir audio según el estado del switch
if ($(this).hasClass('active')) {
if($(this).hasClass('active')) {
// Mostrar segundo item del carousel
$('.carousel-item').removeClass('active');
$('.carousel-item').eq(1).addClass('active');
OgestanPlus/contenido/06.html
+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>