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

Update: version 1

Browse Source
This commit is contained in:
andres.sanjuan
2025-12-11 17:00:53 -06:00
parent 594539b531
commit b42d53e844
109 changed files with 2242 additions and 1365 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Ogestan_andractiv/contenido/05.html
+19 -15
View File
@@ -1,6 +1,6 @@
<style>
.fake {
background-image: url(img/bg08.webp);
.back0 {
background-image: url(img/bg05.jpg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
@@ -16,12 +16,13 @@
justify-content: center;
align-items: center;
z-index: 10002;
background-color: rgba(0, 0, 0, 0.5);
background-color: rgb(111 156 202);
border-radius: 12px;
}
#video {
z-index: 99;
border-radius: 15px;
}
.play-button-container button {
@@ -29,32 +30,31 @@
border: none;
background: none;
cursor: pointer;
width: 25%;
}
</style>
<div class="page-sco full-page-sco w-100 pt-2 pt-md-0">
<div class="page-sco full-page-sco back0 w-100 pt-2 pt-md-0">
<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 text-center animate__animated animate__bounceInDown">
<h1 class="fw-bold text-white text-center text-white">Me acompañó, no solo me afilió</h1>
<p class="animate__animated animate__lightSpeedInLeft animate__delay-2s">Erika no fue
convencida. Fue escuchada, comprendida… y eso la llevó a decir que sí.​<br>
Descubre cómo una conversación sin presión puede abrir una puerta real.</p>
<h2 class="fw-semibold text-blue-3">Información Nutricional ​</h2>
</div>
<div class="col-12 col-md-8 col-xl-7 mt-3 mt-md-0 animate__animated animate__zoomIn">
<div class="w-100 animate__animated animate__flipInX">
<div class="ratio ratio-16x9">
<video id="video" class="embed-responsive-item" controls playsinline
poster="video/poster.png">
<source src="video/V1 M2 - Me Acompanio, No Me Vendio_V4.mp4" type="video/mp4">
<source src="video/demo.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
<div class="play-button-container">
<button
class="p-0 animate__animated animate__heartBeat animate__infinite waves-effect disabled"
id="btn_video">
<i class="fa-solid fa-play fa-3x text-white"></i>
<!-- <i class="fa-solid fa-play fa-3x text-white"></i> -->
<img src="img/play-button.png" alt="Play Button" class="img-fluid">
</button>
</div>
</div>
@@ -70,13 +70,17 @@
"use strict";
$('body').addClass('fake');
const audioh23 = CourseNav.createSound('audio/audioh23.mp3');
// const audioh23 = CourseNav.createSound('audio/audioh23.mp3');
CourseNav.audioController.stopAllSoundsAndPlay(audioh23);
// CourseNav.audioController.stopAllSoundsAndPlay(audioh23);
audioh23.on('end', function () {
$("#btn_video").removeClass("disabled");
});
// audioh23.on('end', function () {
// $("#btn_video").removeClass("disabled");
// });
setTimeout(function () {
$("#btn_video").removeClass("disabled").click();
}, 200);
var video = document.getElementById("video");
var btnVideo = document.getElementById("btn_video");