JSFiddle - React, Tailwind, and code Playground

HTML

<head> 
    <title>My Page</title> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0-rc.2/jquery.mobile-1.1.0-rc.2.min.css" />
    <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.1.0-rc.2/jquery.mobile-1.1.0-rc.2.min.js"></script>
</head> 

<body> 
<!--Set popup as first page to load-->
<div data-role="page" id="popup">

    <div data-role="header">
        <h1>Latest News</h1>
    </div><!-- /header -->

    <div data-role="content">    
        <p>Dog adopts kittens</p>
        <p>&nbsp;</p>
        <!--Redirect to main page-->
        <a type="button" href="#page1" 
            data-icon="check">
            Continue to main page</a>        
    </div><!-- /content -->

</div><!-- /page -->


<div data-role="page" id="page1">

    <div data-role="header">
        <h1>Main page</h1>
    </div><!-- /header -->

    <div data-role="content">    
        <p>Main page content</p>        
    </div><!-- /content -->

</div><!-- /page -->
    
</body>