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
Ogestan_andractiv/audio/mo/mo01.mp3
BIN
View File
Binary file not shown.
Ogestan_andractiv/audio/mo/mo02.mp3
BIN
View File
Binary file not shown.
Ogestan_andractiv/audio/mo/mo03.mp3
BIN
View File
Binary file not shown.
Ogestan_andractiv/audio/mo/mo04.mp3
BIN
View File
Binary file not shown.
Ogestan_andractiv/audio/mo/mo05.mp3
BIN
View File
Binary file not shown.
Ogestan_andractiv/audio/mo/mo06.mp3
BIN
View File
Binary file not shown.
Ogestan_andractiv/contenido/03.html
+106 -50
View File
@@ -17,7 +17,6 @@
filter: grayscale(1);
}
/* Marcadores personalizados para listas */
ul.custom-li {
list-style: none;
@@ -45,7 +44,6 @@
display: inline-block;
}
/* Borde degradado para elementos con border-custom */
.border-custom {
border: 4px solid transparent;
@@ -195,7 +193,6 @@
pointer-events: none;
z-index: 1;
}
}
@media (min-width: 1200px) {
@@ -215,9 +212,7 @@
}
}
@media (max-width: 576px) {
.customSwiper .swiper-slide {
height: auto !important;
}
@@ -233,10 +228,12 @@
.mySwiper .swiper-slide-active img {
transform: scale(1.2);
}
}
</style>
<div class="w-100 page-sco back0 h-100 pt-4 pt-md-0" id="sco15">
<div
class="w-100 page-sco back0 h-100 pt-4 pt-md-0"
id="sco15"
>
<div class="container-fluid g-0">
<div class="row justify-content-center align-items-center h-100">
<div class="col-12">
@@ -245,6 +242,12 @@
<h2 class="fw-semibold text-blue-3">Componentes y beneficios</h2>
<p class="text-blue-4">En infertilidad masculina</p>
</div>
<div class="col-12 text-center mt-3 img-sop animate__animated animate__zoomIn">
<img
src="img/02.6.png"
class="img-fluid"
>
</div>
</div>
<div class="text-center wrap-sw text-white">
<div class="container-fluid">
@@ -310,10 +313,16 @@
<!-- navegacion -->
<div class="position-absolute mx-auto swiper-nav">
<div class="swiper-custom-button-prev">
<img src="img/prev.png" alt="" />
<img
src="img/prev.png"
alt=""
/>
</div>
<div class="swiper-custom-button-next">
<img src="img/next.png" alt="" />
<img
src="img/next.png"
alt=""
/>
</div>
</div>
</div>
@@ -322,7 +331,10 @@
</div>
</div>
</div>
<div class="wrap-cards mt-md-0 mt-2" style="display: none">
<div
class="wrap-cards mt-md-0 mt-2"
style="display: none"
>
<div class="container">
<div class="row justify-content-center">
<div class="col-12 col-md-10 col-lg-8">
@@ -332,13 +344,17 @@
<div class="swiper customSwiper">
<div class="swiper-wrapper">
<div class="swiper-slide text-center">
<div class="d-flex align-items-center justify-content-center">
<div
class="d-flex align-items-center justify-content-center">
<div class="card w-100 bg-white border-custom">
<div class="card-body py-md-5 px-md-5">
<h3 class="text-blue-4 fw-semibold">Omega-3</h3>
<h3 class="text-blue-4 fw-semibold">Omega-3
</h3>
<p>
<b class="text-orange-1">Aumenta</b> el recuento
total, la concentración y morfología de los
<b class="text-orange-1">Aumenta</b> el
recuento
total, la concentración y morfología de
los
espermatozoides.
</p>
</div>
@@ -346,14 +362,19 @@
</div>
</div>
<div class="swiper-slide text-center">
<div class="d-flex align-items-center justify-content-center">
<div
class="d-flex align-items-center justify-content-center">
<div class="card w-100 bg-white border-custom">
<div class="card-body py-md-5 px-md-5">
<h3 class="text-blue-4 fw-semibold">L-Carnitina</h3>
<h3 class="text-blue-4 fw-semibold">
L-Carnitina</h3>
<ul class="custom-li text-start">
<li>Mejora la <b class="text-orange-1">motilidad</b>
<li>Mejora la <b
class="text-orange-1">motilidad</b>
de los espermatozoides.</li>
<li><b class="text-orange-1">Incrementa</b> el
<li><b
class="text-orange-1">Incrementa</b>
el
número total de espermatozoides.
</li>
</ul>
@@ -362,17 +383,23 @@
</div>
</div>
<div class="swiper-slide text-center">
<div class="d-flex align-items-center justify-content-center">
<div
class="d-flex align-items-center justify-content-center">
<div class="card w-100 bg-white border-custom">
<div class="card-body py-md-5 px-md-5">
<h3 class="text-blue-4 fw-semibold">Vitamina C</h3>
<h3 class="text-blue-4 fw-semibold">Vitamina C
</h3>
<ul class="custom-li text-start">
<li>Reduce el <b class="text-orange-1">estrés</b>
<li>Reduce el <b
class="text-orange-1">estrés</b>
oxidativo.</li>
<li><b class="text-orange-1">Incrementa</b> la
<li><b
class="text-orange-1">Incrementa</b>
la
motilidad de los espermatozoides.
</li>
<li>Mejora la <b class="text-orange-1">calidad</b>
<li>Mejora la <b
class="text-orange-1">calidad</b>
del semen.</li>
</ul>
</div>
@@ -380,13 +407,17 @@
</div>
</div>
<div class="swiper-slide text-center">
<div class="d-flex align-items-center justify-content-center">
<div
class="d-flex align-items-center justify-content-center">
<div class="card w-100 bg-white border-custom">
<div class="card-body py-md-5 px-md-5">
<h3 class="text-blue-4 fw-semibold">Vitamina E</h3>
<h3 class="text-blue-4 fw-semibold">Vitamina E
</h3>
<ul class="custom-li text-start">
<li>Mejora la calidad de las mitocondrias.</li>
<li><b class="text-orange-1">Disminuye</b> el daño a
<li>Mejora la calidad de las mitocondrias.
</li>
<li><b class="text-orange-1">Disminuye</b>
el daño a
los espermatozoides.</li>
</ul>
</div>
@@ -394,15 +425,19 @@
</div>
</div>
<div class="swiper-slide text-center">
<div class="d-flex align-items-center justify-content-center">
<div
class="d-flex align-items-center justify-content-center">
<div class="card w-100 bg-white border-custom">
<div class="card-body py-md-5 px-md-5">
<h3 class="text-blue-4 fw-semibold">Licopeno</h3>
<h3 class="text-blue-4 fw-semibold">Licopeno
</h3>
<ul class="custom-li text-start">
<li>Mejora los <b class="text-orange-1">parámetros
<li>Mejora los <b
class="text-orange-1">parámetros
del esperma</b>.</li>
<li>Reduce el daño del ADN.</li>
<li>Mejora la morfología de los espermatozoides.
<li>Mejora la morfología de los
espermatozoides.
</li>
</ul>
</div>
@@ -410,14 +445,17 @@
</div>
</div>
<div class="swiper-slide text-center">
<div class="d-flex align-items-center justify-content-center">
<div
class="d-flex align-items-center justify-content-center">
<div class="card w-100 bg-white border-custom">
<div class="card-body py-md-5 px-md-5">
<h3 class="text-blue-4 fw-semibold">Coenzima Q10 (Q10)
<h3 class="text-blue-4 fw-semibold">Coenzima
Q10 (Q10)
</h3>
<ul class="custom-li text-start">
<li>Aumenta la <b
class="text-orange-1">concentración de
class="text-orange-1">concentración
de
esperma</b>.</li>
<li>Mejora la motilidad.</li>
</ul>
@@ -426,15 +464,20 @@
</div>
</div>
<div class="swiper-slide text-center">
<div class="d-flex align-items-center justify-content-center">
<div
class="d-flex align-items-center justify-content-center">
<div class="card w-100 bg-white border-custom">
<div class="card-body py-md-5 px-md-5">
<h3 class="text-blue-4 fw-semibold">Zinc (Zn)</h3>
<h3 class="text-blue-4 fw-semibold">Zinc (Zn)
</h3>
<ul class="custom-li text-start">
<li><b class="text-orange-1">Antibacteriano</b> en
<li><b
class="text-orange-1">Antibacteriano</b>
en
el tracto reproductivo.</li>
<li>Mejora la motilidad y la <b
class="text-orange-1">fecundación</b> de los
class="text-orange-1"
>fecundación</b> de los
espermatozoides.</li>
</ul>
</div>
@@ -442,40 +485,52 @@
</div>
</div>
<div class="swiper-slide text-center">
<div class="d-flex align-items-center justify-content-center">
<div
class="d-flex align-items-center justify-content-center">
<div class="card w-100 bg-white border-custom">
<div class="card-body py-md-5 px-md-5">
<h3 class="text-blue-4 fw-semibold">Selenio (Se)</h3>
<h3 class="text-blue-4 fw-semibold">Selenio
(Se)</h3>
<p>Mejora la morfología y <b
class="text-orange-1">aumenta</b> la motilidad
class="text-orange-1"
>aumenta</b> la motilidad
de los espermatozoides.</p>
</div>
</div>
</div>
</div>
<div class="swiper-slide text-center">
<div class="d-flex align-items-center justify-content-center">
<div
class="d-flex align-items-center justify-content-center">
<div class="card w-100 bg-white border-custom">
<div class="card-body py-md-5 px-md-5">
<h3 class="text-blue-4 fw-semibold">Vitamina D</h3>
<p>Mejora la <b class="text-orange-1">calidad</b> del
semen y la <b class="text-orange-1">fertilidad
<h3 class="text-blue-4 fw-semibold">Vitamina D
</h3>
<p>Mejora la <b
class="text-orange-1">calidad</b> del
semen y la <b
class="text-orange-1">fertilidad
masculina</b>.</p>
</div>
</div>
</div>
</div>
<div class="swiper-slide text-center">
<div class="d-flex align-items-center justify-content-center">
<div
class="d-flex align-items-center justify-content-center">
<div class="card w-100 bg-white border-custom">
<div class="card-body py-md-5 px-md-5">
<h3 class="text-blue-4 fw-semibold">Vitaminas B9 y B12
<h3 class="text-blue-4 fw-semibold">Vitaminas
B9 y B12
</h3>
<ul class="custom-li text-start">
<li>Incrementan el <b class="text-orange-1">recuento
<li>Incrementan el <b
class="text-orange-1"
>recuento
total</b> de
espermatozoides.</li>
<li>Aumentan la motilidad y mejoran la morfología.
<li>Aumentan la motilidad y mejoran la
morfología.
</li>
</ul>
</div>
@@ -505,6 +560,7 @@
let swiperCards;
audioh06.on("end", function () {
$(".img-sop").hide();
$(".wrap-sw").show();
$(".wrap-cards").show();
@@ -663,4 +719,4 @@
}
});
</script>
</script>