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

update

Browse Source
This commit is contained in:
David Martinez
2025-12-10 13:30:26 -06:00
parent f9cdd739e3
commit 98f89dbf92
15 changed files with 285 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files
OgestanPlus/contenido/04.html
+122
View File
@@ -0,0 +1,122 @@
<style>
.back0 {
background-image: url(img/bg05.jpg);
background-size: cover;
background-position: 12% 100%;
background-repeat: no-repeat;
}
.btn-pop {
cursor: pointer;
}
.card-tl {
box-shadow: 0 0 10px rgba(0, 0, 0, .5);
border-radius: 30px;
}
.anim0 {
display: none;
}
</style>
<div class='page-sco py-2 py-md-0 back0'>
<div class='container'>
<div class='row justify-content-center align-items-center'>
<div class='col-12 anim0'>
<div class='row justify-content-center'>
<div class="col-12 text-center mb-3" data-sal="flip-down">
<h2 class="text-orange-2 fw-bold">Beneficios del Omega 3</h2>
<p class="mb-0">Durante la maternidad, el <strong>Omega 3</strong> es un gran aliado.</p>
</div>
<div class="col-12">
<div class="row justify-content-center">
<div class="col-6 col-md-4 text-center" data-sal="zoom-in" data-sal-delay="300">
<div class="btn-pop disabled position-relative d-inline-block mb-2 animate__animated animate__pulse animate__infinite" data-popid="#pop0">
<img src="img/04.0.png" class="img-fluid mb-2">
</div>
<div class="card card-tl d-inline-block mx-auto bg-var-3 border-0 px-3 py-1 fw-medium text-blue-2 fs-4">Fertilidad</div>
</div>
<div class="col-6 col-md-4 text-center" data-sal="zoom-in" data-sal-delay="500">
<div class="btn-pop disabled position-relative d-inline-block mb-2 animate__animated animate__pulse animate__infinite" data-popid="#pop0">
<img src="img/04.1.png" class="img-fluid mb-2">
</div>
<div class="card card-tl d-inline-block mx-auto bg-var-3 border-0 px-3 py-1 fw-medium text-blue-2 fs-4">Gestación</div>
</div>
<div class="col-6 col-md-4 text-center" data-sal="zoom-in" data-sal-delay="700">
<div class="btn-pop disabled position-relative d-inline-block mb-2 animate__animated animate__pulse animate__infinite" data-popid="#pop0">
<img src="img/04.2.png" class="img-fluid mb-2">
</div>
<div class="card card-tl d-inline-block mx-auto bg-var-3 border-0 px-3 py-1 fw-medium text-blue-2 fs-4">Lactancia</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="d-none">
<div id="pop0">
<div class="container-fluid">
<div class="row justify-content-center align-items-center row-custom-pop">
<div class="col-12">
<div class="row justify-content-center">
<div class="col-12">
<p>La Legislación aplicable a RCO es amplia y diversa. No obstante, RCO enfatiza el <strong
class="text-secondary">cumplimiento estricto </strong>de aquella normativa que, por su naturaleza,
impacto o
frecuencia de aplicación, resulta especialmente relevante para nuestras operaciones y compromisos
éticos.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
$(function () {
"use strict";
$('body').addClass('fake');
const audiom08 = CourseNav.createSound('audio/audiom08.mp3');
CourseNav.audioController.stopAllSoundsAndPlay(audiom08);
audiom08.on('play',function(){
$('.anim0').show();
});
audiom08.on('end',function(){
$('.btn-pop').removeClass('disabled');
});
$('.btn-pop').click(function (e) {
e.preventDefault();
const html = $($(this).data('popid')).html();
Swal.fire({
html: html,
target: "body",
customClass: {
popup: 'pop-type0 bg-transparent p-0',
htmlContainer: 'html-pop-style p-3',
confirmButton: 'btn btn-begin text-white fw-bold animate__animated animate__pulse animate__infinite py-1 px-4'
},
confirmButtonText: "Cerrar",
showConfirmButton: true,
allowOutsideClick: false,
allowEscapeKey: false,
focusConfirm: false,
backdrop: "rgba(14, 28, 98, .8)",
width: "70em",
heightAuto: false,
didOpen: () => {
document.body.style.paddingRight = '';
},
didClose: () => {
document.body.style.paddingRight = '';
},
});
});
});
</script>