JSFiddle - React, Tailwind, and code Playground

HTML

<?php /* * Template Name: Plantilla de pagina externa * Description: Tema de Wordpress */ ?> 
<!DOCTYPE html> 
<html>
   <head>
      <title>Mis Tiendas</title>
      
          
      
     <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"/>



      <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
      <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
   </head>
   
   
   
   
   <body>
      <a href="javascript:void(0);" data-href="content.html" class="openPopup">
         <li>Tienda UNO</li>
      </a>
      <a href="javascript:void(0);" data-href="content2.html" class="openPopup">
         <li>Tienda DOS</li>
      </a>
      
      
      
      <!-- Modal --> 
      <div class="modal fade" id="myModal" role="dialog">
         <div class="modal-dialog">
            <!-- Modal content--> 
            <div class="modal-content">
               <div class="modal-header">
                  <button type="button" class="close" data-dismiss="modal">×</button> 
                  <h4 class="modal-title">Bootstrap Modal with Dynamic Content</h4>
               </div>
               <div class="modal-body"> </div>
               <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> </div>
            </div>
         </div>
      </div>
      
      
      
      
      
      <script type="text/javascript">
      
      $(document).ready(function(){ $('.openPopup').on('click',function(){ var dataURL = $(this).attr('data-href'); $('.modal-body').load(dataURL,function(){ $('#myModal').modal({show:true}); }); }); }); 
      
      </script> 
   </body>
</html>