JSFiddle - React, Tailwind, and code Playground

by cgack

HTML

<!DOCTYPE html>
<html>  
    <head>     
        <title>Page Title</title>       
        <meta name="viewport" content="width=device-width, initial-scale=1">      
        <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />     
        <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>   
        <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script> 
    </head> 
    <body>  
        <div data-role="page" data-url="home">      
            <div data-role="header">         
                <h1>Mobile App</h1>    
            </div><!-- /header -->     
            <ul data-role="listview">
                <li data-role="list-divider">Menu
                <li><a href="#page2">Go To Page 2</a>
                <li><a href="#page3">Go to Page 3</a>
                    </ul>
            <div data-role="footer">       
                <h4></h4>   
            </div><!-- /footer -->
        </div><!-- /page -->  
        <div data-role="page" data-url="page2" data-add-back-btn="true">
            <div data-role="header">
                <h1>Mobile App</h1>
            </div>
            <div data-role="content">
                Page 2 Content
            </div>                
          </div><!-- /page --> <div data-role="page" data-url="page3" data-add-back-btn="true">
            <div data-role="header">
                <h1>Mobile App</h1>
            </div>
            <div data-role="content">
                Page 3 Content
            </div>               
          </div><!-- /page -->
                    
        
    </body> 
</html>