You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
56 lines
2.4 KiB
56 lines
2.4 KiB
<div class="plans pattern">
|
|
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<p class="font-14 font-bold p-4">Un cliente straniero è appena entrato in negozio, Luca ha bisogno di informazioni!</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row mb-5">
|
|
<div class="col-10 mx-auto">
|
|
<div class="row">
|
|
<div class="col-8 border">
|
|
a
|
|
</div>
|
|
<div class="col-4">
|
|
<div class="phone mx-auto" id="usr_luca">
|
|
<div class="avatar"><img src="<?= $BASE_URL;?>/images/avatar/luca.png"></div>
|
|
<div class="name">Luca</div>
|
|
<div class="rule">Stagista</div>
|
|
<div class="content">
|
|
<div class="cloud left">
|
|
Ciao Luca!<br>
|
|
Il modulo "differenze culturali" è disponibile.
|
|
</div>
|
|
<div class="cloud empty">
|
|
<button class="button dotted" data-cloud="luca_1">Ok</button>
|
|
</div>
|
|
|
|
<div class="cloud empty hidden scroll" id="luca_1">
|
|
<img src="<?= $BASE_URL;?>/images/video.png" class="video-opener" data-video="video1">
|
|
</div>
|
|
|
|
<div class="video" id="video1">
|
|
<div class="video-close button" data-cloud="luca_2"></div>
|
|
<video width="400" controls>
|
|
<source src="https://cdn.jsdelivr.net/npm/big-buck-bunny-1080p@0.0.6/video.mp4" type="video/mp4">
|
|
</video>
|
|
</div>
|
|
|
|
<div class="cloud empty hidden" id="luca_2">
|
|
<a class="text-black" href="<?= $BASE_URL;?>/training"><i class="fa fa-check px-1"></i>Vail al test</a>
|
|
</div>
|
|
</div>
|
|
<div class="input"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<audio id="notify1">
|
|
<source src="<?= $BASE_URL;?>/sounds/message.wav" type="audio/wav">
|
|
</audio>
|