[SOLVED] Slide show as in your example does not work

Hi!
I use your doc: demo.joomlaplates.com/jp_qbar/docs/ for my template.
I want to make the slideshow of TOP A
I insert the code
<div class="uk-slidenav-position" data-uk-slideshow="{animation: 'fold'}">
<ul class="uk-slideshow">
<li><img src="images/joomlaplates/demo-001.jpg" alt="Demo Image"></li>
<li><img src="images/joomlaplates/demo-002.jpg" alt="Demo Image"></li>
</ul>
<ul class="uk-dotnav uk-dotnav-contrast uk-position-bottom uk-flex-center">
<li data-uk-slideshow-item="0"><a href=""></a></li>
<li data-uk-slideshow-item="1"><a href=""></a></li>
</ul>
</div>

The second part:
<ul class="uk-dotnav uk-dotnav-contrast uk-position-bottom uk-flex-center">
<li data-uk-slideshow-item="0"><a href=""></a></li>
<li data-uk-slideshow-item="1"><a href=""></a></li>
</ul>
is always deleted by joomla itself while saving.
Could you please help me & tell me how it can happen that the 2nd <ul> cannot be saved and dissapears?

thx
Paul

For the screeshots.
code1.jpg ==> I paste the code in the editor
code2.jpg ==> I click on source code off
code3.jpg ==> I click on source code again ==> and the 2nd part was delepted automatically.

Hi there,
please disable the Joomla Tiny editor and insert the html code without any editor.

thank you, it worked.

Problem solved.