aplicacion de cambios
This commit is contained in:
@@ -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]);
|
||||
}
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user