140 lines
5.5 KiB
HTML
140 lines
5.5 KiB
HTML
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<style>
|
|
.sec0 {
|
|
background-image: url(img/fondos/bg13.jpg);
|
|
background-repeat: no-repeat;
|
|
background-size: cover;
|
|
background-position: center;
|
|
}
|
|
.bubble {
|
|
width: 100%;
|
|
height: auto;
|
|
background-image: linear-gradient(to bottom, #f9f9f9, #f5f5f5, #f1f1f1, #ededed, #e9e9e9);
|
|
border-top-left-radius: 25px;
|
|
border-top-right-radius: 25px;
|
|
border-bottom-right-radius: 25px;
|
|
}
|
|
.paper {
|
|
position: relative;
|
|
margin: auto;
|
|
}
|
|
.txt_paper {
|
|
position: absolute;
|
|
top: 78px;
|
|
left: 15px;
|
|
padding: 0 1rem;
|
|
}
|
|
.anim {
|
|
opacity: 0;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="section_charge bg w-100 h-100">
|
|
<div class="d-none">
|
|
<img src="img/fondos/bg7.jpg" alt="" />
|
|
</div>
|
|
<section id="sec0" class="sec0 w-100 h-100">
|
|
<div class="container h-100">
|
|
<div class="row justify-content-center align-items-center h-100">
|
|
<div class="col-3 align-self-end">
|
|
<div class="personaje_m_8 mx-auto anim anim2"></div>
|
|
</div>
|
|
<div class="col-8">
|
|
<div class="bubble p-2">
|
|
<p class="m-0">
|
|
Antes de terminar con nuestro curso, es tiempo de recordar lo más importante en relación con las
|
|
<b>nuevas disposiciones</b>
|
|
para la prevención y detección de operaciones con recursos de procedencia ilícita:
|
|
</p>
|
|
</div>
|
|
<div class="paper mt-3 anim anim1">
|
|
<img src="img/64.png" alt="" />
|
|
<div class="txt_paper">
|
|
<ol type="1" start="1" class="list_paper">
|
|
<li class="my-2 anim anim3">
|
|
Estas disposiciones establecen las medidas y procedimientos mínimos para prevenir y detectar
|
|
actos, omisiones u operaciones que pudieran favorecer delitos de operaciones con recursos de
|
|
procedencia ilícita y financiamiento al terrorismo.
|
|
</li>
|
|
<li class="my-2 anim anim4">Estas disposiciones entraron en vigencia a partir de 2021.</li>
|
|
<li class="my-2 anim anim5">
|
|
Existen una serie de conceptos previstos que debes recordar como lo son: Cliente, Beneficiario,
|
|
Grado de Riesgo, entre otros.
|
|
</li>
|
|
<li class="my-2 anim anim6">
|
|
El Manual de Cumplimiento para estas disposiciones está conformado por tres aspectos centrales: la
|
|
identificación del cliente, el enfoque basado en riesgos, el conocimiento del cliente.
|
|
</li>
|
|
</ol>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
</body>
|
|
</html>
|
|
<script>
|
|
jQuery(document).ready(function ($) {
|
|
instruccion(0);
|
|
var Audio_23 = newSound('audio/Audio_23_Marcos.mp3');
|
|
var txt2 =
|
|
"<ol type='1' start='5' class='list_paper'><li class='anim anim7 my-2'>Existen tres tipos de Operaciones que pueden ser reportadas: inusuales, relevantes e internas preocupantes.</li><li class='anim anim8 my-2'>En caso de detectar alguna irregularidad, puedes acudir al Comité de Comunicación y Control, así como al Oficial de Cumplimiento.</li><li class='anim anim9 my-2'>Toda la información que sea compartida debe mantener una absoluta confidencialidad.</li></ol>";
|
|
|
|
Audio_23.on('play', function () {
|
|
var tl2 = new TimelineMax();
|
|
tl2.fromTo('.anim3', 0.7, { opacity: 0, y: -100 }, { opacity: 1, y: 0, ease: Expo.easeInOut }, 10.8);
|
|
tl2.fromTo('.anim4', 0.7, { opacity: 0, y: -100 }, { opacity: 1, y: 0, ease: Expo.easeInOut }, 26);
|
|
tl2.fromTo('.anim5', 0.7, { opacity: 0, y: -100 }, { opacity: 1, y: 0, ease: Expo.easeInOut }, 31);
|
|
tl2.fromTo('.anim6', 0.7, { opacity: 0, y: -100 }, { opacity: 1, y: 0, ease: Expo.easeInOut }, 42);
|
|
setTimeout(fn_list, 56000);
|
|
});
|
|
Audio_23.on('end', function () {
|
|
$('.personaje_m_8').removeClass('play');
|
|
fn_end();
|
|
});
|
|
|
|
$('.layer-load').show();
|
|
$('.section_charge').waitForImages({
|
|
finished: function () {
|
|
$('.section_charge').css('visibility', 'visible');
|
|
$('.wloader').hide();
|
|
fn_animate();
|
|
},
|
|
each: function (loaded, count, success) {
|
|
var total = Math.floor((loaded * 100) / count);
|
|
$('.wloader').show();
|
|
},
|
|
waitForAll: true
|
|
});
|
|
|
|
function fn_animate() {
|
|
var tl = new TimelineMax();
|
|
tl.fromTo('.anim2', 1, { opacity: 0, x: -150 }, { opacity: 1, x: 0, ease: Expo.easeInOut });
|
|
tl.fromTo('.anim1', 0.7, { opacity: 0, y: -250 }, { opacity: 1, y: 0, ease: Expo.easeInOut });
|
|
tl.call(fn_firstAudio);
|
|
}
|
|
|
|
function fn_firstAudio() {
|
|
stopAllSoundsAndPlay(Audio_23);
|
|
$('.personaje_m_8').addClass('play');
|
|
}
|
|
|
|
function fn_list() {
|
|
$('.txt_paper').html(txt2);
|
|
var tl3 = new TimelineMax();
|
|
tl3.fromTo('.anim7', 0.7, { opacity: 0, y: -100 }, { opacity: 1, y: 0, ease: Expo.easeInOut });
|
|
tl3.fromTo('.anim8', 0.7, { opacity: 0, y: -100 }, { opacity: 1, y: 0, ease: Expo.easeInOut }, 10);
|
|
tl3.fromTo('.anim9', 0.7, { opacity: 0, y: -100 }, { opacity: 1, y: 0, ease: Expo.easeInOut }, 19);
|
|
}
|
|
|
|
function fn_end() {
|
|
instruccion(1);
|
|
}
|
|
});
|
|
</script>
|