Problème POP-up

Bonsoir,

J'explique la situation qui commence à me gonfler ^^

J'utilise une template HTML5 qui est disponible sur le web et sur cette magnifique template il y'a un slider (c'est cool, non?^^).

Bon c'est pas le slider mon souci, je l'adore.


Bref............

Sur ce slider il y'a un "bouton" => Cliquez ici
Quand je clique sur le bouton il me redirige vers une nouvelle page mais j'aimerai qu'il ouvre un pop-up avec la page concernée.

Je galère quand je test des codes mon magnifique slider ressemble plus à un potager.


Voici le code en question:

 <!--Slider Items-->    
        <div class="sl-slider">
            <!--Slider Item1-->
            <div class="sl-slide item1" data-orientation="horizontal" data-slice1-rotation="-25" data-slice2-rotation="-25" data-slice1-scale="2" data-slice2-scale="2">
                <div class="sl-slide-inner">
                    <div class="container">
                      <img class="pull-right" src="images/sample/slider/img1.png" alt="" />
                        <h2>Salut !</h2><br />
                        <a class="btn btn-large btn-transparent" href="#" rel="nofollow noopener noreferrer" target="_blank">Cliquez ici !</a>
                        
                      
                    </div>
                </div>
            </div>
            <!--/Slider Item1-->

Merci par avance aux personnes qui veulent me venir en aide à cet heure tardive :)

Belle soirée à vous!

EDIT : Ajout des balises de code (la coloration syntaxique). Explications disponibles ici : ICI Merci d'y penser dans tes prochains messages.