JSFiddle - React, Tailwind, and code Playground

by olli

HTML

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.css">
<script src="http://code.jquery.com/jquery-1.5.2.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.js"></script>
<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8"> 
  <title>HOME</title> 
  
</head> 
<body> 

<!-- Start of first page --> 
<div data-role="page" id="home"> 
 
  <div data-role="header" > 
 
  </div>
 
  <div data-role="content" style="padding:8px">  
          <a href="#search" >Find</a> <br/>
         <a href="#search" >Find</a> <br/>
         <a href="#search" >Find</a> <br/>
         <a href="#search" >Find</a> <br/>
         <a href="#search" >Find</a> <br/>
         <a href="#search" >Find</a> <br/>
         <a href="#search" >Find</a> <br/>
         <a href="#search" >Find</a> <br/>
         <a href="#search" >Find</a> <br/>
         <a href="#search" >Find</a> <br/>
         <a href="#search" >Find</a> <br/>
         <a href="#search" >Find</a> <br/>
         <a href="#search" >Find</a> <br/>
         <a href="#search" >Find</a> <br/>
         <a href="#search" >Find</a> <br/>
         <a href="#search" >Find</a> <br/>
         <a href="#search" >Find</a> <br/>
         <a href="#search" >Find</a> <br/>
         <img src="images/icon-search-black.png" />
          <a href="#search" >Find</a> <br/>
  </div><!-- /content --> 
 
  <div data-role="footer"> 
  <h4>footer</h4> 
  </div><!-- /footer --> 
</div><!-- /page --> 
 
<!-- Start of second page --> 
<div data-role="page" id="search"> 
 
  <div data-role="header"> 
        <h4>header </h4> 
  </div><!-- /header --> 
 
  <div data-role="content">  
         <h4>content</h4> 
  </div><!-- /content --> 
  <div data-role="footer"> 
  <h4>footer </h4> 
  </div><!-- /footer --> 

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



</body>
</html>