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="<?php echo get_template_directory_uri(); ?>/css/bootstrap.min.css"/>



      <script src="<?php echo get_template_directory_uri(); ?>/js/jquery.min.js"></script>
      <script src="<?php echo get_template_directory_uri(); ?>/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>