Another thing is you will have to add this code each time you export RSD.

Just tried https://www.udemy.com/complete-web-developer-course/
Got as attached.

THIS POST IS NOW CLOSED, THANK YOU TO ALL CONTRIBUTORS.

Hmmm here in USA they say 15 dollars till the 21st.

For what its worth...when I use the link it says $199

Udemy must be cleverly tied to place of origin.

OK THIS POST IS NOW CLOSED

Best regards
Kindest regards
Regards
Many thanks
au revoir
Arrivederci
Sincerely
TTFN
Fine
das Ende
la fino

I was able to knock this out with no outside mod. All done within RSD. I did use an html element for the actual modal but it can be done without it.
http://progrower-rsd.coffeecup.com/boostrap-modal.html

Here's where I put an HTML inside the modal.
<div class="html-element"><!-- Button trigger modal -->
<button type="button" class="btn btn-primary btn-lg custom" data-toggle="modal" data-target="#myModal26">
In Memory
</button>

<!-- Modal -->
<div class="modal fade" id="myModal26" tabindex="-1" role="dialog" aria-labelledby="myModal26Label">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
<h4 class="modal-title" id="myModal26Label">In Memory</h4>
</div>
<div class="modal-body">

<!--% Start of the content for CoffeeCup Responsive Content Slider %-->
<div class="slideshow_container slideshow-container-1" id="cc-slideshow-cd7a4173">
<div class="slideshow slideshow-1" data-autoplay="true" data-rotationspeed="4500" data-transition="fade" data-endslide="0">
<h1 class="slider-heading-1 heading-1">The Good Ol' Days</h1>
<div class="slides_container">
<div class="slide active" id="cc-slide-6adf961e">
<div class="responsive-slider-picture">
<picture><img alt="Placeholder Picture" srcset="./cc-slideshow-cd7a4173/12stone/inmemory1.gif">
</picture>
</div>
</div>
<div class="slide" id="cc-slide-f9d4cc34">
<div class="responsive-slider-picture">
<picture><img alt="Placeholder Picture" srcset="./cc-slideshow-cd7a4173/12stone/inmemory.gif"></img>
</picture>
</div>
</div>
<div class="slide" id="cc-slide-29c0275d">
<div class="responsive-slider-picture">
<picture><img alt="Placeholder Picture" srcset="./cc-slideshow-cd7a4173/12stone/apache.jpg"></img>
</picture>
</div>
</div>
<div class="slide" id="cc-slide-aea87ea6">
<div class="responsive-slider-picture">
<picture><img alt="Placeholder Picture" srcset="./cc-slideshow-cd7a4173/12stone/cam.jpg"></img>
</picture>
</div>
</div>
<div class="slide" id="cc-slide-b49a8234">
<div class="responsive-slider-picture">
<picture><img alt="Placeholder Picture" srcset="./cc-slideshow-cd7a4173/12stone/spirit.jpg"></img>
</picture>
</div>
</div>
<div class="slide" id="cc-slide-6cc30a5a">
<div class="responsive-slider-picture">
<picture><img alt="Placeholder Picture" srcset="./cc-slideshow-cd7a4173/12stone/lance.jpg"></img>
</picture>
</div>
</div>
<div class="slide" id="cc-slide-61abccdd">
<div class="responsive-slider-picture picture-x-1">
<picture><img alt="Placeholder Picture" srcset="./cc-slideshow-cd7a4173/12stone/littlegirl.jpg"></img>
</picture>
</div>
</div>
<div class="slide" id="cc-slide-85da8ea2">
<div class="responsive-slider-picture">
<picture><img alt="Placeholder Picture" srcset="./cc-slideshow-cd7a4173/12stone/sassy.jpg"></img>
</picture>
</div>
</div>
</div>
<div class="slides_indicator icon-pairs"><a class="slide_node circle icon-pair current" href="#cc-slide-6adf961e"></a><a class="slide_node icon-pair circle" href="#cc-slide-f9d4cc34"></a><a class="slide_node circle icon-pair" href="#cc-slide-29c0275d"></a><a class="slide_node circle icon-pair" href="#cc-slide-aea87ea6"></a><a class="slide_node circle icon-pair" href="#cc-slide-b49a8234"></a><a class="slide_node circle icon-pair" href="#cc-slide-6cc30a5a"></a><a class="slide_node circle icon-pair" href="#cc-slide-61abccdd"></a><a class="slide_node circle icon-pair" href="#cc-slide-85da8ea2"></a>
</div>
<a href="#" class="coffee-slider-first first-control-1"><img src="./cc-slideshow-cd7a4173/Old%20Photos/Iconic_e04c%282%29_32.png" alt=""></img>
</a>
<a href="#" class="coffee-slider-previous previous-control-1"><img src="./cc-slideshow-cd7a4173/Old%20Photos/Material%20Icons_e020%280%29_32.png" alt=""></img>
</a>
<a href="#" class="coffee-slider-play play-control-1"><img src="./cc-slideshow-cd7a4173/Old%20Photos/Iconic_e047%283%29_32.png" alt=""></img>
</a>
<a href="#" class="coffee-slider-stop stop-control-1"><img src="./cc-slideshow-cd7a4173/Old%20Photos/Iconic_e04a%280%29_32.png" alt=""></img>
</a>
<a href="#" class="coffee-slider-next next-control-1"><img src="./cc-slideshow-cd7a4173/Old%20Photos/Material%20Icons_e01f%281%29_32.png" alt=""></img>
</a>
<a href="#" class="coffee-slider-last last-control-1"><img src="./cc-slideshow-cd7a4173/Old%20Photos/Iconic_e04d%281%29_32.png" alt=""></img>
</a>
</div>
</div>
<!--% End of the content for CoffeeCup Responsive Content Slider %-->
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div><

Many thanks Eric, I'm going to look at the pure css modal method first, soon as I get some time, best

Thank You Eric for your example.

-WMFX